H1 tag, H2 en H3 gebruiken voor een leesbare paginastructuur

Koppen zijn de inhoudsopgave van je pagina: één H1 met het onderwerp, een H2 per hoofdstuk, een H3 voor de tussenstappen. Ze helpen een lezer in vijf seconden te beslissen of de pagina zijn vraag beantwoordt en geven zoekmachines dezelfde structuur. Hieronder: wat elke tag doet, waar koppen vaak misgaan en hoe je jouw pagina's in een kwartier naloopt.

Wat zijn heading tags?

Heading tags zijn de HTML-elementen H1 tot en met H6 die aanwezige tekst de rol van kop geven, met een vaste hiërarchie: H1 is de hoofdkop, H2 een hoofdstuk, H3 een onderdeel van dat hoofdstuk. Ze beschrijven de structuur; hoe groot of gekleurd een kop eruitziet bepaal je met CSS, niet met de tag.

Wat is een header, en is dat hetzelfde?

Nee, en de verwarring kost punten. Een header is het koptekstgebied bovenaan een pagina (logo, menu); een heading is een kop in de tekst. Wie tegen zijn browser zegt "maak dit een header" en daarmee de H1 bedoelt, bouwt onbewust dubbele hoofdkoppen. Spreek in je team van H1, H2 en H3, of van koppen, en houd header voor het paginagebied.

Wat doet de H1 tag?

De H1 is de hoofdtitel van de pagina en benoemt de vraag waarop de pagina gevonden wil worden. Regels die in de praktijk werken: één H1 per pagina, een formulering die de belangrijkste zoekvraag bevat zonder woorden te stapelen, en zichtbaar bovenaan de inhoud. In veel templates is de paginatitel de H1; Controleer dus: bekijk de bron en tel de H1's. Zijn er meerdere, kies dan één en maak van de rest een H2 of een alinea.

Wanneer gebruik je H2 en H3?

Een H2 brengt een hoofdstuk aan, een H3 een onderverdeling daaronder. De truc die het meeste oplevert: schrijf je H2's als de vragen die de lezer tijdens het lezen heeft, in de volgorde waarin ze hem opkomen. Een H3 onder een H2 mag een detailvraag zijn; sla niveaus niet over (geen H3 direct onder een H1 zonder tussenliggende H2) en gebruik H4 tot H6 alleen als je structuur dat echt vraagt. In de meeste artikelen zijn H1, H2 en H3 genoeg.

Hoe maak je koppen die werken voor SEO?

Goede koppen doen dubbel werk: ze zijn de samenvatting voor wie scant en de context voor wie zoekt. Praktisch:

• Benoem in de kop het onderwerp van de sectie, niet de functie ("De drie fouten bij canonicals", niet "Belangrijk").
• Zet de zoekterm in de kop die bij die sectie hoort, precies één keer; meer doen koppen niet, meer eromheen wel.
• Houd het bij een zin; halve teksten als kop lezen niet.
• Laat koppen de inhoud beloven die eronder staat, want dat is precies wat een zoekmachine controleert.

Hoe nalopen in een kwartier?

Open de gerenderde HTML (niet alleen de broncode; scripts kunnen koppen toevoegen) en loop deze checklist af:

1. Er is precies één H1, met het pagina-onderwerp erin.
2. Elke H2 belooft iets dat de tekst eronder waarmaakt.
3. De hiërarchie loopt zonder sprongen: geen H3 zonder bovenliggende H2.
4. Koppen die dezelfde tekst hebben, zijn hetzelfde onderwerp; merge of onderscheid ze.
5. Lees alleen de koppen van boven naar beneden: vertelt dat rijtje het verhaal van de pagina? Zo niet, herschrijf de koppen.

De kop is ook een uitnodiging voor uitgebreide resultaten: of je markup en inhoud bij die kop kloppen, controleer je met structured data testen.

Wat doen koppen in het ontwerp van een pagina?

In webdesign werken koppen en vormgeving samen, maar ze zijn niet hetzelfde: een visueel grote tekst hoeft geen H1 te zijn, en een bescheiden H2 kan prima een hoofdstuk openen. Leg vast in het ontwerp welke tekstniveaus bij welke kop horen, zodat een bouwer niet op gevoel tags kiest. Houd de volgorde logisch voor wie met een schermlezer leest: die navigeert juist via de koppen.

Welke fouten zie je het vaakst bij koppen?

Naast de naloop hierboven zijn dit de klassiekers: koppen gekozen op lettergrootte in plaats van op rol, een pagina met drie H1's omdat elk blok er een meenam, koppen die vragen beloven en alinea's die iets anders beantwoorden, en teksten zonder koppen met dezelfde inhoud. Alle vier zijn ze te vinden met de checklist van een kwartier en alle vier kosten ze niets om te repareren.

Welke onderdelen horen erbij naast de koppen?

Koppen zijn het skelet; titel en meta-beschrijving zijn het visitekaartje in de zoekresultaten. Hoe je die scherp stelt, staat bij title tags optimaliseren en de meta descriptions gids. Voor de samenhang tussen pagina's (en welke kop naar welke link leidt) is de gids over interne linking een logische vervolgstap.