Koppen structureren: H1, H2 en H3 goed gebruiken

Koppen (headings) vormen de inhoudsopgave van een pagina. Bezoekers scannen ze om te zien of de pagina hun vraag beantwoordt, schermlezers gebruiken ze om door de pagina te navigeren, en zoekmachines en AI-systemen lezen eruit hoe de inhoud is opgebouwd. Een logische koppenstructuur is daarom een kleine moeite met een groot effect.

De basisregels

1. Eén H1 per pagina. De H1 benoemt het onderwerp van de pagina, meestal dicht bij de title tag maar niet per se identiek.
2. H2 voor de hoofdonderdelen. Denk aan de hoofdstukken van de pagina: "Wat kost het?", "Hoe werkt het?", "Veelgestelde vragen".
3. H3 voor onderdelen binnen een H2. Bijvoorbeeld de afzonderlijke stappen of de vragen in een FAQ-blok.
4. Sla geen niveaus over. Na een H2 volgt een H3, niet direct een H4. Dat houdt de structuur begrijpelijk, ook voor hulpsoftware.
5. Koppen beschrijven de inhoud. "Onze werkwijze in vier stappen" zegt meer dan "Werkwijze" en veel meer dan "Zo doen wij dat".

Een voorbeeld van een goede structuur

H1 Website laten maken voor je praktijk
H2 Wat je krijgt
H3 Ontwerp in je huisstijl
H3 Teksten die patiënten begrijpen
H2 Wat kost een praktijkwebsite?
H2 Zo verloopt het project
H3 Kennismaking
H3 Ontwerp en bouw
H3 Livegang en nazorg
H2 Veelgestelde vragen

Wie alleen de koppen leest, weet al wat de pagina biedt. Dat is het doel.

Veelvoorkomende fouten

• Koppen gebruikt als opmaak. Een slogan in H2 omdat die groot moet, of een kop in vette tekst zonder kopniveau. Gebruik stijlen voor grootte en kopniveaus voor structuur.
• Meerdere H1's door het template. Sommige thema's zetten het logo of de sitenaam in een H1. Dan heeft elke pagina twee H1's. Dat is op te lossen in het template.
• Lege of decoratieve koppen. Koppen met alleen een icoon of "Lees meer" helpen niemand.
• Koppen in afbeeldingen. Tekst in een afbeelding is voor zoekmachines en schermlezers moeilijk of niet te lezen.

Zo controleer je je koppen

Snelle controle in de browser: klik met de rechtermuisknop op een kop en kies "Inspecteren". Je ziet dan of het element een h1, h2 enzovoort is. Een browserextensie die de koppenstructuur toont, maakt dit sneller; zoek in de extensiewinkel op "headings map".

In Webflow: selecteer de tekst en kijk in het instellingenpaneel welk element het is (Heading met H1–H6). In het navigatorpaneel zie je de volgorde. Meer in SEO-instellingen in Webflow.

In WordPress (blokeditor): selecteer het blok "Kop" en kies in de werkbalk het niveau. Via de knop "Documentoverzicht" bovenaan zie je alle koppen van de pagina op een rij.

In Shopify: koppen worden grotendeels door het thema bepaald. In de thema-editor kies je per sectie de tekst; het kopniveau ligt vaak vast in de themacode. Laat een ontwikkelaar dat aanpassen als het niet klopt.

Koppen en AI-zoekmachines

AI-systemen splitsen pagina's vaak in fragmenten rond koppen. Een kop die als vraag of duidelijk onderwerp is geformuleerd, gevolgd door een direct antwoord, wordt daardoor makkelijker herkend en geciteerd. Zie ook Een antwoordgerichte openingsalinea schrijven.

Toegankelijkheid

Koppen zijn een van de belangrijkste navigatiemiddelen voor mensen die een schermlezer gebruiken. Een correcte structuur is daarom ook onderdeel van een toegankelijke website. Meer in Toegankelijkheid van je website zelf controleren.

Voorbeeld: een dienstpagina herschrijven

Stel: een schildersbedrijf heeft een dienstpagina met de H1 "Welkom", daarna een H2 "Kwaliteit staat voorop" en verder alleen vetgedrukte tussenkopjes. Wie de koppen scant, weet niet waar de pagina over gaat. Na herschrijven ziet het er zo uit:

• H1 Welkom — Na: H1 Buitenschilderwerk in Zwolle en omgeving
• H2 Kwaliteit staat voorop — Na: H2 Wat we schilderen: kozijnen, gevels en houtwerk
• vet: Onze aanpak — Na: H2 Zo verloopt een schilderklus
• vet: Prijzen — Na: H2 Wat kost buitenschilderwerk?
• H4 Vragen? — Na: H2 Veelgestelde vragen, met elke vraag als H3

De tekst blijft grotendeels hetzelfde; alleen de koppen en kopniveaus veranderen. Daarmee wordt de pagina beter scanbaar voor bezoekers, schermlezers en zoekmachines.

Veelgestelde vragen

Is twee keer een H1 op een pagina een probleem?

Google kan ermee omgaan, maar het maakt de structuur minder duidelijk voor lezers en hulpsoftware. Eén H1 per pagina is de heldere en aanbevolen werkwijze.

Moet het zoekwoord in de H1 staan?

Het is verstandig als het natuurlijk past, omdat de H1 het onderwerp van de pagina benoemt. Forceer het niet: een begrijpelijke kop gaat voor.

Mogen koppen als vraag geformuleerd zijn?

Ja. Vragen als kop werken goed voor informatieve pagina's en FAQ-blokken, mits het antwoord direct eronder staat.

Hoeveel H2's mag een pagina hebben?

Er is geen maximum. Gebruik er zoveel als de inhoud logisch vraagt. Een lange pagina met veel onderwerpen heeft er meer, een korte contactpagina misschien geen.

Telt de kop in de footer of navigatie mee?

Die maken deel uit van de pagina. Gebruik daar bij voorkeur geen kopniveaus voor elementen die alleen opmaak zijn, zodat de hoofdstructuur van de inhoud helder blijft.

Hulp nodig?

Wil je weten of de koppen en andere basisonderdelen van je website goed staan? De SEO & GEO Quickscan geeft een eerste beeld; voor een volledige controle is er de technische SEO-analyse.

Zet geen hele alinea's of knopteksten in een kopniveau om ze groter te maken. Dat verwart schermlezers en zoekmachines.