Headertags: wat ze zijn en hoe ze te gebruiken (2024)

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.

Headertags: wat ze zijn en hoe ze te gebruiken (1)

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 isblog 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 begripEnSEO.

Wat zijn header-tags?

Header-tags, ook wel heading-tags genoemd, worden gebruikt om koppen en subkoppen op een webpagina te scheiden. Ze rangschikken in volgorde van belangrijkheid, van H1 tot H6, waarbij H1 meestal de titel is. Header-tags verbeteren de leesbaarheid en SEO van een webpagina.

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:

Headertags: wat ze zijn en hoe ze te gebruiken (3)Nu u begrijpt dat header-tags structuur aan een pagina geven, laten we er meer specifiek over praten, te beginnen met de H1-tag.

Wat zijn H1-tags?

Een H1-tag is de eerste en belangrijkste heading-tag in de structurele hiërarchie van een pagina of bericht. Het vermeldt meestal de titel van de pagina of het bericht.

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."

Headertags: wat ze zijn en hoe ze te gebruiken (4)

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 penH1 Voorbeeld 1door Christina Perricone (@hubspot) opCodePen.

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:

Headertags: wat ze zijn en hoe ze te gebruiken (5)

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)trefwoordenin 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 zijnwebpagina's kruipen. Terwijl het dit doet, analyseert het de tekst, afbeeldingen en andere elementen die het vindtbegrijpen 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 azoekwoord 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 die verband houden met 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 doentrefwoord onderzoekom u te helpen of zoek naar tools voor zoekwoordonderzoek zoalsSEMRushofAhrefs. 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 opgedeeld?

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

en

in en plaatst u de H1-tekst tussen die twee tags. 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 penH1 Voorbeeld 2door Christina Perricone (@hubspot) opCodePen.

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 penH1 Voorbeeld 3door Christina Perricone (@hubspot) opCodePen.

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

Zie de penH3 Voorbeeld 1door Christina Perricone (@hubspot) opCodePen.

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.

Headertags: wat ze zijn en hoe ze te gebruiken (6)

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 redactie: dit bericht is oorspronkelijk gepubliceerd in januari 2020 en is bijgewerkt voor volledigheid.

Onderwerpen: SEO op de pagina

Headertags: wat ze zijn en hoe ze te gebruiken (2024)

FAQs

What is the difference between the head tag and the heading tag? ›

The head tag is used for holding Meta information, title, links, etc. and is not displayed on the page. The header tag is used within the body of the website and can be used multiple times if required, e.g. to determine the top of an article . Here's a link to info on the header tag.

What's the difference between head and header? ›

In summary, the head element contains metadata about the webpage, while the header element represents a container for introductory content or navigation links.

What is the difference between title and head? ›

<title> is a tag to name your actual page, it appears at the top of your web browser window. <head> is a not displayed tag, it contains settings informations including the tag <title>.

Does the header go in the body? ›

When the header element is inside the body element, then it acts as a banner role, i.e., the main header or logo for the web page. But, if the header element is inside the sections like nav, article, aside, etc., then the heading or logos inside it does not acts as the main heading or main logo of the web page.

What is the purpose of head tag? ›

The head tag is an HTML element used to define the head section of an HTML document. The head section contains metadata, which simply means data about data. This means information in the head tag is not displayed on the page but the information is used by browsers and by search engines.

What does a heading tag look like? ›

Like headings in print content, header tags are used to title or introduce the content below them. HTML header tags follow a hierarchy, from <h1> to <h6>. H1 tags are used to denote the most important text, such as the main theme or title of a content. H2 and H3 tags are commonly used as subheadings.

Do headers make a big difference? ›

Do Headers Add Horsepower? While it may not make as much of a drastic difference as installing a turbocharger or supercharger, investing in performance headers will increase your engine's torque, subsequently improving your horsepower.

When should I use a header? ›

Use headings to show text structure

Readers like to scan content, to get an idea of what the text is about and to decide which sections of the text they're going to read. Headings help them do that. Scanning the text becomes significantly harder for your readers when it doesn't contain any headings.

What type of headers are better? ›

Mid-Length Headers

Lindfors calls these headers a good answer to improved ground clearance for lowered muscle cars and street rods. "Mid-length headers can make very good horsepower," clarifies Lindfors. "They'll drop a little bit of torque compared to a long tube, but that drop is not necessarily noticeable.

Does a head of title mean anything? ›

A 'head of' is like a director-level role but at a smaller scale. Therefore, they are able to direct their team and have more face time with each employee.

Does headline mean title? ›

The title above a story in a newspaper, magazine ornewsletter is called a headline, or "hed" ("head") in print journalism, or a "heading" in online pages. It has the same function in mass media writing as a lead, to call attention to the story, to snare people in.

What is the difference between headline and title of a magazine? ›

A title could be the name/title of a book, movie, poem, song, article or a position (i.e., job title). While I would associate headline with the top news or article in a magazine or a newspaper. A book usually has a TITLE. However, both words have a number of meanings.

How do headers affect the brain? ›

Heading in soccer can increase your risk of concussions. Over time, repeated subconcussive injuries can also accumulate and cause brain damage. But with proper technique and protective head gear, it's possible to reduce your risk.

Does the header tag go inside the body tag? ›

Because the header of a page is part of the body of the page, just as the footer. Think about this <body> as a human body: Head, middle of the body and the feet. A page has the same concept: Header (is the head), section (middle of the body), and footer (the feet).

What do you mean by headers? ›

A header is a separate bit of text at the top of a printed page. A header might be the title of the novel you're reading, which is repeated on each page of the book. One kind of header — also called a "page header" — is a chapter title, which is often printed at the top of every page.

What is an example of a header? ›

A header or heading is text at the top of a page in an electronic document or hard copy. For example, in Microsoft Word, a header could be created in a document to display the page number of each page. By contrast, a footer is at the bottom of a page in an electronic document or hard copy.

Is a letterhead the same as a header? ›

A business letterhead is a header at the top of a company letter. The letterhead usually includes a business's logo, name, address, and contact information such as phone or fax number, email address, and company website URL.

What is considered a header? ›

A website header is the top section of the web page. Back in the day, people understood headers as narrow strips in the top parts of the websites that contained a logo, a call to action, and contact information. But in modern design, the whole space above the fold of the homepage is considered a header.

What is a header in school? ›

The School header is the area at the top of your school's website that displays information about your school.

References

Top Articles
Latest Posts
Article information

Author: Prof. An Powlowski

Last Updated:

Views: 6070

Rating: 4.3 / 5 (44 voted)

Reviews: 91% of readers found this page helpful

Author information

Name: Prof. An Powlowski

Birthday: 1992-09-29

Address: Apt. 994 8891 Orval Hill, Brittnyburgh, AZ 41023-0398

Phone: +26417467956738

Job: District Marketing Strategist

Hobby: Embroidery, Bodybuilding, Motor sports, Amateur radio, Wood carving, Whittling, Air sports

Introduction: My name is Prof. An Powlowski, I am a charming, helpful, attractive, good, graceful, thoughtful, vast person who loves writing and wants to share my knowledge and understanding with you.