Headertags: wat ze zijn en hoe u ze kunt gebruiken

Toen ik voor het eerst begon met bloggen, had ik geen idee hoe ik mijn berichten moest structureren om te worden gerangschikt voor zoekmachines, of zelfs maar waarom het belangrijk was.

Ik gooide gewoon vetgedrukte woorden en zinnen in die er goed uitzagen en hoopte willekeurig geselecteerd te worden voor de pagina's met zoekresultaten van zoekmachines (SERP's).

Nu weet ik dat er een wetenschap voor is blog optimalisatie, en wat ik in mijn blogposts gooide om ze er professioneel uit te laten zien, werden header/heading-tags genoemd — en zijn een belangrijk hulpmiddel voor begrip en SEO.

Hier is een korte handleiding over header-tags en waarvoor ze worden gebruikt:

• H1 — De titel van een bericht. Ze zijn meestal gericht op zoekwoorden, gericht op het 'grote idee' van een pagina of bericht, en gemaakt om de aandacht van een lezer te trekken.
• H2 — Dit zijn tussenkoppen die de hoofdpunten van uw alinea's en afzonderlijke secties classificeren. Overweeg om semantische trefwoorden te gebruiken die verband houden met het 'grote idee' in uw H1, terwijl u de lezer ook helpt om gemakkelijk de secties te vinden die ze willen lezen.
• H3 — Dit zijn subsecties die de in de H2 gemaakte punten verder verduidelijken. Als alternatief kunnen ze worden gebruikt bij het opmaken van lijsten of opsommingstekens.
• H4 —Dit zijn subsecties die de punten die in de H3 zijn gemaakt verder verduidelijken. Als alternatief kunnen ze worden gebruikt bij het opmaken van lijsten of opsommingstekens.

De "H" in H1, H2, etc. staat officieel voor "heading element", hoewel de SEO-gemeenschap deze tags ook vaak "header-tags" noemt.

Zoals je uit de bovenstaande gids kunt raden, geeft het cijfer de hiërarchische relatie tussen elk aan (waarbij H1 de belangrijkste is, H2 minder belangrijk, enzovoort).

Hier is een voorbeeld van hoe deze hiërarchische structuur zich zou kunnen manifesteren in een blogoverzicht:

Nu u begrijpt dat header-tags structuur aan een pagina geven, laten we er meer specifiek over praten, te beginnen met de H1-tag. 

Maak niet de fout om header-tags te gebruiken als niets meer dan stilistische elementen. Ze zijn immers structureel van aard. Beschouw de H1 als een boektitel. Gewoonlijk is er maar één titel voor een boek, dus er zou maar één titel voor uw pagina of bericht moeten zijn. 

Bovendien moeten H1-tags altijd bovenaan uw pagina staan ​​vóór de rest van uw inhoud, net zoals de boektitel op de buitenomslag staat voordat u in de tekst binnenin duikt.

Ter illustratie: de header-tag in het onderstaande voorbeeld is de titel "De ultieme gids voor productmarketing in 2021. '

De titel wordt aangeduid als de H1 voor de pagina met behulp van HTML-code. Deze code kan zich als volgt manifesteren in de broncode van de webpagina:

Zie de pen H1 Voorbeeld 1 door Christina Perricone (@hubspot) Op CodePen.

Zoals we eerder hebben aangegeven, zijn er echter andere heading-tags die ook helpen bij het maken van de structuur van een pagina.

Hoeveel header-tags worden ondersteund door HTML?

HTML ondersteunt maximaal zes header-tags (H1-H6) die u kunt gebruiken om uw pagina naar behoefte te structureren. Ze kunnen visueel worden gestileerd volgens uw merk, en met uitzondering van de H1 kunt u zoveel van deze tags op een pagina hebben als u wilt. 

Uw kopteksten moeten aansluiten bij het thema waarover u schrijft, omdat ze de lezer (en de zoekmachines) kunnen helpen de belangrijkste punten binnen de inhoud te vinden en hen door de stroom van de pagina te leiden. Gebruik bij het opmaken uw gezond verstand bij het opsplitsen van secties.

Hieronder is een screenshot van een HubSpot-blogpost met voorbeelden van header-tags aangegeven met pijlen:

Zoals u kunt zien, ziet elke header-tag er visueel anders uit en wordt elke header-tag gebruikt voor een nieuw idee.

Nu u iets meer weet over wat header-tags zijn, gaan we kijken hoe ze worden gebruikt voor SEO.

Headertags en SEO

U denkt misschien dat header-tags onbelangrijk zijn in het grote geheel van website-gerelateerde zaken. Header-tags kunnen echter helpen om structuur aan een stuk inhoud te geven en de aandacht te vestigen op de belangrijkste ideeën, thema's en (in feite) trefwoorden in die inhoud. Als gevolg hiervan houden header-tags gewicht met de relevantie en leesbaarheid van zoekwoorden. 

