Hreflang-tags: wat is het en hoe implementeer je het?

Wat zijn Hreflang-tags?

Hreflang-tags zijn een essentieel hulpmiddel voor websites die internationaal actief zijn. Ze helpen zoekmachines te begrijpen welke versie van een webpagina moet worden weergegeven op basis van de taal en regio van de gebruiker. Door het gebruik van deze tags kun je ervoor zorgen dat je content de juiste doelgroep bereikt, wat erg belangrijk is voor internationale SEO.

Definitie van een hreflang-tag

Een hreflang-tag is een HTML-attribuut die aangeeft in welke taal en voor welke regio een bepaalde versie van een webpagina is geschreven. Dit wordt gedaan door specifieke codes toe te voegen aan de header van je pagina, zoals:

hreflang="nl-NL" voor de Nederlandse versie gericht op Nederland.
hreflang="fr-FR" voor de Franse versie gericht op Frankrijk.
hreflang=”nl-BE” voor de Nederlandse versie gericht op Nederlandstaligen in België

(Internationale) SEO met hreflang

Zonder deze tags kunnen zoekmachines in de war raken over welke versie van je content ze moeten indexeren en weergeven. Als de tags niet correct zijn ingesteld, leidt dit vaak tot mindere vindbaarheid. Hreflang-tags dragen niet alleen bij aan een betere gebruikerservaring door relevante content aan te bieden, maar ze helpen ook om duplicate content te vermijden, wat essentieel is voor zoekmachineoptimalisatie.

Voordelen van hreflang-tags

Voordeel	Toelichting
Voorkom dubbele content	Hreflang-tags helpen zoekmachines om de juiste versie van je content te indexeren, gebaseerd op de taal en regio van de gebruiker. Dit voorkomt problemen met duplicate content.
Verhoog de gebruikerservaring	Door bezoekers automatisch naar de juiste pagina op basis van taal en locatie te sturen, verbeter je de gebruikerservaring. Dit verhoogt de betrokkenheid en conversies.
Verbetering van landspecifieke SEO-prestaties	Door de juiste regio’s te targeten, kun je je lokale vindbaarheid verbeteren, wat vooral nuttig is voor bedrijven die zich richten op verschillende markten.
Voorkomen van interne concurrentie (kannibalisatie) tussen pagina's	Hreflang-tags zorgen ervoor dat verschillende versies van je website niet met elkaar concurreren in zoekresultaten, waardoor je SEO-strategie effectiever wordt.

Hoe ziet een hreflang-tag eruit?

Een hreflang-tag ziet er als volgt uit:

<link rel="alternate" hreflang="nl-NL" href="https://www.jouwwebsite.nl/" />
<link rel="alternate" hreflang="fr-FR" href="https://www.jouwwebsite.fr/" />

In dit voorbeeld zie je twee verschillende tags:

rel="alternate": Dit attribuut geeft aan dat het om een alternatieve versie van de pagina gaat.
hreflang="nl-NL": Deze tag geeft aan dat de pagina is bedoeld voor Nederlandstalige bezoekers in Nederland. De "nl" staat voor de taal (Nederlands), en de "NL" staat voor het land (Nederland).
href: Dit attribuut verwijst naar de URL van de specifieke versie van de pagina.

Elk element in de tag heeft een specifieke functie, en samen zorgen ze ervoor dat zoekmachines, vanuit het perspectief van technische SEO, de juiste pagina kunnen presenteren aan de juiste gebruikers.

Hreflang-tag voor verschillende regio’s

Hreflang-tags kunnen verder worden gepersonaliseerd om bezoekers uit specifieke regio's beter te bedienen. Als je bijvoorbeeld dezelfde inhoud als in Nederland of Frankrijk wilt aanbieden aan gebruikers hier in België, kun je hreflang-tags inzetten om de juiste taalversie te tonen. Dit is vooral nuttig wanneer er subtiele verschillen zijn in woordgebruik en cultuur per regio, zoals tussen Nederland en Vlaanderen. In de tabel hieronder zie je enkele voorbeelden van hoe verschillende hreflang-codes kunnen worden gebruikt om inhoud te optimaliseren voor verschillende talen en landen:

Hreflang-code	Taal	Regio	Beschrijving
nl-NL	Nederlands	Nederland	Nederlandse versie van de website gericht op Nederland.
nl-BE	Nederlands	België (Vlaanderen)	Nederlandse versie gericht op België, met Vlaamse aanpassingen.
fr-BE	Frans	België (Wallonië)	Franstalige versie van gericht op België, met Waalse aanpassingen.
fr-FR	Frans	Frankrijk	Franse versie van de website gericht op Frankrijk.
en-US	Engels	Verenigde Staten	Engelse versie van de website gericht op de Verenigde Staten.
en-GB	Engels	Verenigd Koninkrijk	Engelse versie gericht op het Verenigd Koninkrijk.

