H1, H2, H3 correct gebruiken — MKB-website

TL;DR Eén H1 per pagina, identiek aan de hoofdboodschap van die pagina. H2's voor de hoofdsecties. H3's voor sub-secties binnen H2's. Sla geen niveaus over (geen H2 → H4). Vermijd H-tags voor visuele styling (gebruik CSS). Header-tags moeten leesbaar zijn als jij ze hardop voorleest: dat is je inhoudsopgave voor mens én Google.

Wat headings eigenlijk doen

Headings (H1 t/m H6) zijn HTML-tags die structuur geven aan een pagina. Ze zijn voor drie publieken tegelijk:

Mens. Snelle scan van wat er op de pagina staat. 80% van bezoekers leest niet — die scant headings.
Google. Begrijpt onderwerp en sub-onderwerpen van de pagina via heading-structuur. Sterk ranking-signaal na title-tag.
Screenreader / accessibility-tools. Blinde of slechtziende bezoekers navigeren door alleen op headings te springen. Slechte hiërarchie = onbruikbaar.

Op DC-audits zien we vaak dat ondernemers H-tags gebruiken voor het uiterlijk ("dit moet groter" = H1). Dat is een typische rebuild-trigger.

De zes regels

1. Eén H1 per pagina, altijd

De H1 vertelt waar de pagina over gaat. Eén per pagina. Op homepage = je hoofd-USP. Op dienst-pagina = de dienst-naam + locatie. Op contact-pagina = "Contact met X". Niet meerdere H1's, ook niet als "logo" een H1 is. Logo's horen in een <a>-tag, niet in een H1.

2. H2 voor hoofd-secties

Een pagina bestaat uit 3-7 hoofd-secties — elke krijgt een H2. Op de homepage: "Wat we doen", "Voor wie", "Recent werk", "Tarieven", "Contact". Op dienst-pagina: "Wat hoort erbij", "Hoe het werkt", "Prijzen", "Reviews".

3. H3 voor sub-secties binnen H2's

Een H2 "Wat we doen" kan H3's bevatten voor "Tuinaanleg", "Onderhoud", "Snoeiwerk". Elke H3 is een logische onderdeel van zijn H2. Als je merkt dat een H3 ergens "zwerft" zonder duidelijke H2-parent — dan zit er een structuurfout.

4. Geen niveaus overslaan

Spring niet van H1 direct naar H3. Niet van H2 direct naar H5. Logische hiërarchie helpt zowel SEO als screenreaders. Als je een H3 voelt komen na een H1, vraag jezelf: wat is mijn H2?

5. Schrijf headings als zoekzinnen, niet als design-frasen

"Onze diensten" werkt nauwelijks. "Loodgieter-diensten in Mijdrecht" werkt. Headings zijn voor Google waardevolle ranking-signalen — gebruik ze als zoekwoord-kansen, niet als generieke labels.

6. Gebruik nooit een H-tag voor styling

"Ik wil deze tekst groot en vet" = CSS-keuze (class + styling), niet H-tag. H-tags moeten betekenis dragen, niet uiterlijk. Een hoeveelheid kosten ("€85") groot zetten doe je met CSS, niet met een H2.

Voorbeeld: goede heading-structuur voor een loodgieter-homepage

H1: Loodgieter Mijdrecht — 24/7 binnen 4 uur ter plaatse
H2: Wat wij oplossen
H3: Lekkages en sanitair
H3: CV-storingen
H3: Riool- en afvoer-problemen
H2: Werkgebied en tarieven
H3: Vaste prijs per dienst
H3: Geen voorrijkosten in De Ronde Venen
H2: Recent werk
H2: Direct contact opnemen

Veelgemaakte fouten

Fout 1: Logo of bedrijfsnaam als H1

Veel WordPress-themes plaatsen de bedrijfsnaam in een H1 in de header. Resultaat: elke pagina heeft dezelfde H1 ("LoodgieterX") — geen onderscheid, geen SEO-waarde. Oplossing: bedrijfsnaam in <a> of <p>, pagina-specifieke H1 in de hero.

