H1

Een H1 is de belangrijkste kopelement in HTML-code die de hoofdtitel van een webpagina aangeeft. Deze tag vertelt zoekmachines en gebruikers waar de pagina over gaat. Elke pagina heeft idealiter precies één H1 die de kernboodschap samenvat. De H1 staat bovenaan de hiërarchie van headings (H1 tot H6) en bepaalt de eerste indruk van bezoekers en crawlers.

Hoe werkt de H1 in HTML-structuur

In HTML-code plaats je een H1 met de tags <h1> en </h1> rond de hoofdtitel. Browsers tonen dit standaard groter en dikgedrukt dan gewone tekst. Zoekmachines zoals Google gebruiken de H1 als sterk signaal voor het onderwerp van de pagina. De tag verschijnt in de broncode voor de eerste alinea. In WordPress of andere CMS-systemen vul je de H1 meestal automatisch in via het titelveld. De W3C-richtlijnen voor toegankelijkheid adviseren een logische koppenstructuur waarbij de H1 het startpunt vormt. Screenreaders voor mensen met een visuele beperking navigeren via deze heading-structuur door een pagina.

Waarom de H1 ontstond en waarom het nu telt

De heading-hiërarchie komt uit de begintijd van HTML, toen webpagina's vooral tekst waren zonder opmaak. De H1 tot H6 gaven structuur aan documenten, vergelijkbaar met titels en subtitels in een tekstverwerker. Vanaf de jaren 2000 gebruikten zoekmachines headings steeds meer als rankingfactor. Tegenwoordig telt de H1 minder zwaar dan vroeger voor SEO, maar blijft het een belangrijk oriëntatiepunt. Google kijkt naar relevantie tussen H1 en zoekintentie. Voor bezoekers is de H1 vaak het eerste wat ze lezen om te bepalen of ze op de juiste plek zijn. Bij accessibility-audits is een duidelijke H1 een basisvereiste.

Wat de H1 oplevert voor MKB-bedrijven

Een goed gekozen H1 verbetert de vindbaarheid van je pagina in zoekmachines en houdt bezoekers langer vast. In de praktijk zien we bij MKB-klanten vaak dat pagina's zonder duidelijke H1 of met meerdere H1-tags minder goed scoren. Een heldere H1 helpt Google je pagina correct te indexeren voor de juiste zoekwoorden. Voor webshops met honderden productpagina's maakt een consistente H1-structuur het verschil in organisch verkeer. Bij een SEO-traject optimaliseren we de H1 als onderdeel van de on-page SEO. Bezoekers scannen webpagina's in een F-patroon, waarbij de H1 bovenaan de meeste aandacht krijgt. Een sterke H1 verhoogt de kans dat iemand doorklikt naar de rest van je content.

De H1 komt in bijna elke webpagina voor, maar de manier waarop je deze inzet verschilt per paginatype en doel. Voor een productpagina kies je een andere H1 dan voor een blogpost of landingspagina. Hieronder lees je hoe je de H1 slim toepast in verschillende situaties en wanneer je bewust afwijkt van de standaardregel.

H1 voor SEO-gerichte landingspagina's

Op een landingspagina die je optimaliseert voor een specifiek zoekwoord plaats je dat zoekwoord prominent in de H1. Een installatiebedrijf dat wil scoren op 'cv-ketel vervangen Nijmegen' gebruikt die frase letterlijk in de H1. Dit geeft Google een helder signaal over de pagina-inhoud. Let wel op dat de H1 leesbaar blijft voor mensen. Een H1 als 'CV-ketel vervangen Nijmegen: binnen 24 uur geregeld' werkt beter dan alleen het zoekwoord. Bij een SEO-strategie stemmen we de H1 af op de zoekintentie achter de term. Voor transactionele zoekwoorden voeg je een actie-element toe, voor informatieve termen een vraag of belofte. De H1 moet uniek zijn per pagina om kannibalisme te voorkomen.

H1 in blogartikelen en kennisbank-content

Voor artikelen en kennisbank-pagina's formuleer je de H1 als antwoord op de hoofdvraag van de lezer. Een artikel over 'hoe kies je een CRM-systeem' krijgt als H1 bijvoorbeeld 'Hoe kies je het juiste CRM-systeem voor jouw MKB-bedrijf'. De H1 mag hier langer zijn dan bij een productpagina, tot ongeveer 70 tekens. In WordPress vul je de H1 automatisch in via de paginatitel. Veel thema's tonen deze titel bovenaan de pagina. Bij content SEO zorgen we dat de H1 aansluit op de meta title, maar niet identiek is. Google waardeert variatie tussen titel en H1 omdat dit meer context geeft. Een blog met 50 artikelen zonder geoptimaliseerde H1-structuur mist kansen in organische zoekresultaten.

H1 op homepages en overzichtspagina's

De homepage vormt een uitzondering op de zoekwoord-regel. Hier gebruik je de H1 voor je merkbelofte of unique selling proposition. Een webdesignbureau kiest bijvoorbeeld 'Websites die je bedrijf laten groeien' in plaats van 'Webdesign bureau Nederland'. De H1 op de homepage mag breder en ambitieuzer zijn. Voor categoriepagina's in een webshop combineer je de categorienaam met een voordeel: 'Biologische koffiebonen: vers gebrand en direct geleverd'. Bij overzichtspagina's helpt de H1 bezoekers te oriënteren. Een H1 als 'Alle diensten' is te vaag. Beter is 'Onze diensten voor duurzame groei van MKB-bedrijven'. In een webshop-project optimaliseren we elke categorie-H1 apart voor conversie en vindbaarheid.

Wanneer de H1 de juiste keuze is en wanneer niet

Gebruik één H1 per pagina als hoofdregel. Meer dan één H1 verwarrt zoekmachines en bezoekers over het hoofdonderwerp. In oude HTML5-specificaties mocht je meerdere H1-tags gebruiken binnen verschillende <section>-elementen, maar Google raadt dit af. Een veelgemaakte fout is het logo als H1 markeren op elke pagina. Dit verspilt de krachtigste heading-tag aan een element dat niets zegt over de pagina-inhoud. Laat de H1 weg als je een landingspagina bouwt met een volledig visuele hero zonder tekstkop. In dat geval gebruik je een H2 voor de eerste tekstuele kop. Voor één-pagers met meerdere secties blijft één H1 bovenaan de beste keuze, gevolgd door H2-tags per sectie.