Zo implementeer je hreflang-tags

Hier zijn de stappen die je moet volgen om hreflang-tags toe te voegen aan je webpagina’s.

Stap 1: Plaats de hreflang-code in HTML

Open de HTML-code van de webpagina die je wilt aanpassen.
Voeg de hreflang-tags in de <head> sectie van je document toe. Zorg ervoor dat je elke taal- en regioversie van de pagina toevoegt. Hier is een voorbeeld:
- <link rel="alternate" hreflang="nl-NL" href="https://www.jouwwebsite.nl/" />
- <link rel="alternate" hreflang="fr-FR" href="https://www.jouwwebsite.fr/" />
- <link rel="alternate" hreflang="nl-BE" href="https://www.jouwwebsite.be/" />
Controleer de links om ervoor te zorgen dat ze correct verwijzen naar de juiste versies van je pagina.

Stap 2: Voeg hreflang-tags toe aan HTTP-headers

Naast het toevoegen van hreflang-tags in de HTML, kun je ze ook in de HTTP-headers van je pagina opnemen. Dit is vooral handig als je geen toegang hebt tot de HTML-code.

Open de serverconfiguratie of gebruik een .htaccess-bestand als je Apache-webserver gebruikt.
Voeg de hreflang-tags toe in de headers. Dit kan eruit zien als:
- Link: "<https://www.jouwwebsite.nl/>; rel=\"alternate\"; hreflang=\"nl-NL\""
- Link: "<https://www.jouwwebsite.fr/>; rel=\"alternate\"; hreflang=\"fr-FR\""
- Link: "<https://www.jouwwebsite.be/>; rel=\"alternate\"; hreflang=\"nl-BE\""
Test je headers met behulp van tools zoals cURL of de browserontwikkeltools om te bevestigen dat de tags correct worden weergegeven.

Stap 3: Integratie in de XML-sitemap

Een andere effectieve manier om hreflang-tags aan zoekmachines te communiceren, is door ze op te nemen in je sitemap. Dit is hoe je dat doet:

Open je XML-sitemap met een teksteditor of gebruik een sitemap-generator.
Voeg de hreflang-tags toe aan de sectie voor elke URL. Dit kan er zo uitzien:
- <url>
  <loc>https://www.jouwwebsite.nl/</loc>
  <xhtml:link rel="alternate" hreflang="nl-NL" href="https://www.jouwwebsite.nl/" />
  <xhtml:link rel="alternate" hreflang="fr-FR" href="https://www.jouwwebsite.fr/" />
  <xhtml:link rel="alternate" hreflang="nl-BE" href="https://www.jouwwebsite.be/" />
  </url>
Upload de gewijzigde sitemap naar je server en zorg ervoor dat deze is geregistreerd bij Google Search Console.

Best practices voor het implementeren van hreflang-tags

Om ervoor te zorgen dat je de hreflang-tags goed gebruikt, zijn hier enkele best practices en richtlijnen die je kunt volgen.

Zorg voor bidirectionele links

Een essentieel onderdeel van hreflang-tags is het creëren van bidirectionele links. Dit houdt in dat als pagina A naar pagina B verwijst met een hreflang-tag, pagina B ook moet verwijzen naar pagina A. Dit helpt zoekmachines begrijpen dat de pagina’s nauw met elkaar zijn verbonden en voorkomt verwarring.

Voorbeeld:

Pagina A (Nederlands voor Nederland):
<link rel="alternate" hreflang="nl-NL" href="https://www.jouwwebsite.nl/" />
Pagina B (Frans voor Frankrijk):
<link rel="alternate" hreflang="fr-FR" href="https://www.jouwwebsite.fr/" />

In de header van de Franse pagina moet de Nederlandse versie worden vermeld, en vice versa moet op de Nederlandse pagina ook naar de Franse versie worden verwezen.

Gebruik van X-default-tags

De x-default-tag is een waardevol hulpmiddel in het implementeren van hreflang-tags. Deze tag geeft aan welke versie van je pagina moet worden weergegeven als er geen andere relevante versie beschikbaar is voor de gebruiker. Dit is vooral nuttig voor pagina’s die meerdere talen of regio’s bedienen.

Gebruik x-default-tags onder de volgende omstandigheden:

Wanneer je een pagina hebt die als standaardversie fungeert voor gebruikers zonder specifieke taal- of regio-instellingen.
Bij het aanbieden van een algemene versie van je inhoud, zoals een internationale of Engelse pagina, die niet specifiek gericht is op een bepaalde regio.

