Je kopstructuur slaat treden over: zo zet je je koppen op orde
Koppen zijn de inhoudsopgave van je pagina. De h1 is de titel, h2's zijn de hoofdstukken, h3's de paragrafen daarbinnen. Sla je een niveau over, of staan er lege koppen, dan klopt die inhoudsopgave niet meer.
In het kud-rapport Je kopstructuur slaat treden over
Waarom het uitmaakt
Schermlezergebruikers navigeren vaak van kop naar kop. Een logische volgorde helpt ze om snel het juiste stuk te vinden. Een lege kop wordt voorgelezen als een leeg kopje, en dat is verwarrend.
Ook voor Google helpt een heldere structuur om te begrijpen wat de hoofdonderwerpen van je pagina zijn.
Zo los je het op
- Begin met één h1, gebruik daaronder h2's voor de hoofdonderdelen en h3's daarbinnen.
- Sla geen niveaus over: na een h2 komt een h3, niet direct een h4.
- Kies het niveau op betekenis, niet op grootte. Wil je een kleine kop, pas dan de CSS aan.
- Haal lege koppen weg. Gebruik voor witruimte gewoon marge in je CSS.
- Gebruik geen koppen voor dingen die geen kop zijn, zoals een losse slogan of een knoptekst.
<h1>Dakreparatie in Zwolle</h1>
<h2>Wat we doen</h2>
<h3>Lekkage</h3>
<h3>Stormschade</h3>
<h2>Prijzen</h2>Op jouw platform
- WordPress
- In de blokeditor kies je per kopblok het niveau (H2, H3). Kijk met de knop "Documentoverzicht" bovenin hoe je structuur eruitziet.
Veelgestelde vragen
Is het erg als ik een niveau oversla?
Je site gaat er niet van kapot, maar het maakt de structuur onduidelijker voor schermlezers. Het is een kleine moeite om recht te zetten.
Hoe zie ik mijn kopstructuur?
Browserextensies zoals HeadingsMap laten alle koppen van een pagina in een boomstructuur zien.