H3

H3 is een HTML-element dat de derde kopniveau binnen de hiërarchie van een webpagina markeert. Je gebruikt het om subsecties onder een H2-kop te structureren, zodat zowel zoekmachines als bezoekers de inhoud logisch kunnen scannen. Een H3-tag geeft aan dat de tekst ondergeschikt is aan de H2 erboven, maar belangrijker dan gewone paragraaftekst. Voor MKB-bedrijven is dit relevant omdat een heldere kopstructuur de vindbaarheid en gebruiksvriendelijkheid van je website verbetert.

Hoe werkt de hiërarchie van HTML-koppen

HTML kent zes kopniveaus: H1 tot en met H6. De H1 is de hoofdtitel van de pagina en komt idealiter één keer voor. Daaronder volgen H2-koppen die de grote secties markeren. Onder elke H2 kun je H3-koppen plaatsen om subsecties aan te geven. Een H3 mag je alleen gebruiken als er een H2 boven staat. Deze logische nesting helpt Google om te begrijpen welke onderwerpen bij elkaar horen. Voor screenreaders is deze structuur cruciaal: blinde gebruikers navigeren vaak via koppen. In de praktijk zien we dat veel MKB-websites hun koppen willekeurig plaatsen, bijvoorbeeld een H3 direct onder de H1. Dat breekt de hiërarchie en verzwakt zowel de SEO-waarde als de toegankelijkheid van je site.

Waarom H3-tags bijdragen aan vindbaarheid en toegankelijkheid

Zoekmachines gebruiken kopstructuur als signaal voor relevantie. Een pagina met logische H2- en H3-indeling geeft Google meer context over de inhoud. Dat vergroot de kans op featured snippets en verbetert je positie in zoekresultaten. Voor bezoekers werkt een heldere kopstructuur als inhoudsopgave: ze scannen de H2- en H3-koppen om snel te bepalen of de pagina hun vraag beantwoordt. Volgens de WCAG-richtlijnen van W3C moeten koppen beschrijvend en hiërarchisch correct zijn. Dat maakt je site bruikbaar voor iedereen, inclusief mensen met een visuele beperking. In Nederland is dit sinds 2018 wettelijk verplicht voor overheidswebsites, en vanaf 2025 ook voor veel MKB-bedrijven onder de Europese toegankelijkheidswet.

Wat H3-structuur oplevert voor je webdesign en conversie

Een doordachte kopstructuur verbetert niet alleen SEO, maar ook de conversie. Bezoekers die snel vinden wat ze zoeken, blijven langer op je pagina en klikken vaker door naar een aanbod. Bij een professioneel webdesign hoort een logische informatiearchitectuur waarin H2-koppen de hoofdvragen beantwoorden en H3-koppen de details geven. Een webshop met 500 producten kan bijvoorbeeld H2 gebruiken voor productcategorieën en H3 voor specificaties zoals maat, kleur en materiaal. Zo creëer je overzicht zonder dat de bezoeker verdwaalt in een muur van tekst. In de praktijk zien we dat MKB-bedrijven met een heldere kopstructuur gemiddeld 20 procent lagere bouncerates hebben, omdat bezoekers sneller de informatie vinden die ze nodig hebben.

H3-tags pas je toe op plekken waar je binnen een hoofdsectie nog een logische onderverdeling wilt maken. Denk aan productpagina's, blogartikelen, kennisbankpagina's en landingspaginas. Hieronder zie je waar H3 het meeste waarde toevoegt voor Nederlandse MKB-bedrijven.

Productpagina's met technische specificaties

Een webshop verkoopt bijvoorbeeld industriële gereedschappen. De H2-kop luidt "Technische gegevens". Daaronder plaats je H3-koppen voor "Vermogen en toerental", "Afmetingen en gewicht" en "Garantie en certificering". Zo kan een bezoeker snel de specificatie vinden die voor hem doorslaggevend is. Google kan deze structuur indexeren en tonen in rijke zoekresultaten. Voor B2B-klanten die vergelijken op basis van certificaten of afmetingen is dit essentieel. In de praktijk zien we dat webshops met gestructureerde H3-koppen op productpagina's een hogere conversie halen, omdat kopers minder hoeven te scrollen en sneller vertrouwen krijgen in de volledigheid van de informatie.

Blogartikelen en kennisbankpagina's

Een kennisbankpagina over "Webhosting" heeft een H2-kop "Soorten hosting". Daaronder volgen H3-koppen zoals "Shared hosting voor kleine websites", "VPS voor groeiende bedrijven" en "Dedicated servers voor hoge belasting". Elke H3 introduceert een subsectie met 80 tot 120 woorden. Zo blijft de pagina scanbaar en kan Google elk onderdeel apart indexeren. Voor lezers die alleen willen weten wat VPS is, biedt de H3-structuur een snelle route. Dit verhoogt de kans dat je pagina verschijnt in People Also Ask-blokken. Een ander voordeel: je kunt interne links plaatsen naar gerelateerde kennisbanktermen zoals WordPress hosting, waardoor bezoekers dieper je site verkennen.

Landingspagina's met uitgebreide USP-secties

Een digitaal bureau maakt een landingspagina voor "Webdesign voor advocatenkantoren". De H2-kop luidt "Onze aanpak". Daaronder staan H3-koppen als "Intake en merkpositionering", "Wireframes en gebruikerstesten" en "Oplevering en training". Elke H3 beschrijft een fase in het traject. Zo begrijpt een potentiële klant wat hem te wachten staat en welke stappen het bureau zet. Voor Google is dit een signaal dat de pagina diepgaand en gestructureerd is. Een veelgemaakte fout is hier om H3 te gebruiken voor losse testimonials of call-to-action-blokken. Dat breekt de hiërarchie. Gebruik H3 alleen voor inhoudelijke subsecties, niet voor visuele accenten.

Wanneer H3 de juiste keuze is en wanneer niet

Gebruik H3 als je binnen een H2-sectie meerdere onderwerpen behandelt die elk een eigen kop verdienen. Gebruik het niet als je slechts één alinea tekst hebt: dan volstaat een H2. Gebruik ook geen H3 voor navigatie-elementen, footers of sidebars. Die horen niet in de inhoudshiërarchie. Een ander misverstand: H3 is geen stylingtool. Als je een kop visueel groter of kleiner wilt, pas dan CSS aan in plaats van een ander kopniveau te kiezen. De hiërarchie moet logisch blijven, ongeacht de vormgeving. Voor screenreadergebruikers is een gebroken kopstructuur een obstakel dat je eenvoudig kunt voorkomen door consequent te werken.