Voorbeeld van een x-default-tag:

<link rel="alternate" hreflang="x-default" href="https://www.jouwwebsite.com/" />

Zelfverwijzende hreflang-tag

Zelfverwijzende hreflang-tags zijn tags die naar de eigen pagina verwijzen. Dit betekent dat elke versie van je pagina ook een hreflang-tag bevat die naar zichzelf verwijst. Dit is een aanbevolen praktijk, omdat het zoekmachines helpt om te begrijpen dat de specifieke versie van de pagina correct is voor de bijbehorende taal en regio.

Voorbeeld van een zelfverwijzende hreflang-tag op de Nederlandse pagina:

<link rel="alternate" hreflang="nl-NL" href="https://www.jouwwebsite.nl/" />

Redirects en hun impact

Redirects kunnen een grote invloed hebben op de werking van hreflang-tags. Wanneer je pagina's hebt die redirecten naar andere URL's, is het essentieel om ervoor te zorgen dat de hreflang-tags correct worden doorgegeven aan de eindbestemming.

Wat te vermijden:

Meerdere redirects: Zorg ervoor dat je niet meerdere redirects hebt die naar verschillende versies van dezelfde pagina leiden. Dit kan leiden tot verwarring voor zoekmachines en gebruikers, waardoor de juiste hreflang-tags mogelijk niet worden opgepikt.
404-fouten: Redirects naar pagina's die niet bestaan (404-fouten) kunnen ook problematisch zijn. Dit zorgt ervoor dat gebruikers op een foutpagina terechtkomen, wat een negatieve impact heeft op de gebruikerservaring en je SEO-ranking.

Veelvoorkomende fouten bij hreflang-tags

Bij het implementeren van hreflang-tags kunnen fouten voorkomen; in deze alinea bespreken we de meest voorkomende en hoe je ze kunt vermijden.

Veelvoorkomende fout	Uitleg	Oplossing
Foutieve verwijzingen in hreflang-tags	Foutieve verwijzingen kunnen leiden tot verwarring bij zoekmachines. Bijvoorbeeld, als pagina A verwijst naar pagina B, maar pagina B verwijst niet terug naar pagina A.	Controleer alle links zorgvuldig: Zorg ervoor dat elke tag correct verwijst naar de juiste URL en dat er bidirectionele links zijn.
Onjuiste taal- of regiocodes	Elke hreflang-tag moet de juiste taal- en regiocode bevatten (bijv. "nl-NL" voor Nederlands in Nederland). Fouten in deze codes kunnen de zichtbaarheid van pagina's verminderen.	Controleer de juiste codes: Gebruik ISO 639-1 (voor talen) en ISO 3166-1 (voor landen) om de correcte codes te verifiëren. Voer regelmatig audits uit van je hreflang-tags.
Meerdere pagina's voor dezelfde taal	Het aanduiden van meerdere pagina’s voor dezelfde taal zonder de juiste specificaties kan verwarring scheppen bij zoekmachines.	Identificeer unieke content: Zorg ervoor dat elke pagina voor een specifieke taal unieke content biedt. Voeg regionale specificaties toe voor verschillende regio’s.

Tools voor het controleren van Hreflang-tags

Er zijn verschillende tools beschikbaar die je kunt gebruiken om hreflang-tags te controleren. Hier zijn enkele populaire opties:

Tool	Toelichting	Kosten	Complexiteit
Google Search Console	Tool van Google die inzichten biedt in de prestaties van je website, inclusief hreflang-tags. Gebruik de sectie "International Targeting" voor foutanalyses.	Gratis	Eenvoudig
Screaming Frog SEO Spider	Krachtig hulpprogramma dat je website crawlt en gedetailleerde rapporten over hreflang-tags biedt. Ideaal voor het controleren van correcte implementatie en verwijzingen.	Gratis tot €200 per jaar (afhankelijk van het aantal URLs)	Gemiddeld
Ahrefs	Uitgebreide SEO-tool die de linkstructuur van je website analyseert en helpt bij het controleren van hreflang-tags en het identificeren van potentiële problemen.	Vanaf €90 per maand	Gemiddeld tot moeilijk
Hreflang Tags Testing Tool	Online tool speciaal ontworpen voor het testen van hreflang-tags. Voer je URL in om hreflang-informatie te bekijken, inclusief fouten of waarschuwingen.	Gratis	Eenvoudig
Sitebulb	Krachtige website-audittool die hreflang-tags analyseert en problemen identificeert. Biedt visuele rapporten die gemakkelijk te begrijpen zijn.	Vanaf €14 per maand	Gemiddeld

Hreflang-tags