Terug naar begrippenlijst
Header tag
Header tags zijn de ruggengraat van je contentstructuur. Niet te verwarren met je header bovenaan de website. We hebben het hier over HTML-koppen als H1, H2, enzovoort. Ze zorgen ervoor dat je pagina niet alleen prettig leest voor mensen, maar ook goed te begrijpen is voor zoekmachines. In een wereld waarin online content om aandacht schreeuwt, is een heldere opbouw essentieel.
Inhoudsopgave
Koppen met kop en staart
Met header tags geef je hiërarchie aan je pagina. De H1 is je hoofdtitel, die komt maar één keer voor per pagina. Daaronder komen tussenkoppen: H2 voor secties, H3 voor subsectoren, en zo verder tot H6. Je bouwt je verhaal dus letterlijk op van boven naar beneden.
Die structuur is niet alleen prettig voor de lezer die snel wil scannen, maar ook voor zoekmachines die proberen te begrijpen waar je pagina over gaat. Hoe logischer de indeling, hoe beter ze jouw content kunnen indexeren en dus aanbieden aan de juiste mensen.
Wie schrijft, pent ook voor Google
Header tags zijn belangrijk voor SEO. Zoekmachines gebruiken ze om te bepalen waar een pagina over gaat, welke onderdelen belangrijk zijn en hoe de content in elkaar zit. Een pagina met alleen maar opgemaakte tekst zonder koppen is als een boek zonder hoofdstukken: rommelig en onoverzichtelijk.
Door je header tags slim in te zetten, versterk je niet alleen je vindbaarheid, maar ook je boodschap. Je neemt je lezer als het ware bij de hand en laat tegelijkertijd aan Google zien dat je de structuur snapt.
Structuur is geen styling
Een veelgemaakte fout is om koppen te gebruiken puur omdat ze er ‘groot’ uitzien. Maar een header tag is een vastgesteld element, dus gebruik het zeker niet als opmaaktool. Voeg dus geen H2 in omdat je een groter lettertype wil. Laat je designteam liever de styling bepalen, en houd de tags puur voor de inhoudelijke opbouw.
Veelgestelde vragen
Een header tag is een HTML-element dat structuur geeft aan je content. De site-header is het bovenste gedeelte van je website met bijvoorbeeld logo en navigatie.
In principe gebruik je per pagina één H1-tag. Die vertegenwoordigt het hoofdonderwerp. Voor de rest gebruik je H2 tot en met H6 in logische volgorde.
Gebruik tools zoals Screaming Frog of browser-extensies die je HTML-structuur visualiseren.
Nee, alleen als het gaat om titels of subtitels die een nieuwe sectie of onderwerp introduceren. Koppen zijn richtingaanwijzers, geen versiering.
Stan Classens Front-end developer
Gerelateerde begrippen
- 301 redirect
- Anchor text
- Bug
- Caching
- Clean code
- Codebase
- Contextgevoelige navigatie
- Cumulative Layout Shift
- Debugging
- Drag-and-drop builder
- Front-end
- H1 Titel
- Herindexeren
- Hreflang-tag
- Interface
- JavaScript libraries
- Lazy loading
- Navigatiebalk
- Test case
- Unit testing
- Web Content Accessibility Guidelines
- Webstructuur
- XML
- Zero-code ontwikkeling
