Koppenstructuur checker — controleer de heading-hierarchie van je website
Met deze gratis koppenstructuur checker voer je een URL in en zie je direct hoe de koppen van die pagina zijn opgebouwd.
Voer een URL in en bekijk de koppenstructuur van die pagina. Een logische koppenhierarchie helpt screenreadergebruikers om door je content te navigeren.
Veelgestelde vragen
Welk WCAG-criterium gaat over koppen?
Koppenstructuur valt onder WCAG succescriterium 1.3.1 (Info en relaties). Dit criterium eist dat informatie en relaties die visueel worden overgebracht ook programmatisch beschikbaar zijn — koppen moeten als koppen zijn gemarkeerd in de HTML.
Daarnaast is SC 2.4.6 (Koppen en labels) relevant: koppen moeten het onderwerp of doel van de content beschrijven.
Mag een H2 zonder H1 voorkomen?
Technisch gezien wel, maar het is niet aan te raden. Elke pagina zou moeten beginnen met een H1 die het hoofdonderwerp beschrijft.
Is het erg als ik een niveau oversla?
Het is geen harde WCAG-fout, maar het maakt navigatie met een schermlezer moeilijker. In onze audits rapporteren we het als een verbeterpunt.
Hoe zit het met koppen in widgets en sidebars?
Koppen in sidebars en widgets tellen mee in de koppenstructuur. Zorg dat ze logisch passen in de hierarchie van de pagina. Een H2 in de sidebar terwijl de main content ook H2's gebruikt, is prima.
Waarom is een goede koppenstructuur belangrijk?
Een logische koppenstructuur helpt op drie manieren:
- Toegankelijkheid — schermlezers tonen een lijst van alle koppen op de pagina. Gebruikers springen van kop naar kop om snel de juiste sectie te vinden.
- SEO — zoekmachines gebruiken koppen om te begrijpen waar je pagina over gaat. Een logische structuur helpt Google om je content te indexeren.
- Leesbaarheid — koppen geven visuele structuur aan je tekst. Ze maken het makkelijker om te scannen en de juiste informatie te vinden.
Hoeveel H1's mag een pagina hebben?
Precies een. De H1 is de hoofdkop — het onderwerp van de pagina. Meerdere H1's maken het onduidelijk wat het hoofdonderwerp is.
Wat is het verschil tussen koppen voor structuur en voor opmaak?
Een veelgemaakte fout: een H3 gebruiken omdat het lettertype er goed uitziet, terwijl het logisch een H2 zou moeten zijn. Gebruik CSS voor de visuele opmaak en HTML-koppen voor de structuur.
Wil je meer dan alleen de koppenstructuur laten controleren? Een volledige WCAG-audit onderzoekt alle 55 succescriteria. Of begin met een quickscan om snel te zien waar je staat.