Voortdurend werken aan het optimaliseren van je website voor zoekmachine-zichtbaarheid zorgt ervoor dat nieuwe gebruikers je inhoud op het web kunnen vinden. Er zijn verschillende technieken die je kunt gebruiken om je website’s SEO-rankings te verbeteren voor een nationaal publiek, maar wanneer je doelgroepen in meerdere landen of bezoekers die meer dan één taal spreken wilt bereiken, moet je een paar extra regels volgen — een daarvan is het toevoegen van hreflang-tags aan je website.
Zoekmachines lezen hreflang-tags om ervoor te zorgen dat jouw pagina’s correct worden geïndexeerd voor een gedefinieerd internationaal publiek, en dat die gebruikers naar de juiste versies van jouw site worden geleid. Gelukkig zijn er een aantal relatief eenvoudige, gemakkelijke methoden die je kunt gebruiken om deze attributen in te voegen en te benutten op jouw website.
In deze post introduceren we je hreflang-tags en leggen we uit waarom ze belangrijk zijn. Daarna laten we je zien hoe je ze op je website kunt implementeren. Laten we beginnen!
Een Introductie Tot Hreflang Tags
Introductie voor het eerst door Google in 2011, het hreflang-attribuut specificeert de taal van de inhoud op een pagina.
Je kunt hreflang-tags gebruiken om specifieke landen te targeten. Ze zijn handig voor websites die inhoud in meerdere talen aanbieden.
Hreflang-tags worden toegevoegd aan het <head>-gedeelte van de HTML-code van je webpagina’s. Elke tag moet de taal en het land voor een specifieke pagina specificeren.
Bijvoorbeeld, de tags kunnen er als volgt uitzien:
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="de" href="http://example.com/de/">
In het bovenstaande voorbeeld is de eerste regel de standaardpagina voor gebruikers die geen van de gespecificeerde talen spreken. De tweede en derde regel zijn respectievelijk voor Engels- en Duitssprekenden. Het hreflang attribuut specificeert de taal, en het href attribuut specificeert de URL.
Het is belangrijk om op te merken dat hreflang tags alleen gebruikt worden door zoekmachines — ze zullen niet zichtbaar zijn voor gebruikers. Bovendien zijn hreflang tags slechts één type tag dat de SEO van je website en Gebruikerservaring (UX) kan verbeteren. Andere veelvoorkomende tags zijn titel tags en meta beschrijvingen.
Houd er ook rekening mee dat hreflang-tags en canonieke tags niet hetzelfde zijn. Een canonieke tag is een HTML-element dat zoekmachines vertelt welke versie van een pagina geïndexeerd moet worden.
Een hreflang-tag daarentegen vertelt zoekmachines welke versie van een pagina aan gebruikers in verschillende landen moet worden aangeboden. Canonieke tags lossen problemen met dubbele inhoud op. Daartegenover zorgen hreflang-tags ervoor dat gebruikers die verschillende talen spreken de juiste paginaversies krijgen aangeboden.
Waarom Hreflang Tags Belangrijk Zijn
Hreflang-tags zijn om verschillende redenen belangrijk. Ze beïnvloeden zowel de UX als de SEO van je website.
Voordelen Van Het Gebruik Van Hreflang Tags
- Zorg ervoor dat je pagina’s correct geïndexeerd zijn.
- Leid gebruikers naar de juiste versies van je site.
- Leidt tot hogere verkeersniveaus en meer conversies.
- Organiseer je website.
- Localiseer je inhoud voor wereldwijde gebruikers.
- Voorkom concurrentie tussen alternatieve webpagina’s.
Daarnaast kunnen hreflang-tags je Click-Through Rate (CTR) van zoekmachine resultatenpagina’s (SERPs) verbeteren. Gebruikers die zien dat jouw site beschikbaar is in hun talen, zullen eerder geneigd zijn erop te klikken. Dit kan leiden tot hogere verkeersniveaus en uiteindelijk tot meer conversies.
Hoe Hreflang Tags Te Gebruiken (3 Technische Methoden)
Er zijn drie hoofdmethoden om het hreflang-attribuut op je website te implementeren. Hieronder leiden we je door elk van hen heen.
Ongeacht de gekozen methode is het belangrijk om drie basisaspecten van hreflang-tags te begrijpen. Ten eerste moet het taalattribuut in een tweecijferige landcode staan, bekend als het ISO 639-1-formaat. ISO staat voor Internationale Organisatie voor Standaardisatie. Deze waarde bestaat uit één taal en kan gecombineerd worden met een (optionele) regio.
Je kunt de ISO 3166-1 regiocodes gebruiken om een regio te specificeren. Het is belangrijk om de twee niet te verwarren of ze door elkaar te gebruiken. Bijvoorbeeld, de code voor de Griekse taal is “el”, maar de code voor de regio Griekenland is “gr”.
De tweede regel is dat elke URL terugkoppellinks moet hebben die wijzen naar de canonieke versies. Bijvoorbeeld, als je 40 talen hebt, zou je hreflang-links voor 40 URL’s moeten hebben.
Uiteindelijk heb je zelfverwijzende links nodig voor je hreflang tag implementatie om te werken. Dit betekent dat elke taalversie zichzelf ook moet vermelden met een zelfverwijzende hreflang tag, waarnaar de pagina terugverwijst naar zichzelf.
Hier zijn drie methoden voor het gebruik van hreflang-tags!
1. Gebruik HTML Tags in <head> Secties
Zoals we eerder vermeldden, is een van de manieren om hreflang-tags op je website te implementeren, deze in HTML-tags in te voegen. Dit is vaak de snelste en gemakkelijkste methode.
Echter, dit proces kan tijdrovend zijn als je een lange lijst met talen hebt. Je zou elke variant aan elke andere variant moeten koppelen. Bovendien zou WordPress meerdere database-aanroepen moeten doen om deze links te genereren.
Uiteindelijk kan dit je site vertragen. Daarom, als je een grotere website hebt of een lange lijst met talen wilt maken, wil je misschien in plaats daarvan de sitemap-methode gebruiken (zie Methode 3).
Om deze HTML-tagmethode te gebruiken, moet je jouw hreflang-tags invoegen in de <head>-sectie van elk van je pagina’s. Als je bijvoorbeeld Engelse en Spaanse versies voor de Amerikaanse versie van je site wilt toevoegen, zou je de volgende code toevoegen:
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="es" href="http://example.com/de/">
In het bovenstaande voorbeeld verwijst de eerste regel naar de standaardpagina. De tweede en derde zijn voor Engels- en Spaanstaligen.
2. Voeg Hreflang Tags Toe Aan Je HTTP Headers
Als je hreflang-tags wilt toevoegen aan niet-HTML-pagina’s, zoals PDF’s, heb je geen HTML-code om de tags in te plaatsen. Wanneer dit het geval is, kun je in plaats daarvan je HTTP-headers gebruiken.
De code zou er ongeveer als volgt uitzien:
<http://example.pdf>; rel="alternate";hreflang="x-default", <http:/example.pdf>; rel="alternate";hreflang="en", <http://example.pdf>; rel="alternate";hreflang="es", <http://example.pdf>; rel="alternate";hreflang="de"
In dit voorbeeld voeg je varianten toe voor Engels, Spaans en Duits. Elke respectievelijke versie moet in de koppen van elk PDF-bestand geplaatst worden.
3. Voeg Hreflang Tags Toe Aan Je Sitemap
De derde methode voor het implementeren van hreflang-tags is het gebruik van XML-sitemapopmaak. Deze aanpak stelt je in staat om de hreflang-attributen voor alle pagina’s van je site op één plek toe te voegen.
Het kan je ook helpen om het vertragen van je pagina laadsnelheid te voorkomen (wat kan gebeuren als je de tags in de head-sectie van de pagina’s plaatst). Bovendien kan het wijzigen van een sitemap aanzienlijk makkelijker zijn dan het aanpassen van de <head> tag van elke pagina.
De sitemap-methode lijkt op de HTML <head>-tagmethode, behalve dat het xhtml:link-attribuut de hreflang-annotaties aan elke URL toevoegt. Na het xhtml:link-attribuut aan het begin van je URL, zou je de alternatieve paginaversies toevoegen, dus je opmaak zou er ongeveer als volgt uitzien:
<url> <loc>https://example.com/link</loc> <xhtml:link rel=”alternate” hreflang=”en-us” href=”x-default” <xhtml:link rel=”alternate” hreflang=”en” href=”https://example.com/link/” /> <xhtml:link rel=”alternate” hreflang=”es” href=”https://example.com/enlance/” />
Hier zul je zien dat elke URL een hreflang-attribuut heeft en teruglinks naar de andere URL’s. Er moet een afzonderlijk <url>-element worden gemaakt voor elke URL. Elk element moet een <loc> bevatten die de pagina-URL aangeeft. De URL’s hebben ook een <xhtml:link rel=”alternate” hreflang=”ondersteunde_taal-code”>-element nodig dat elke alternatieve versie van de pagina opsomt.
Je kunt alle benodigde tags aan één bestand toevoegen. Hoewel de volgorde van de elementen niet uitmaakt, raden we aan om ze uniform te houden, omdat deze indeling het gemakkelijker maakt om fouten te controleren. Je kunt je nieuwe sitemap indienen bij Google Search Console als je klaar bent.
Tools Die Hreflang Tags Automatisch Genereren
De tijd die nodig is om je hreflang-tags te genereren en te implementeren kan variëren afhankelijk van het aantal versies dat je wilt creëren en de methode die je gebruikt. Er zijn echter een aantal tools die het proces kunnen vereenvoudigen en versnellen. Laten we eens kijken naar enkele van de populairste!
Weglot Vertaalplugin
Weglot is een populair en betrouwbaar vertaalhulpmiddel dat hreflang Google tags en markeringen aan je website kan toevoegen:
Weglot kan een nuttige oplossing zijn als je een beginner bent en niet vertrouwd bent met het werken met code. Het identificeert automatisch href-tags in je code tijdens het vertalen en wijzigt de paginakoplinks.
Hreflang Controleur
Het is cruciaal om altijd je hreflang-tags te dubbelchecken om te verzekeren dat ze correct werken nadat je ze hebt geplaatst. De Hreflang Checker tool aangeboden door Weglot kan dit proces vereenvoudigen:
Om het te gebruiken, kopieer en plak je gewoon de URL die je wilt controleren in het tekstveld (zorg dat je “http://” of “https://” opneemt) en selecteer een zoekmachine-bot om te emuleren. Klik dan op de Test URL knop. Het zal een zoekresultatenpagina tonen die de status van je tags weergeeft.
XML Sitemapgenerator
Als je hreflang-tags wilt implementeren met behulp van de sitemap-methode, kun je de Hreflang XML Sitemap Generator Tool gebruiken. Deze is gecreëerd door Erudite, een digitaal marketingbureau:
Nadat je een account hebt aangemaakt met je e-mailadres, vertel je de tool eenvoudigweg waar je sitemap naartoe gestuurd moet worden en upload je je CSV-bestand, inclusief een kolom voor elke taal. Daarna zal Erudite’s tool automatisch een XML-sitemap genereren.
Hreflang Tags Generator
Als je hulp nodig hebt bij het genereren van de linkelementen voor je hreflang-tags, kun je de Hreflang Tags Generator gebruiken:
Deze tool, gemaakt door Aleyda Solis, kan het maken van tags voor je meertalige of multinationale website stroomlijnen. Je kunt deze tags genereren door tot 50 URL’s in het gegeven formulier in te voeren of door ze te uploaden via een CSV-bestand. Zorg er opnieuw voor dat er één kolom is voor de URL’s.
Ahrefs Google Sheets-sjabloon
Een ander hulpmiddel dat je kunt gebruiken, is de Google Sheets sjabloon aangeboden door Ahrefs:
Onder het tabblad Setup, selecteer de taal-locale (standaardtaal) van je site, en kies vervolgens tot vier extra varianten. Bijvoorbeeld, je kunt Engels kiezen als de standaard taal-locale, gevolgd door Spaans, Duits, Chinees, en Russisch als de alternatieven.
Hierna, onder het tabblad URL’s, vind je vijf kolommen, elk met eigen kopcellen die overeenkomen met de taal die je hebt gekozen in het tabblad Setup. Er moet ook een X-Default kolom zijn.
Plak nu de URL’s in de respectieve cellen. Vervolgens vind je onder het tabblad Resultaten een automatisch gegenereerde code voor je XML-sitemap. Je kunt alles in de kolom A kopiëren en plakken in een XML-document en dit uploaden via Google Search Console.
Tips En Beste Praktijken Voor Het Gebruiken Van Hreflang Tags
Nu je de basis begrijpt van hreflang tags en hun implementatie, laten we enkele tips bespreken voor het gebruik ervan. Hieronder volgen enkele belangrijke beste praktijken om te volgen!
Zorg Ervoor Dat De Tags Bidirectioneel Zijn
Hreflang-tags werken in paren, wat betekent dat ze bidirectioneel zijn. Wanneer je een hreflang-tag toevoegt aan een Engelse pagina die wijst naar een Spaanse versie, moet je er ook voor zorgen dat de Spaanse variant terugkeert met een hreflang-tag die naar de Engelse versie wijst.
Deze instelling geeft aan zoekmachines aan dat de relatie overeengekomen is en dat jij beide pagina’s beheert. Als twee pagina’s niet naar elkaar verwijzen, zal Google de tags negeren.
Geef De Standaardpagina Op Voor Gebruikers Die Geen Van De Opgesomde Talen Spreken
Het specificeren van de standaardpagina voor gebruikers die geen van je ingestelde talen spreken is belangrijk. Het zorgt ervoor dat bezoekers naar de juiste versie van je site worden geleid.
Je kunt dit doen door een tag toe te voegen met de taalcode “x-default”. Het zou er ongeveer zo uitzien:
<link rel=”alternate” hreflang=”x-default” href=”https://example.com/” />
De standaardpagina wordt gebruikt in situaties waarin Google de taal of regio van gebruikers niet kan extraheren wanneer deze niet is gespecificeerd of vermeld. In plaats daarvan zal de x-default pagina de gebruikers vragen welke taal zij verkiezen, om hen vervolgens naar de juiste alternatieve versie te verwijzen.
Gebruik Absolute URL’s
Absolute URL’s zijn volledige URL’s die de domeinnaam bevatten. Ze zijn ook het voorkeurstype URL om te gebruiken met hreflang-tags. Ze worden minder snel beïnvloed door wijzigingen op je website en maken het makkelijker voor zoekmachines om je pagina’s correct te indexeren.
Het is belangrijk om ervoor te zorgen dat je hreflang tags absolute URL’s bevatten. Met andere woorden, de code moet eruit zien als “https://voorbeeld.com/link” in plaats van “voorbeeld.com/link”.
Zorg Ervoor Dat Je Hreflang Tags Geldig en Correct Geformatteerd Zijn
Zoals we eerder vermeldden, moeten de juiste ISO-taal- en regiocodes worden gebruikt bij het aanmaken van je hreflang linkattributen. Anders kun je een bericht in Google Search Console tegenkomen dat informeert dat je site geen hreflang taaltags heeft.
Onthoud dat je de ISO-taalcodes moet gebruiken voor taalattributen en de regiocodes voor geografische locaties. Bijvoorbeeld, terwijl “kr” voor de regio Zuid-Korea staat, is “ko” de code voor de Koreaanse taal.
Houd Je Hreflang Tags Up-To-Date
Naarmate je meer inhoud en pagina’s aan je website toevoegt, wordt het bijhouden van je hreflang-tags steeds belangrijker.
Stel je voor dat je een nieuwe domeinnaam toevoegt voor een bepaald land. Dan moet je de juiste hreflang-tags toevoegen aan je bestaande pagina’s en controleren of ze verwijzen naar de nieuwe domeinnaam.
Hetzelfde geldt als je taalversies van je website verwijdert. Als je een taal verwijdert, moet je de hreflang-tags die ernaar verwijzen verwijderen of vervangen. Verwijzen naar ontbrekende of onjuiste URL’s kan zowel je UX als SEO schaden.
Monitor Je Website Op Fouten
Net zo essentieel als het bijwerken van je hreflang-tags is het consequent controleren van je website op fouten. Dit proces omvat het controleren van de broncode van je site om ervoor te zorgen dat alle benodigde tags aanwezig zijn.
Je kunt een tool zoals Google Search Console gebruiken om je website gemakkelijker te monitoren. Dit platform helpt je te verifiëren of je pagina’s correct geïndexeerd worden.
Optimaliseer Je Website Voor Internationale Doelgroepen
Het gebruik van hreflang-tags kan de SEO en UX van je website voor internationale doelgroepen verbeteren. Deze attributen kunnen je site helpen om gebruikers in verschillende landen te bereiken en zorgen ervoor dat de juiste inhoud wordt aangeboden in hun moedertaal of voorkeurstaal.
Zoals we in dit artikel hebben besproken, zijn er drie methoden die je kunt gebruiken om hreflang-tags te implementeren:
- Voeg de attributen toe aan de <head> sectie van elke pagina.
- Plaats ze in de HTTP-headers van niet-HTML contentpagina’s.
- Zet de tags in je XML sitemap, zodat alle attributen op één plek staan.
Heb je hulp nodig bij het optimaliseren van je meertalige website? Bekijk onze DreamHost Professionele Diensten om te leren hoe wij jouw site naar een hoger niveau kunnen tillen!
Internationale SEO Gemakkelijk Gemaakt
We nemen het giswerk (en het echte werk) uit het vergroten van je websiteverkeer met SEO.
Meer Leren