Wat zijn meta-tags en waar zijn ze voor nodig…

Meta-tags zijn speciale HTML-tags die metadata (informatie over het document) leveren voor browsers en zoekmachines. Ze bevinden zich in de <head>-sectie van het HTML-document.

De belangrijkste typen meta-tags en hun doeleinden:

charset: Geeft de tekenencodering van de pagina aan, bijvoorbeeld UTF-8. Belangrijk voor de juiste weergave van tekst.
```
<meta charset="UTF-8">
```
name="description": Bepaalt een korte beschrijving van de inhoud van de pagina. Wordt gebruikt door zoekmachines in de resultaten.
```
<meta name="description" content="Korte beschrijving van je pagina voor zoekmachines.">
```
name="keywords": Lijst van zoekwoorden die de inhoud van de pagina beschrijven. De invloed op SEO is afgenomen, maar kan door oude systemen worden gebruikt.
```
<meta name="keywords" content="zoekwoord1, zoekwoord2, zoekwoord3">
```
name="viewport": Regelt de schaal en afmetingen van het weergavegebied op mobiele apparaten. Cruciaal voor responsief ontwerp.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: De breedte van het weergavegebied is gelijk aan de breedte van het apparaat scherm.
- initial-scale=1.0: Initiële schaal van de pagina bij laden.

name="robots": Geeft zoekrobotregels voor de indexering van de pagina.

Tabel met waarden voor het content-attribuut:

Waarde	Beschrijving
`index`	Staat indexering van de pagina toe.
`noindex`	Verbiedt indexering van de pagina.
`follow`	Staat toe dat links op de pagina worden gevolgd en geïndexeerd.
`nofollow`	Verbiedt dat links worden gevolgd.
`all`	Komt overeen met `index, follow`. (Standaardwaarde)
`none`	Komt overeen met `noindex, nofollow`.

<meta name="robots" content="index, follow">

property (Open Graph, Twitter Cards): Wordt gebruikt om te bepalen hoe de inhoud van de pagina wordt weergegeven bij publicatie op sociale media.

<meta property="og:title" content="Titel voor sociale media">
<meta property="og:description" content="Omschrijving voor sociale media">
<meta property="og:image" content="URL van de afbeelding voor preview">
<meta property="og:url" content="URL van de pagina">
<meta name="twitter:card" content="summary_large_image">

De noodzaak van meta tags wordt samengevat in:

SEO (Zoekmachineoptimalisatie): Helpt zoekmachines de thematiek en inhoud van de pagina te begrijpen, wat de ranking en weergave in zoekresultaten beïnvloedt (description, keywords, robots).
UX (Gebruikerservaring): Verbeteren de weergave en interactie met de pagina op verschillende apparaten (viewport).
Sociale media: Bepalen het aantrekkelijke uiterlijk van de link bij publicatie, waardoor de klikratio wordt verhoogd (property - Open Graph, Twitter Cards).
Technische informatie: Biedt belangrijke technische gegevens voor de browser (bijvoorbeeld codering).

Het gebruik van meta tags is verplicht om correcte, geoptimaliseerde en gebruiksvriendelijke webpagina's te maken.

Wat zijn meta-tags en waar zijn ze voor nodig?