H1 en headingstructuur: complete gids voor SEO en toegankelijke websites
Een duidelijke H1 en logische headingstructuur maken een pagina beter scanbaar, begrijpelijker en toegankelijker. Leer wanneer je H1, H2 en H3 gebruikt, wat het verschil is met een title tag en hoe je headings controleert in WordPress.
Een goede H1 en headingstructuur geeft iedere pagina een duidelijke hoofdboodschap en verdeelt de inhoud daarna logisch in onderwerpen en subonderwerpen. Gebruik een beschrijvende H1 voor het hoofdonderwerp, H2-koppen voor de belangrijkste onderdelen en H3-koppen voor uitwerkingen daarbinnen. Dat helpt bezoekers, screenreadergebruikers en zoekmachines de pagina te begrijpen. Er bestaat daarbij geen magische SEO-regel voor precies één H1 of een vast aantal tussenkoppen.
Wat is een headingstructuur?
Headings zijn HTML-koppen: <h1> tot en met <h6>. Ze beschrijven de structuur van de inhoud, niet alleen de opmaak. Een heading vertelt dus: dit is een nieuw onderwerp of een onderdeel van het vorige onderwerp.
Zie de structuur als de inhoudsopgave van een pagina:
- De H1 benoemt het hoofdonderwerp.
- H2-koppen verdelen dat hoofdonderwerp in grote secties.
- H3-koppen werken een H2-sectie verder uit.
- H4 tot en met H6 gebruik je alleen wanneer de inhoud werkelijk nog een extra niveau nodig heeft.
Een visueel grote of vette tekstregel is niet automatisch een heading. Andersom hoeft een heading niet groot te zijn om semantisch een heading te blijven. Kies heading-elementen voor structuur en regel de vormgeving met CSS of de instellingen van je thema.
H1, H2 en H3: wat is het verschil?
| Element | Gebruik | Voorbeeld op een dienstenpagina | Praktische controle |
|---|---|---|---|
| H1 | Hoofdonderwerp van de pagina | SEO-optimalisatie voor zakelijke websites | Beschrijft deze kop direct waar de hele pagina over gaat? |
| H2 | Belangrijk deelonderwerp binnen de pagina | Wat levert SEO-optimalisatie op? | Kan een lezer via alleen de H2-koppen de opbouw volgen? |
| H3 | Uitwerking van een specifiek H2-onderwerp | Technische verbeterpunten | Hoort deze kop inhoudelijk onder de H2 erboven? |
| H4 | Alleen een verdere onderverdeling van een H3 | Afbeeldingen comprimeren | Is dit detailniveau echt nodig, of is een opsomming duidelijker? |
Waarom headings belangrijk zijn
SEO en begrip van de pagina
Headings helpen de inhoud logisch te ordenen. Google adviseert beschrijvende headings en legt uit dat headings kunnen helpen om de inhoud van een pagina te begrijpen. Zie koppen echter niet als een losse rankingtruc: Google hanteert geen magisch aantal headings en schrijft geen verplichte volgorde voor. Schrijf daarom eerst voor een heldere pagina voor bezoekers.
Leesbaarheid en conversie
Zakelijke bezoekers scannen vaak eerst een pagina. Duidelijke tussenkoppen maken snel zichtbaar welke vragen worden beantwoord. Op een dienstenpagina kunnen dat bijvoorbeeld koppen zijn als ‘Voor welke bedrijven’, ‘Onze aanpak’ en ‘Veelgestelde vragen’. Een goed opgebouwde pagina ondersteunt daarmee ook de inhoudelijke keuzes binnen conversie- en SEO-optimalisatie.
Toegankelijkheid
Screenreaders kunnen headings gebruiken om door een pagina te navigeren. Een logische hiërarchie helpt gebruikers om secties te vinden en te begrijpen hoe onderdelen bij elkaar horen. Gebruik koppen daarom niet alleen omdat tekst groter moet ogen en sla geen niveaus over wanneer dat de inhoudelijke structuur onduidelijk maakt.
H1 versus title tag: twee verschillende elementen
De H1 staat zichtbaar in de inhoud van de pagina. De title tag staat in de HTML-head en kan onder meer als titel in een browsertab of in zoekresultaten worden gebruikt. Beide mogen op elkaar lijken, maar hebben een andere functie.
- Title tag: een compacte titel voor onder meer zoekresultaten en browseromgeving.
- H1: de zichtbare hoofdheading die de bezoeker op de pagina helpt oriënteren.
Maak beide beschrijvend en passend bij de inhoud. Forceer geen onnatuurlijke herhaling van zoekwoorden om ze identiek te maken.
Zo bouw je vandaag een goede headingstructuur op
- Bepaal de hoofdvraag van de pagina. Formuleer in één zin wat de bezoeker moet begrijpen of kunnen doen. Maak hiervan een duidelijke H1.
- Noteer de hoofdonderwerpen. Dit zijn doorgaans de vragen die iemand stelt voordat die contact opneemt, een product vergelijkt of een artikel toepast. Maak hiervan H2-koppen.
- Groepeer verdiepende punten onder de juiste H2. Alleen wanneer een H2 meerdere zelfstandige onderdelen bevat, voeg je H3-koppen toe.
- Controleer de hiërarchie zonder vormgeving. Lees uitsluitend de H1, H2 en H3. Is de rode draad logisch? Verplaats, hernoem of verwijder koppen die geen duidelijke functie hebben.
- Schrijf inhoud onder iedere kop. Een heading moet gevolgd worden door relevante uitleg. Plaats niet meerdere koppen achter elkaar als daar geen inhoudelijke reden voor is.
- Controleer de gepubliceerde pagina. Controleer niet alleen de editor, maar ook de voor bezoekers zichtbare pagina. Thema's en pagebuilders kunnen extra headings toevoegen, bijvoorbeeld aan widgets, kaarten of formulieren.
Voorbeelden van een logische koppenstructuur
Homepage
H1: Websites die verkopen voor zakelijke dienstverleners
H2: Webdesign, SEO en Google Ads die samenwerken
H2: Waarmee kunnen we helpen?
H3: WordPress-webdesign en development
H3: Zoekmachineoptimalisatie
H3: Google Ads en SEA
H2: Zo pakken we online groei aan
H2: Bespreek uw groeikansen
Dienstenpagina
H1: SEO-optimalisatie voor zakelijke websites
H2: Wanneer is SEO-optimalisatie nodig?
H2: Onze aanpak
H3: Technische basis controleren
H3: Content en pagina-opbouw verbeteren
H3: Resultaten en vervolgstappen beoordelen
H2: Veelgestelde vragen
H2: Bespreek uw website
Bekijk ook het overzicht van webdesign-, SEO- en Google Ads-diensten om te zien hoe verschillende diensten een eigen, heldere pagina-opbouw nodig hebben.
Kennisbankartikel
H1: 404- en soft-404-fouten oplossen
H2: Wat is een 404-fout?
H2: Wat is een soft 404?
H2: Zo vindt u foutpagina's
H3: Controleren in Google Search Console
H3: Interne links nalopen
H2: Oplossingen per situatie
H2: Checklist
Bij technische artikelen is een voorspelbare structuur extra belangrijk: lezers willen snel naar diagnose, oplossing of controlelijst. Zie bijvoorbeeld deze gids over 404- en soft-404-fouten.
Moet elke pagina precies één H1 hebben?
Een duidelijke hoofdheading is een verstandige keuze voor de meeste pagina's. Vaak resulteert dat in één zichtbare H1 die het onderwerp samenvat. Maar behandel ‘precies één H1’ niet als een absolute rankingregel. Google geeft aan dat er geen magisch aantal headings en geen voorgeschreven headingvolgorde bestaat voor Search.
De praktische norm blijft eenvoudig: geef de pagina een herkenbaar hoofdonderwerp en zorg dat de rest van de koppen die inhoud logisch uitwerkt. Bij twijfel is duidelijke structuur belangrijker dan een mechanische regel.
Veelgemaakte fouten in WordPress en pagebuilders
- Een heading kiezen vanwege de grootte. Gebruik geen H2 of H3 om tekst groter te maken. Pas de typografie aan in het thema of blok.
- Niveaus overslaan zonder inhoudelijke reden. Een H4 direct onder een H2 maakt de structuur vaak lastiger te volgen.
- Elke kaart of widget als heading markeren. Controleer of herhaalde interface-elementen werkelijk een nieuwe inhoudelijke sectie openen.
- Een logo als H1 gebruiken. Een logo is branding, geen paginatitel.
- Een lege heading tonen. Verwijder lege koppen die ontstaan door templates, verborgen modules of foutieve opmaak.
- Alleen de editor controleren. Bekijk de broncode of gebruik een browserextensie voor headings om te zien wat het thema daadwerkelijk uitvoert.
Headingstructuur controleren: praktische checklist
- Heeft de pagina een duidelijke zichtbare hoofdheading?
- Beschrijft de H1 het onderwerp in gewone, begrijpelijke taal?
- Verdelen H2-koppen de pagina in logische hoofdonderwerpen?
- Staan H3-koppen alleen onder het onderwerp dat zij uitwerken?
- Zijn headings gebruikt voor inhoudelijke structuur en niet voor visuele opmaak?
- Staat er onder iedere kop relevante inhoud?
- Voegt het WordPress-thema, een template of pagebuilder geen ongewenste headings toe?
- Kun je de pagina begrijpen wanneer je alleen de koppen leest?
Neem deze controle mee wanneer u bestaande pagina's actualiseert. In de gids bestaande content updaten leest u hoe u inhoudelijke verbeteringen planmatig aanpakt.
Wanneer laat u de headingstructuur verbeteren?
Schakel hulp in wanneer belangrijke pagina's moeilijk scanbaar zijn, een redesign of migratie eraan komt, een pagebuilder onduidelijke HTML genereert of toegankelijkheid structureel aandacht vraagt. Een beoordeling van headings werkt het beste als onderdeel van een bredere analyse van content, interne links, techniek en conversiepaden.
Bronnen
Bespreek je website of online groeikansen met LYNX Media
Heb je een vraag over dit onderwerp, of wil je weten wat er voor jouw site nodig is? Neem contact op.
Neem contact op
