Definitie
Headings (H1 tot H6) zijn HTML-koppen die de structuur van een pagina aangeven. De H1 is de hoofdkop en vertelt bezoekers en zoekmachines waar de pagina over gaat.
Wat zijn een H1 en headings?
Headings zijn de HTML-elementen <h1> tot en met <h6>. Ze geven de inhoud van een pagina een hiërarchie, zoals hoofdstukken en paragrafen in een boek. De H1 is de hoofdkop. H2's zijn de hoofdsecties, H3's de subsecties daaronder.
Zoekmachines, screenreaders en AI-systemen gebruiken die structuur om te begrijpen welk stuk tekst over welk deelonderwerp gaat. Een duidelijke H2 met de vraag en een direct antwoord eronder is een passage die makkelijk geciteerd kan worden.
Headings zijn geen opmaak, ze zijn structuur. Een H3 hoort onder een H2 te staan, niet los ergens in de pagina. Wie de outline van een pagina uitklapt, zoals een screenreader dat doet, hoort een logische inhoudsopgave te zien. Browserextensies en crawlers als Screaming Frog tonen die outline per pagina.
Waarom het ertoe doet voor webshops
Op een webshop zit de H1 vrijwel altijd in het sjabloon: de categorienaam of de productnaam. Dat is meestal prima, mits die naam het onderwerp ook echt beschrijft. 'Nieuw binnen' of 'Collectie 2' zegt weinig, 'Heren hardloopschoenen' wel.
Het grotere probleem zit in thema's. Veel thema's misbruiken headings voor opmaak: het logo als H1, 'Nieuwsbrief' en 'Klantenservice' in de footer als H2, productkaartjes in een categorie als H2 of H3. Dan klopt de outline niet meer met de inhoud.
Op productpagina's zie je vaak dat tabs als 'Beschrijving', 'Specificaties' en 'Reviews' geen heading hebben, of allemaal dezelfde. Een H2 per tab maakt de pagina beter te scannen, voor mensen en voor systemen die specifieke informatie zoeken, zoals afmetingen of materiaal.
Zo werkt het in Magento en Shopify
In Magento 2 komt de H1 op categorie- en productpagina's uit het blok page.main.title, gevuld met de naam. Luma en Hyvä doen dat standaard correct. Controleer wel aangepaste thema's en page builder-content: redacteuren plaatsen er geregeld een tweede H1 in een banner.
In Shopify bepaalt het thema de headings. Controleer de sections voor collectie- en productpagina's in de code-editor of met een crawler. Sommige thema's renderen de winkelnaam in de header als H1 op elke pagina, waardoor de producttitel een H2 wordt.
Meerdere H1's zijn voor Google geen ramp, dat heeft Google zelf gezegd. Maar één heldere H1 per pagina is beter voor toegankelijkheid en duidelijkheid, dus dat is de norm die we aanhouden.
Veelgemaakte fouten
Headings kiezen op lettergrootte in plaats van op structuur. Opmaak hoort in CSS, niet in de keuze tussen H2 en H4.
Een SEO-tekst onderaan een categorie met tien H2's vol zoekwoorden. Dat helpt niemand, ook Google niet.
Een H1 die niets met de title tag te maken heeft. Sluiten ze op elkaar aan, dan is de kans kleiner dat Google de titel in de zoekresultaten herschrijft.
Voorbeeld outline van een categoriepagina
<h1>Heren hardloopschoenen</h1>
<h2>Hardloopschoenen voor de weg</h2>
<h2>Trailschoenen</h2>
<h2>Welke maat heb ik nodig?</h2>Verder lezen
Gerelateerde begrippen
Veelgestelde vragen
Mag een pagina meer dan één H1 hebben?+
Technisch mag het en Google kan ermee omgaan. Voor toegankelijkheid en duidelijkheid is één H1 die het onderwerp beschrijft de beste keuze.
Moet het zoekwoord in de H1?+
Als het zoekwoord het onderwerp beschrijft, staat het er vanzelf in. Forceer geen formulering die een klant niet zou gebruiken.