HTML5 tags maken onderdeel uit van de laatste HTML standaard en helpen zoekmachines de inhoud van een webpagina en haar navigatie beter te begrijpen. Door deze tags op de juiste manier in je pagina te verwerken, zorg je er dus voor dat zoekmachines je pagina beter indexeren en beter naar voren brengen in zoekresultaten.
Wat zijn HTML5 tags?
HTML5 tags zijn een geavanceerdere versie van de <div> tag, waarmee je een webpagina opdeelt in secties. Het voordeel van de HTML5 tags is dat je het type van een sectie nader specificeert. Hierdoor worden pagina’s sneller geladen, wat de paginasnelheid en -prestatie ten goede komt.
Overzicht van de meest voorkomende tags
De volgende tags komen veel voor en worden veel gebruikt:
<header> – voor de header sectie;
<footer> – voor de footer sectie;
<nav> – voor het navigatie gedeelte met links;
<article> – om een belangrijk stuk inhoud aan te duiden zoals een artikel, of post;
<main> – om het belangrijkste deel van de inhoud aan te duiden (kan onderdeel zijn van <article>);
<details> – om detailinformatie uit de content aan te geven;
<summary> – wordt gebruikt in combinatie met <details> om alle informatie uit deze tags weer te geven;
<dialog> – voor een dialoog box voor interactie met een bezoeker;
<embed> – voor het insluiten van multimedia content of een externe applicatie;
<audio> – voor het insluiten van een audio fragment;
<video> – voor het insluiten van video, zonder dat hiervoor een plugin nodig is voor het afspelen;
<picture> – een container voor een of meerdere afbeeldingen of foto’s;
<svg> – om een SVG file in te sluiten;
<time> – voor belangrijke datums en tijdstippen, bijvoorbeeld van een evenement.
Het juiste gebruik
Als voorbeeld voor het juiste gebruik van HTML5 tags:
<header>Dit is het header gedeelte</header>
<main>
<h1>Dit is de kopregel van je pagina</h1>
<p>Dit is bijvoorbeeld de introductie tekst</p>
<article>
<h2>Dit is de sub-kopregel van de eerste paragraaf</h2>
<p>Dit is de inhoud van de eerste paragraaf</p>
<picture>Hierin zijn een aantal afbeeldingen opgenomen</picture>
</article>
<article>
<h2>Dit is de sub-kopregel van de tweede paragraaf</h2>
<p>Dit is de inhoud van de tweede paragraaf</p>
<video>Hierin is een video opgenomen</video>
</article>
</main>
HTML5 en SEO
Door HTML5 tags dus op een goede manier te gebruiken, krijg je een gestructureerde pagina en maak je het zoekmachines een stuk makkelijker om je pagina en de navigatie te begrijpen. Dit zorgt voor snellere en betere indexatie en komt SEO dus ten goede. Gebruik de juiste tags voor de juiste content, zodat zoekmachines direct weten welke content ze te indexeren krijgen.
Wil je je website zelf optimaliseren, download dan SEO PowerSuite en probeer de volledige versie gratis.
