De heading-hiërarchie: H1 tot H6 voor mens en machine

Waarom heading-structuur belangrijk is

HTML-headings (H1 tot H6) zijn meer dan opmaak. Ze geven de hiërarchische structuur van je content weer en vertellen zoekmachines, screenreaders en AI-modellen hoe je informatie is georganiseerd. Een correcte heading-hiërarchie is als een inhoudsopgave: het geeft in een oogopslag weer wat de pagina behandelt en hoe de onderdelen zich tot elkaar verhouden.

Voor AI-modellen zijn headings bijzonder waardevol. Wanneer een taalmodel een lange pagina verwerkt, gebruikt het headings om de tekst te segmenteren en de kernonderwerpen te identificeren. Een pagina met duidelijke, beschrijvende headings wordt beter begrepen en nauwkeuriger geciteerd dan een pagina die bestaat uit een doorlopend blok tekst.

De heading-structuur is nauw verbonden met de leesbaarheid van je content. Samen met Schema.org markup vormen ze de driehoek van machine-leesbaarheid die bepaalt hoe goed AI-modellen je pagina kunnen verwerken.

De regels van heading-hiërarchie

De heading-hiërarchie volgt een logische boom structuur. Elke pagina begint met een H1 als hoofdtitel, gevolgd door H2-secties die de hoofdonderwerpen markeren, H3-subsecties die deze verder uitdiepen, enzovoort. Het overslaan van niveaus, bijvoorbeeld direct van H2 naar H4, verstoort de logische structuur.

Goed voorbeeld: logische hiërarchie

Hieronder zie je hoe een goed gestructureerde pagina eruitziet in HTML. Merk op hoe elk heading-niveau logisch onder het vorige valt, als een geneste inhoudsopgave.

<h1>AEO-strategie voor e-commerce websites</h1>

<h2>Waarom AEO essentieel is voor online winkels</h2>
<p>Uitleg over het belang van AI-zichtbaarheid...</p>

<h2>Technische optimalisatie</h2>

  <h3>Schema.org Product markup</h3>
  <p>Implementatie van product structured data...</p>

  <h3>Review en rating schema</h3>
  <p>Hoe je reviews zichtbaar maakt voor AI...</p>

<h2>Content strategie</h2>

  <h3>Productbeschrijvingen optimaliseren</h3>
  <p>Tips voor AI-vriendelijke productcopy...</p>

    <h4>Specificaties structureren</h4>
    <p>Het belang van gestructureerde specs...</p>

  <h3>FAQ-pagina\'s inzetten</h3>
  <p>Hoe FAQ-content bijdraagt aan AEO...</p>

<h2>Resultaten meten</h2>
<p>KPI\'s en tools voor AEO-succes...</p>

Fout voorbeeld: gebroken hiërarchie

Vergelijk het bovenstaande met een pagina waar de heading-hiërarchie is verbroken. Dit is helaas een veelvoorkomend patroon dat AI-modellen in verwarring brengt.

<!-- FOUT: meerdere H1 tags -->
<h1>AEO-strategie</h1>
<h1>Voor e-commerce websites</h1>

<!-- FOUT: H4 direct na H2, H3 overgeslagen -->
<h2>Technische optimalisatie</h2>
<h4>Schema.org Product markup</h4>

<!-- FOUT: heading gebruikt voor styling, niet structuur -->
<h3><strong>LET OP: belangrijk!</strong></h3>

<!-- FOUT: omgekeerde hiërarchie -->
<h4>Hoofdonderwerp</h4>
<h2>Detail van het hoofdonderwerp</h2>

<!-- FOUT: lege heading -->
<h2></h2>

De H1: een per pagina

De H1 is de hoofdtitel van je pagina en dient slechts eenmaal voor te komen. Dit is een van de meest consistente aanbevelingen in zowel SEO — bibliotheekterm als AEO — bibliotheekterm. De H1 vertelt zoekmachines en AI-modellen in een zin waar de pagina over gaat. Maak de H1 beschrijvend, uniek ten opzichte van andere pagina's en relevant voor de inhoud.

• Gebruik precies een H1 per pagina. Geen twee, geen nul.
• De H1 moet het primaire onderwerp van de pagina beschrijven.
• Houd de H1 tussen de 20 en 70 tekens voor optimale weergave en interpretatie.
• Vermijd generieke H1-titels zoals "Welkom" of "Home". Wees specifiek.
• De H1 hoeft niet identiek te zijn aan de title tag, maar moet wel consistent zijn in onderwerp.

H1 en AI-citaties

AI-modellen gebruiken de H1 als primaire indicator van het paginaonderwerp. Wanneer een model een antwoord genereert en bronnen selecteert, speelt de H1 een grote rol bij het bepalen of je pagina relevant is voor de vraag. Een H1 als "Alles over Schema.org markup — bibliotheekterm voor webshops" is veel krachtiger dan "Onze blog" voor het matchen met gerelateerde vragen.

H2 en H3: de werkpaarden van je structuur

De H2-headings markeren de hoofdsecties van je pagina. Ze zijn vergelijkbaar met de hoofdstukken van een boek. Gebruik 4 tot 8 H2-headings per pagina van gemiddelde lengte. Elke H2 moet een duidelijk, afgebakend deelonderwerp introduceren.

H3-headings zijn de subsecties binnen een H2-sectie. Ze bieden een extra laag structuur die vooral waardevol is bij langere, meer gedetailleerde content. Gebruik H3-headings wanneer een H2-sectie meerdere duidelijk te onderscheiden onderdelen bevat.

Heading-format strategieen

Er zijn drie gangbare formaten voor headings, elk met eigen voordelen:

