Waarom is een goede koppenstructuur belangrijk?
Een goede koppenstructuur is de inhoudsopgave van je pagina. Zoekmachines en voorleessoftware gebruiken hem om te begrijpen hoe je tekst is opgebouwd.
En je lezer gebruikt hem om te scannen, want vrijwel niemand leest een pagina van boven naar beneden.
Drie regels dekken het grootste deel.
Eén h1 per pagina
Dat is je paginatitel: waar deze pagina over gaat. Meerdere h1-koppen maken onduidelijk wat het hoofdonderwerp is.
Bij WordPress is je paginatitel meestal automatisch de h1. Meer daarover lees je bij seo.
Sla geen niveaus over
Na een h2 komt een h3, niet meteen een h4. Wie met een schermlezer door je koppen springt, raakt anders de draad kwijt.
Meer daarover lees je bij accessibility.
Kies op structuur, niet op grootte
Dit is de meest gemaakte fout: een h3 kiezen omdat die mooier oogt dan een h2.
Wil je een kop kleiner, pas dan de opmaak aan en niet het niveau. Meer daarover lees je bij css.
Mijn vuistregels
- Eén h1, altijd.
- Geen niveaus overslaan.
- Kies het niveau op betekenis, de grootte op opmaak.
- Zet in elke kop waar dat stuk over gaat, in gewone woorden.
Die laatste helpt je lezer meer dan welke technische regel ook.
Hoe je het controleert
Lees alleen je koppen achter elkaar. Snap je dan waar de pagina over gaat en hoe hij is opgebouwd?
Zo niet, dan klopt je structuur niet. Dat is de hele test. Meer daarover lees je bij hoe je de HTML van een pagina bekijkt.
Bij een paginabouwer
Daar kies je per tekstblok het niveau. Let op dat je niet per ongeluk overal h2 of h3 gebruikt omdat dat de standaard is.
Meer daarover lees je bij dom.