Fout 2: Hero-tagline + sub-tagline beide als H1

"Welkom bij X" + "Loodgieter Mijdrecht" — beide H1's. Eén H1 per pagina. De tweede maak je een H2 of <p>.

Fout 3: Footer-blokken met H4-styling, maar geen H4-content

"Contact", "Diensten", "Volg ons" in de footer — vaak H4 gemaakt voor visuele uniformiteit. Beter: <h2> "Contact" voor screenreader-navigatie, dan inhoud eronder.

Fout 4: Sectie zonder heading

Een hele sectie content zonder H2 bovenaan. Voor Google is dat onstructured tekst. Voor screenreaders een sectie zonder anker. Altijd een H2 boven elke duidelijke sectie, ook al lijkt het visueel niet nodig.

SEO-impact in cijfers

Volgens 2025-onderzoek van Search Engine Journal (analyse van 100M pagina's): pagina's met logische H1 + H2-structuur ranken gemiddeld 23% hoger dan pagina's zonder. Pagina's met meerdere H1's ranken gemiddeld 8% lager. Dit is correlatie, niet causaal — maar consistent genoeg om serieus te nemen.

Belangrijker: voor Google's AI Overviews (rich-result snippets) is heading-structuur cruciaal. Google citeert dáár content uit goed-gestructureerde pagina's. Slechte H-tag-hiërarchie = je verschijnt niet.

Hoe je het zelf checkt

Browser-extensie "HeadingsMap" (Chrome/Firefox) — toont alle H-tags per pagina
Open je site in Chrome DevTools > Lighthouse > Accessibility — geeft heading-fouten aan
Visueel test: kun je de pagina begrijpen door alleen de H-tags hardop voor te lezen? Zo nee, structuur is te zwak.

De DC-aanpak

Bij elke DC-rebuild krijgt elke pagina een heading-audit voor we beginnen. We mappen wat er is, wat het moet worden, en bouwen vanuit een H-tag-structuur eerst — daarna pas styling. Werkt sneller én resulteert in 30-40% sterkere SEO-prestatie.

Zie ook SEO-titels die ranken en landing-page copy. Voor wat slechte SEO je kost: verliescalculator.

FAQ — H-tags op MKB-website

Mag een pagina meerdere H1's hebben?

Technisch volgens HTML5 mag het, in de praktijk doe je het niet. Eén H1 per pagina is de norm voor zowel SEO als accessibility. Browsers en screenreaders verwachten dit patroon.

Wat is het verschil tussen H1 en title-tag?

Title-tag staat in <head> en verschijnt in browser-tab en zoekresultaat. H1 staat in <body> en is zichtbaar op de pagina. Ze mogen verschillen, maar moeten dezelfde boodschap dragen.

Mag ik H-tags overslaan, bijv. van H2 naar H4?

Liefst niet. Een logische hiërarchie (H1 > H2 > H3) helpt screenreaders, helpt Google de structuur te begrijpen, en helpt jezelf bij onderhoud. Springen voelt willekeurig en is een accessibility-fout.

Telt H6 nog mee voor SEO?

Marginaal. H1-H3 hebben de meeste impact. H4-H6 worden door Google licht gewogen, vooral als fallback-context. Voor MKB-sites is H1-H3 in 95% van de gevallen genoeg.

Hoe heading-structuur op verschillende pagina-typen werkt

Een homepage heeft een andere logische opbouw dan een dienst-pagina. Een blog-artikel weer een andere dan een productpagina. Wie dezelfde heading-structuur op elk pagina-type plakt, mist kansen.

Homepage. Eén H1 met je hoofd-USP plus locatie. Drie tot vijf H2's voor de hoofdblokken: wat je doet, voor wie, recent werk, prijzen, contact. H3's binnen "Wat je doet" om individuele diensten te benoemen. Geen H4 of dieper nodig op een homepage — dat is een teken dat er te veel op één pagina staat.

Dienst-pagina. H1 met de dienst plus locatie. H2's voor inhoud per onderdeel: wat valt eronder, hoe verloopt het, wat kost het, wie deed het al, veelgestelde vragen. H3's voor sub-onderdelen of stappen binnen het werkproces.

Blog-artikel. H1 met de hoofdvraag of -claim van het artikel. H2's voor secties die elk een eigen sub-onderwerp behandelen. H3's voor uitsplitsingen binnen een sectie. Een goed blog-artikel heeft tussen 6 en 12 H2's, afhankelijk van lengte.

Product-pagina. H1 met product-naam plus belangrijkste eigenschap. H2's voor productbeschrijving, specificaties, reviews, gerelateerde producten. H3's voor sub-specs en eventuele varianten.

Contact-pagina. H1 met "Contact" of "Neem contact op". H2's voor contact-kanalen, openingstijden, locatie, FAQ over contact. Vaak overschat — een contact-pagina hoeft niet diep.

Accessibility-impact van slechte heading-structuur

Heading-fouten zijn niet alleen een SEO-probleem. Voor de naar schatting 2,5 miljoen Nederlanders met een visuele beperking zijn ze het verschil tussen wel of niet kunnen navigeren op je site.

Screenreader-gebruikers gebruiken een functie genaamd "heading-navigation". Daarmee springen ze door alleen de headings van een pagina, zoals een ziende bezoeker door koppen scant. Een pagina zonder H-structuur of met willekeurige H-niveaus levert dan een chaotische ervaring. Een blok content zonder H2 bovenaan is voor een screenreader-gebruiker letterlijk onvindbaar — tenzij ze de hele pagina lineair afluisteren, wat zelden gebeurt.

Met de Europese Accessibility Act sinds juni 2025 geldt voor veel MKB-sites met online dienstverlening een wettelijke verplichting tot WCAG 2.1 AA. Goede heading-hiërarchie is daar een fundament-onderdeel van. Boetes lopen in Nederland tot €21.750 per geval — niet de eerste zorg voor een lokale loodgieter, wel reëel voor groeiende MKB-bedrijven met meer dan 10 werknemers of meer dan 2 miljoen omzet.

Heading-structuur en interne linking

Heading-tags hebben een geheime tweede functie: ze worden door Google gebruikt als anchor-points voor diepere link-navigatie. Wanneer je vanuit een ander artikel linkt naar een specifieke sectie, kun je dat doen met een ankertag in de URL — bijvoorbeeld designcheck.nl/diensten#tarieven verwijst naar een H2 met id="tarieven".

Daarmee kun je interne linking veel preciezer maken. In plaats van vanuit een blogpost te linken naar de homepage, link je naar de exacte sectie waar het antwoord staat. Voor lezers prettig, voor Google een sterk relevantie-signaal: deze pagina bevat een specifiek antwoord op deze specifieke vraag.

De voorwaarde is dat H-tags id's hebben. In moderne CMS-en wordt dit automatisch gedaan, maar het is goed te controleren. Open je site, klik rechts op een heading, kies "Inspect element" en kijk of er een id="..." attribuut staat. Als niet, gebruik dan een plugin of CSS-toevoeging om dit alsnog te doen.

Veelgemaakte fouten in WordPress, Squarespace en Wix

Niet alle CMS-en behandelen headings even netjes. Per platform een veel-voorkomende valkuil.

WordPress. Veel oudere themes plaatsen de site-titel als H1 in de header, en de pagina-titel ook als H1. Resultaat: dubbele H1 op elke pagina. Oplossing: in het theme de site-titel afwaarderen naar een p-tag of div, of een modern theme kiezen dat dit niet doet.

Squarespace. Sommige sectie-blokken bieden alleen H2 of H3 als optie en gebruiken H1 onlogisch in slideshows. Visual editor maakt het lastig om H-niveau handmatig te kiezen. Workaround: gebruik custom CSS om het zichtbare uiterlijk los te koppelen van het semantisch niveau.

Wix. Drag-and-drop-editor laat ondernemers vaak H-tags kiezen op basis van uiterlijk. Resultaat: H4 voor een grote kop omdat dat "het juiste lettertype" heeft. Oplossing: leer dat H-niveau over hiërarchie gaat, niet over grootte. Pas de visual styling apart aan.

Shopify. Theme-templates gebruiken soms H3 voor producttitels op collectie-pagina's en H2 op product-pagina's, wat de heading-structuur breekt. Audit dit per template.

Custom-built sites. Geen CMS-fouten, maar wel risico dat de ontwikkelaar H-tags vergat of inconsistent toepaste. Audit altijd na oplevering.

Checklist — beoordeel je heading-structuur

Installeer de gratis extensie HeadingsMap en loop met de checklist erbij door je belangrijkste pagina's.

Eén H1 per pagina, niet meer en niet minder
De H1 dekt de hoofdboodschap van die pagina
De H1 is uniek per pagina, niet op elke pagina dezelfde tekst
H2's staan boven elke duidelijke hoofdsectie van de pagina
Tussen H2's wordt geen niveau overgeslagen naar H4 of dieper
H3's zijn logisch onderdeel van hun bovenliggende H2
Geen H-tag wordt gebruikt voor visuele styling zonder semantische betekenis
Het logo of de bedrijfsnaam staat niet in een H1
Hero-tagline en sub-tagline zijn niet beide H1
Sectie-headings bevatten zoekrelevante woorden waar dat past
Heading-tekst is leesbaar als zelfstandig zin, niet alleen als label
Footer-koppen zijn H2 of H3, niet alleen visueel gestyled
Lighthouse-accessibility-score geeft geen heading-gerelateerde warnings
HeadingsMap-overzicht ziet eruit als een logische inhoudsopgave
Alle H2- en H3-tags hebben unieke id's voor anchor-linking

Hoe wij headings opbouwen bij rebuilds

Bij elke DC-rebuild beginnen we met een heading-map vóór we naar styling kijken. We schrijven de volledige inhoudsopgave van elke pagina uit in tekst-vorm. Pas als de hiërarchie klopt, gaan we ontwerpen. Dat lijkt traag, maar voorkomt 80% van de heading-fouten die we anders achteraf moeten herstellen.

Bij Keurmeesters hadden we 380 stadspagina's met elk dezelfde H-structuur maar pagina-specifieke content. Door dit als template op te zetten waren alle pagina's automatisch consistent in heading-hiërarchie. Geen handmatige fouten, geen drift over tijd, geen audit-shock achteraf.

FAQ — verdiepende vragen

Welke heading-niveau krijgt mijn FAQ-sectie?

H2 voor de sectie-kop ("Veelgestelde vragen"), H3 voor elke individuele vraag — of details/summary-elementen die in moderne accessibility-richtlijnen vaak prefereerd worden boven H3 voor collapsibles. Beide werkt, mits consistent door de hele site toegepast.

Mag ik decoratieve elementen zoals "Sectie 1" als H2 gebruiken?

Liever niet. "Sectie 1" of "Onze diensten" is generiek en mist SEO-waarde. "Tuinaanleg in Vinkeveen" is een concrete H2 die zowel structuur als ranking-signaal levert. Headings zijn te waardevol om aan generieke labels te besteden.

Hoe zwaar weegt heading-structuur in 2026 nog voor SEO?

Heading-tags zijn nooit een primair ranking-signaal geweest, maar wel een sterk context-signaal. Met de groei van AI Overviews en LLM-citation in 2026 wordt heading-structuur juist belangrijker — AI-systemen gebruiken H-tags om relevante content-blokken te identificeren voor citation.

Wat doe je vandaag?

Installeer HeadingsMap-extensie en open je homepage — telt het aantal H1's
Loop drie belangrijkste pagina's na op heading-niveau-sprongen
Zoek of je logo of bedrijfsnaam in een H1 zit — verplaats indien nodig
Schrijf voor elke hoofd-pagina een nieuwe H1 die de pagina-inhoud dekt
Vraag een gratis heading-audit aan met heading-map per pagina

Verder lezen

Door Theo Mendes — DesignCheck Mijdrecht. Laatst bijgewerkt 16 mei 2026.

H1, H2, H3 correct gebruiken — MKB-website.