• Vraagvorm ("Hoe werkt Schema.org markup?"): het meest effectief voor AEO omdat AI-modellen direct matchen op gebruikersvragen. Gebruik dit voor informatieve content.
• Instructievorm ("Implementeer Schema.org in drie stappen"): goed voor tutorials en how-to content. Geeft een belofte van actie en resultaat.
• Beschrijvende vorm ("Schema.org: de basis"): compact en overzichtelijk. Goed voor referentie-content en documentatie.

Kies per pagina een consistent format. Meng geen vraagvorm en beschrijvende vorm binnen dezelfde pagina, tenzij er een duidelijke reden is (bijvoorbeeld een FAQ-sectie binnen een informatief artikel).

Headings en toegankelijkheid

De heading-hiërarchie is niet alleen belangrijk voor SEO en AI. Het is een fundamenteel onderdeel van webtoegankelijkheid. Screenreaders gebruiken headings om gebruikers met een visuele beperking door een pagina te navigeren. Een gebruiker kan via de headings snel naar het relevante onderdeel van de pagina springen, vergelijkbaar met hoe een ziende lezer een pagina scant.

De Web Content Accessibility Guidelines (WCAG) 2.1 stellen dat headings de structuur van de content moeten weerspiegelen (richtlijn 1.3.1). Dit is niet alleen een aanbeveling maar in veel landen een wettelijke vereiste. Door je heading-hiërarchie correct te implementeren, verbeter je tegelijkertijd je toegankelijkheid, je SEO en je AEO.

Toegankelijkheid en AI-leesbaarheid gaan hand in hand. Net zoals alt-teksten voor afbeeldingen zowel screenreaders als AI-modellen helpen, dient een goede heading-structuur zowel menselijke als machine-lezers. Het is een win-win die je nooit mag overslaan.

Headings en gestructureerde data

Je heading-structuur versterkt de werking van je Schema.org markup. Wanneer je een Article schema gebruikt, verwachten AI-modellen dat de headline in het schema overeenkomt met de H1 op de pagina. Inconsistentie tussen deze twee is een signaal van lage kwaliteit. Zorg ervoor dat je structured data — bibliotheekterm en je heading-hierarchie dezelfde structuur vertellen.

Een goed gestructureerde pagina combineert de visuele hierarchie (headings) met de semantische hierarchie (Schema.org). De headings vertellen wat de pagina bevat op documentniveau, terwijl Schema.org dat doet op dataniveau. Samen geven ze AI-modellen een volledig beeld.

Veelgemaakte fouten en hoe je ze voorkomt

1. Headings gebruiken voor styling in plaats van structuur. Gebruik CSS voor visuele opmaak en headings uitsluitend voor inhoudelijke hiërarchie.
2. Te veel heading-niveaus op een pagina. De meeste content heeft voldoende aan H1, H2 en H3. Gebruik H4 en dieper alleen wanneer de complexiteit van je content dat rechtvaardigt.
3. Niet-beschrijvende headings zoals "Meer informatie" of "Details". Elk heading moet op zichzelf begrijpelijk zijn, ook buiten de context van de omringende tekst.
4. Inconsistente heading-stijl: mix niet tussen vraagvorm en stelling binnen dezelfde pagina. Kies een stijl en houd die vol.
5. Verborgen headings voor SEO: headings die onzichtbaar zijn voor gebruikers maar zichtbaar voor zoekmachines zijn een schending van de richtlijnen en worden genegeerd of bestraft.

Een auditchecklist voor heading-structuur

• Heeft de pagina precies een H1?
• Beschrijft de H1 het hoofdonderwerp accuraat?
• Volgen de headings een logische hierarchie zonder overgeslagen niveaus?
• Zijn alle headings beschrijvend en begrijpelijk los van context?
• Komt het heading-format (vraag, instructie, beschrijving) consistent terug?
• Zijn er geen lege headings of headings die alleen voor styling worden gebruikt?
• Klopt de heading-structuur met de Article.headline in je Schema.org markup?
• Zijn de headings informatief genoeg om als inhoudsopgave te dienen?

Heading-structuur controleren

Onze AEO-scanner controleert automatisch je heading-hiërarchie op de meest voorkomende fouten: ontbrekende H1, meerdere H1-tags, overgeslagen niveaus en lege headings. Daarnaast kun je de heading-structuur handmatig controleren met browser developer tools of extensies zoals HeadingsMap voor Chrome.

Maak er een gewoonte van om de heading-structuur te controleren voor je content publiceert. Net zoals je een document zou voorzien van een inhoudsopgave voor je het distribueert, verdient je webpagina een logische heading-structuur voor je deze de wereld in stuurt.

Samenvatting: de belangrijkste punten

• Headings (H1 tot H6) zijn de structurele ruggengraat van je pagina en vertellen zoekmachines, screenreaders en AI-modellen hoe je content is georganiseerd.
• Gebruik precies een H1 per pagina als hoofdtitel, gevolgd door H2-secties en waar nodig H3-subsecties in een logische boomstructuur.
• Formuleer headings beschrijvend en bij voorkeur als vragen voor maximale AEO-waarde, zodat AI-modellen ze direct kunnen matchen aan gebruikersvragen.
• Heading-structuur, Schema.org markup en leesbaarheid versterken elkaar: optimaliseer ze als geheel voor het beste resultaat.
• Controleer je heading-hierarchie structureel voor publicatie, net zoals je een inhoudsopgave controleert voor je een document distribueert.

Veelgestelde vragen

Headings zijn de wegwijzers van je content. Zonder ze verdwalen zowel lezers als machines in een zee van tekst.