H3 is een HTML-element dat wordt gebruikt om een kop van het derde niveau aan te duiden in de hiërarchische structuur van een webpagina. In HTML bestaan er zes heading-niveaus (H1 tot H6), waarbij H1 de belangrijkste en H6 de minst belangrijke is. De H3-tag speelt een cruciale rol in zowel de gebruikerservaring als de zoekmachineoptimalisatie (SEO).
De H3-tag wordt gebruikt om subsecties binnen een H2-sectie te structureren, waardoor content logisch en overzichtelijk wordt georganiseerd. Deze hiërarchische structuur helpt zoekmachines zoals Google om de context en het belang van verschillende content-onderdelen te begrijpen, wat bijdraagt aan betere indexering en ranking.
Hiërarchische structuur
In een goed gestructureerde webpagina volgt de heading-hiërarchie een logische volgorde:
- H1: De hoofdtitel van de pagina (meestal één keer per pagina)
- H2: Belangrijke secties binnen de content
- H3: Subsecties binnen H2-secties
- H4-H6: Verdere onderverdeling indien nodig
Het is belangrijk om deze hiërarchie te respecteren en geen niveaus over te slaan. Bijvoorbeeld, een H3 mag alleen gebruikt worden binnen of na een H2-sectie.
Technische implementatie
In HTML wordt een H3-tag als volgt geïmplementeerd:
<h3>Dit is een H3 kop</h3>
De styling van H3-elementen kan worden aangepast via CSS om visueel onderscheid te maken tussen verschillende heading-niveaus, terwijl de semantische betekenis behouden blijft voor zoekmachines en screenreaders.