Overweeg dit: Google vindt inhoud om zijn gebruikers van dienst te zijn webpagina's crawlen. Terwijl het dit doet, analyseert het de tekst, afbeeldingen en andere elementen die het vindt begrijpen waar die pagina over gaat.

Wanneer u tekst in een header-tag plaatst, geeft u aan dat deze tekst belangrijk is, en Google zal deze gebruiken om de context van de pagina te bepalen, wat Google vervolgens helpt resultaten weer te geven die relevant zijn voor de zoekopdrachten van zoekers.

Daarom is het bij het gebruik van header-tags belangrijk om ervoor te zorgen dat ze correct overeenkomen met a zoekwoord intentie. Als de H1-tag van een bericht geen trefwoord heeft, of als u irrelevante tekst in H2- en H3-tags plaatst, zal Google het moeilijker hebben om een ​​pagina te begrijpen. Als gevolg hiervan zal die pagina niet zo goed scoren als zou kunnen. 

Stel dat uw zoekwoord 'e-commerce' is, ter illustratie. U zou willen dat dit wordt weerspiegeld in uw H1-tag, dus een titel als "De gids voor het starten van een e-commercebedrijf" zou ideaal zijn. Dat zou Google precies vertellen hoe webbrowsers naar uw bericht moeten worden gestuurd.

Zoekmachines kijken ook naar header-tags in je bericht, dus het is goed om die zoekwoorden ook centraal te houden. U kunt bijvoorbeeld een aantal H2-secties maken rond populaire longtail-zoekwoorden met betrekking tot e-commerce, zoals 'vijf stappen voor het opzetten van een e-commercebedrijf' of 'beste sociale media-tools voor e-commerce'.

U hoeft ook niet zelf zoekwoorden te bedenken - in feite kunt u wat gemakkelijk doen keyword research om u te helpen of zoek naar tools voor zoekwoordonderzoek zoals SEMRush or Ahrefs. Zorg ervoor dat uw header-tags vriendelijk zijn voor zowel mensen als de robots van zoekmachines.

Kopteksten maken pagina's ook gemakkelijker leesbaar. Door verschillende delen van een webpagina op te splitsen, blijft informatie op een begrijpelijke manier georganiseerd en opgesplitst. Dit helpt lezers om informatie te vinden waarnaar ze op zoek zijn, maar ook zoekmachines die meescannen.

Als uw secties niet kloppen, wordt uw pagina mogelijk niet gerangschikt. Denk aan de secties in dit bericht - denk je dat ze op een leesbare manier zijn opgesplitst?

Hoe kopteksttags in HTML toe te voegen

Het toevoegen van header-tags in HTML is een vrij eenvoudig proces. Als u een H1 wilt noteren, typt u in en , waarbij de H1-tekst tussen die twee tags wordt geplaatst. Dit is dezelfde methode voor elk type header-tag.

Als uw h1 bijvoorbeeld "De gids voor het starten van e-commerce,” het zou er zo uitzien:

Zie de pen H1 Voorbeeld 2 door Christina Perricone (@hubspot) Op CodePen.

Dit werkt voor HTML4 of ouder. Als u met HTML5 werkt, moet u mogelijk een iets andere regel gebruiken om hetzelfde resultaat te krijgen. De wijziging is om Google op de hoogte te stellen van wat de H1 is:

Zie de pen H1 Voorbeeld 3 door Christina Perricone (@hubspot) Op CodePen.

U kunt ook interpunctie tussen de twee tags plaatsen. U heeft bijvoorbeeld:

Zie de pen H3 Voorbeeld 1 door Christina Perricone (@hubspot) Op CodePen.

Onthoud dat Google de HTML van header-tags scant om webbrowsers te vertellen waar uw pagina over gaat, dus het is belangrijk om ze te bekijken en te zien of uw headers in HTML correct zijn opgemaakt.

Sommige blogplatforms, zoals WordPress en HubSpot, hebben een optie op de werkbalk om header-tags te maken, dus elke keer dat u er een wilt toevoegen, hoeft u niet in de broncode of HTML te graven om dit te doen.

Kijk de volgende keer dat u een bericht voor uw website maakt of het toevoegen van relevante header-tags van invloed is op SEO en hoe uw lezers informatie begrijpen.

Een goede test die ik graag gebruik, is het sturen van berichten naar een naast familielid dat niet veel weet over bloggen of marketing. Door feedback van buitenstaanders te gebruiken en te vragen of ze mijn schrijven kunnen begrijpen voordat ik publiceer, kan ik berichten opmaken zodat ze begrijpelijk zijn.

Omdat het gebruik van kopteksten kan helpen bij de leesbaarheid voor uw gebruikers en bij de crawlbaarheid voor zoekmachines, is er geen reden om ze niet te gebruiken bij het maken van pagina's en berichten. Mogelijk ziet u zelfs sprongen in de ranglijst van zoekmachines, het verkeer en de tijd op de pagina.

Noot van de redacteur: dit bericht is oorspronkelijk gepubliceerd in januari 2020 en is bijgewerkt voor volledigheid.

Bron: https://blog.hubspot.com/marketing/header-tags