Veelvoorkomende soorten metatags
1. Meta-beschrijving
Biedt een korte samenvatting van de inhoud van de webpagina, die door zoekmachines wordt gebruikt om in de zoekresultaten weer te geven.
<meta name=”description” content=”Dit is een webpagina over HTML-metatags en hun functies.” >
2. Meta-zoekwoorden
Specificeert trefwoorden die relevant zijn voor de inhoud van de pagina. (Minder belangrijk voor SEO tegenwoordig.)
<meta name=”keywords” content=”HTML, metatags, webpagina, SEO”>
3. Uitzicht
Hiermee bepaalt u hoe de webpagina wordt weergegeven op mobiele apparaten.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
4. Tekenset
Hiermee geeft u de tekencodering voor de webpagina op (UTF-8 wordt vaak gebruikt).
<meta charset=”UTF-8″>
5. Auteur
Hiermee geeft u de naam van de auteur van de inhoud op.
<meta name=”auteur” inhoud=”John Doe”>
Voorbeeld van metatags in HTML
<! DOCTYPE html>
<html>
<hoofd>
<meta charset=”UTF-8″>
<meta name=”description” content=”Leer alles over HTML-metatags en hoe ze SEO en paginafunctionaliteit verbeteren.” >
<meta name=”trefwoorden” content=”HTML, metatags, SEO”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”auteur” content=”Jane Smith”>
<titel>Metatags begrijpen</titel>
</hoofd>
<lichaam>
<h1>Welkom bij de meta tag tutorial</h1>
</lichaam>
</html>
Belang van metatags
– SEO: Metatags, met name de beschrijving en trefwoorden, helpen zoekmachines de inhoud van een pagina te begrijpen.
– Gebruikerservaring: Tags zoals ‘viewport’ verbeteren de mobiele responsiviteit.
– Metadata: Biedt aanvullende informatie (auteur, tekenset) die nuttig is voor browsers en zoekmachines.