Hreflang Tags Correct Implementeren
Stap-voor-stap uitleg hoe je hreflang-attributen toevoegt aan je HTML. Dit helpt zoekmachines begrijpen welke versie van je pagina voor welk land geschikt is.
Waarom Hreflang Tags Belangrijk Zijn
Hreflang is een HTML-attribuut dat Google vertelt welke taalversie of regionale versie van een pagina het meest relevant is voor gebruikers. Zonder hreflang kunnen zoekmachines de verkeerde versie van je site indexeren — wat leidt tot lagere rankings en verwarrde gebruikers die de verkeerde taal zien.
Je hebt waarschijnlijk al gemerkt dat veel Nederlandse sites in het Engels verschijnen in zoekresultaten, of dat Belgische varianten door elkaar worden gehaald. Dit gebeurt vaak omdat hreflang tags ontbreken of fout zijn ingesteld. We laten je zien hoe je dit correct doet — het is eigenlijk niet zo ingewikkeld als het lijkt.
Hoe Hreflang Werkt: De Basis
Hreflang werkt door middel van twee onderdelen: een language code (zoals ‘nl’ voor Nederlands, ‘en’ voor Engels) en optioneel een country code (zoals ‘NL’ voor Nederland, ‘BE’ voor België). Dit geeft Google exact informatie over welke versie voor welke doelgroep bestemd is.
Je kunt hreflang op drie manieren implementeren: in de
<head>
-sectie van je HTML, in HTTP-headers, of in je XML sitemap. We
gaan ons hier voornamelijk op de HTML-methode richten, want die
is het meest gebruikelijk en het makkelijkst om aan te passen.
Essentieel: Zoekmachines zien hreflang als suggestie, niet als bevel. Je vertelt ze eigenlijk: “Dit is de beste versie voor deze gebruiker.” Google neemt dit serieus en gebruikt het om relevantie te bepalen.
Stap 1: Hreflang in de HTML <head>
De Basisstructuur
Dit is de meest voorkomende manier. Je plaatst hreflang-links
in de
<head>
-sectie van je HTML. Voor elke taal- of landenversie voeg je
een aparte link toe. Zeg je een Nederlands artikel hebt dat
ook in het Duits en Engels beschikbaar is — dan voeg je drie
hreflang-links toe.
Je hebt waarschijnlijk al andere links in je
<head>
gezien (stylesheet, favicon, etc.). Hreflang-links worden op
dezelfde manier toegevoegd. Het verschil is dat hreflang
zoekmachines vertelt welke varianten van dezelfde pagina
bestaan.
<link rel="alternate" hreflang="nl" href="https://example.nl/artikel/" /> <link rel="alternate" hreflang="de" href="https://example.de/artikel/" /> <link rel="alternate" hreflang="en" href="https://example.com/article/" />
Taalcodes en Landcodes Combineren
Dit wordt interessanter. Je kunt ‘nl’ gebruiken voor alle Nederlands-sprekende landen, of je kunt specifieker zijn: ‘nl-NL’ voor Nederland, ‘nl-BE’ voor België. Dit is nuttig als je Belgische bezoekers naar een Belgisch-Nederlandse versie wilt sturen, zelfs als die hetzelfde is als de Nederlandse.
Google raadt aan om specifieke landcodes te gebruiken waar het kan. Dus in plaats van alleen ‘nl’, gebruik je ‘nl-NL’ of ‘nl-BE’. Dit helpt zoekmachines om nog nauwkeuriger te matchen. Je kunt ook ‘x-default’ gebruiken als fallback — dat is de versie die Google toont als er geen exacte match is.
<link rel="alternate" hreflang="nl-NL" href="https://example.nl/artikel/" /> <link rel="alternate" hreflang="nl-BE" href="https://example.be/artikel/" /> <link rel="alternate" hreflang="de-DE" href="https://example.de/artikel/" /> <link rel="alternate" hreflang="x-default" href="https://example.com/article/" />
Veelgemaakte Fouten (en Hoe Je Ze Vermijdt)
Zelf-referentiële Hreflang Vergeten
Veel sites vergeten om hreflang toe te voegen die naar de pagina zelf verwijst. Als je Nederlands artikel hreflang-links naar het Duitse en Engelse artikel heeft, moet je ook een link toevoegen die naar het Nederlands artikel zelf wijst. Dit helpt Google begrijpen dat dit de Nederlandse versie is.
Verkeerde URL’s
Zorg dat je URLs absoluut zijn (volledig, inclusief het protocol en domein). ‘https://example.nl/artikel/’ is correct. ‘/artikel/’ is fout. Google kan niet bepalen welk domein je bedoelt zonder de volledige URL.
Inconsistente Implementatie
Als je hreflang in HTML-head zet, zet het dan overal. Niet op pagina 1 wel, op pagina 2 niet. Google houdt van consistentie. Als je mix je of vergeet, kan Google verwarde en je rankings kunnen dalen.
Niet-Wederzijdse Links
Hreflang werkt het beste als het wederzijds is. Als de Nederlandse pagina naar de Duitse pagina linkt, moet de Duitse pagina ook terug naar de Nederlandse pagina linken. Dit heet ‘mutual hreflang’ en het helpt Google alles correct te indexeren.
Verkeerde Taalcodes
Gebruik altijd ISO 639-1-codes (nl, de, en, fr, etc.). Niet ‘nederlands’ of ‘german’. Google herkent alleen de standaardcodes. Voor landcodes gebruik je ISO 3166-1 alpha-2 (NL, DE, GB, etc.).
Sitemap Zonder Hreflang
Je XML sitemap is ook belangrijk. Je kunt hreflang-informatie daar toevoegen zodat Google alles in één keer ziet. Dit helpt vooral als je honderden pagina’s hebt — je hoeft ze niet allemaal handmatig in de head in te voeren.
Geavanceerde Implementatie: Sitemap & HTTP-Headers
XML Sitemap Methode
Voor grote sites is de sitemap-methode efficiënter. Je voegt hreflang-informatie rechtstreeks in je XML sitemap in. Google leest je sitemap en ziet meteen welke taalversies bestaan. Dit scheelt je veel tijd als je honderden of duizenden pagina’s hebt.
De sitemap-methode ziet er zo uit. Je voegt ‘loc’ elementen toe met hreflang-attributen. Dit werkt vooral goed voor grote e-commerce sites of nieuwssites met veel inhoud. Het is eigenlijk minder werk dan elke pagina individueel aan te passen.
<url>
<loc>https://example.nl/artikel/</loc>
<xhtml:link rel="alternate" hreflang="nl" href="https://example.nl/artikel/" />
<xhtml:link rel="alternate" hreflang="de" href="https://example.de/artikel/" />
</url>
HTTP-Headers Methode
Dit is de geavanceerde manier. Je voegt hreflang-informatie toe aan de HTTP-headers van je server, niet in de HTML. Dit werkt goed als je PDF’s, video’s, of andere niet-HTML-bestanden hebt die in meerdere talen beschikbaar zijn.
Je hebt wel serverconfiguratie-kennis nodig voor deze methode. Je wijzigt je .htaccess-bestand (voor Apache) of nginx-configuratie. Het voordeel: Google hoeft je HTML niet eens te parsen — het ziet de hreflang-informatie meteen in de response-headers.
Link: <https://example.nl/document.pdf>; rel="alternate"; hreflang="nl", <https://example.de/document.pdf>; rel="alternate"; hreflang="de"
Controleren of Je Hreflang Correct Werkt
Na implementatie moet je controleren of Google je hreflang ziet. Er zijn verschillende tools beschikbaar die dit voor je checken. Dit is cruciaal — je wilt niet wachten maanden voordat je merkt dat iets niet goed werkt.
Google Search Console
Dit is het officiële gereedschap van Google. Ga naar Search Console, kies je website, en zoek naar de sectie ‘Internationalisering’. Daar zie je of Google je hreflang-tags herkent. Google toont ook fouten als je iets fout hebt gedaan.
Screaming Frog SEO Spider
Dit is een crawler die je site doorloopt en alle hreflang-tags controleert. Je kunt het downloaden en gratis gebruiken voor kleine sites. Het toont je exact welke pagina’s hreflang hebben en welke niet.
Hreflang Tester van Mangools
Een online tool waar je je URL invoert en het controleert of hreflang correct is geïmplementeerd. Het laat zien welke taalversies Google ziet en waarschuwt voor fouten.
Manuele Controle via Browser
Open je pagina in je browser, klik op ‘Paginabron weergeven’, en zoek naar ‘hreflang’. Je ziet meteen of de tags er zijn. Dit is snel en vereist geen extra tools.
“Controleer je hreflang elke maand. Kleine fouten kunnen zich insluipen als je je site wijzigt — vooral als je URL’s verandert of nieuwe taalversies toevoegt. Een snelle check bespaart je maanden van SEO-problemen.”
Best Practices voor Hreflang
Nu je weet hoe je hreflang implementeert, hier zijn enkele praktische tips die je het leven gemakkelijker maken.
1. Consistent Zijn Met URL-Structuur
Gebruik dezelfde URL-structuur voor alle taalversies. Als je Nederlands artikel op ‘example.nl/artikel/hreflang/’ staat, zet je Duitse versie op ‘example.de/artikel/hreflang/’ (niet op ‘example.de/artikel-german/’). Consistentie helpt Google alles correct te indexeren.
2. Gebruik x-default Altijd
x-default is de fallback-versie. Dit is meestal je Engelse versie of je standaard-site. Google toont deze aan gebruikers waarvan de taal niet precies overeenkomt met je opties. Dit voorkomt verwarring.
3. Let Op Canonicals en Hreflang Samen
Canonical tags en hreflang werken anders. Canonical vertelt Google welke versie ‘de echte’ is (voorkeur voor duplicaatdetectie). Hreflang vertelt Google welke versie voor welke taal geschikt is. Je kunt beide gebruiken, maar zorg dat ze niet conflicteren.
4. Bijwerken Bij Redirects
Als je een taalversie verplaatst (301 redirect), update je hreflang meteen. Don’t vergeten dit te doen — Google ziet oude URLs en raakt in de war. Dit gebeurt vaker dan je zou denken, vooral bij rebranding.
Samenvattend
Hreflang implementeren lijkt ingewikkelder dan het is. Je voegt eigenlijk alleen maar een paar links toe aan je HTML (of sitemap) om Google te vertellen welke taalversie waar beschikbaar is. Het verschil kan enorm zijn — betere rankings, betere gebruikerservaring, en minder verwarring voor je bezoekers.
De basisstappen zijn: bepaal je taalversies, voeg hreflang-tags toe, controleer met Search Console, en houd het consistent. Je hoeft geen developer te zijn om dit te doen — veel website builders en CMS-systemen hebben nu ingebouwde ondersteuning voor hreflang.
Volgende Stap
Start met een audit van je huidige site. Check of je al hreflang hebt, en als niet, begin met je meest belangrijke pagina’s. Je kunt het later altijd uitbreiden. Kleine stappen zijn beter dan niets doen.
Disclaimer
Deze artikel is informatief en bedoeld om je te helpen hreflang-tags beter te begrijpen. Implementatiedetails kunnen variëren afhankelijk van je specifieke website-setup, hosting-provider, of CMS. Zoekmachine-algoritmen veranderen regelmatig — raadpleeg altijd de officiële documentatie van Google voor de meest actuele richtlijnen. Geen van de informatie hier is juridisch of technisch advies. Voor complexe internationalisatie-projecten raden we aan een SEO-specialist in te schakelen.
