Naar inhoud gaan
Meirra

Beheers Hreflang Tags voor Internationale SEO

Complete technische gids voor het correct implementeren van hreflang tags op meertalige websites. Leer best practices, vermijd veelgemaakte fouten en verbeter je internationale SEO.

Updated: 2024-12-20
20 minuten leestijd
Technische Gids
Bekijk Gids
M

Meirra

SEO & Webontwikkeling Expert, Meirra

De Complete Hreflang Gids

Beheers meertalige SEO met vertrouwen

Hreflang Begrijpen

Het hreflang-attribuut vertelt zoekmachines welke taal u gebruikt op een specifieke pagina, zodat zij de juiste versie kunnen tonen aan gebruikers die in die taal zoeken.

Geïntroduceerd door Google in 2011, is hreflang nu een cruciaal onderdeel van internationale SEO, dat helpt om problemen met dubbele content te voorkomen en ervoor zorgt dat gebruikers content zien in hun voorkeurstaal.

Het attribuut gebruikt ISO-taalcodes (zoals 'en' voor Engels of 'nl' voor Nederlands) en optionele regionale subtags (zoals 'nl-NL' voor Nederlands in Nederland of 'nl-BE' voor Nederlands in België).

Deze uitgebreide gids behandelt alles wat u nodig heeft om hreflang-tags correct te implementeren voor internationale websites. Hreflang-implementatie is een van de technisch meest uitdagende aspecten van meertalige SEO, maar wanneer correct uitgevoerd, zorgt het ervoor dat zoekmachines de juiste taalversie aan de juiste gebruikers tonen. Ons platform volgt hreflang-prestaties in realtime.

We doorlopen meerdere implementatiemethoden, bieden geteste codevoorbeelden, geven specifieke begeleiding voor internationale uitbreiding en helpen u veelvoorkomende fouten op te lossen. Allemaal met live dashboard-monitoring.

Basisvoorbeeld

Basis Hreflang Implementatie

HTML-linkelementen in de head-sectie

HTML
<head>
  <!-- Other meta tags, title, etc. -->

  <!-- English page (example.com/page) would have these tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;

  <!-- Spanish page (example.com/es/page) would have these same tags: -->
  &lt;link rel="alternate" hreflang="en" href="https://example.com/page/" /&gt;
  &lt;link rel="alternate" hreflang="es" href="https://example.com/es/page/" /&gt;
  &lt;link rel="alternate" hreflang="x-default" href="https://example.com/page/" /&gt;
</head>

Waarom Het Belangrijk Is

  • Voorkomt problemen met dubbele content tussen taalversies
  • Zorgt ervoor dat zoekmachines de juiste taal aan gebruikers tonen
  • Helpt om aparte indexrangschikkingen te behouden voor elke taalversie
  • Verbetert de gebruikerservaring door content te tonen in de voorkeurstaal van gebruikers
  • Cruciaal voor bedrijven die uitbreiden naar internationale markten

Veelvoorkomende Fouten

  • ✕
    Ontbrekende retourlinks (geen bidirectionele verwijzingen maken)
  • ✕
    Onjuiste taal- of landcodes
  • ✕
    Relatieve en absolute URLs door elkaar gebruiken
  • ✕
    Conflicterende canonical- en hreflang-signalen
  • ✕
    Onjuiste nesting in XML-sitemaps
  • ✕
    Ontbrekende zelfreferentie-tags
Bekijk Probleemoplossingsgids

Hreflang Taalcodes

Ontdek geldige taalcodes voor gebruik in uw hreflang-tags.

en
Gangbaar

Engels

en-US
Gangbaar

Engels (Verenigde Staten)

en-GB
Gangbaar

Engels (Verenigd Koninkrijk)

en-CA
Gangbaar

Engels (Canada)

en-AU
Gangbaar

Engels (Australië)

es
Gangbaar

Spaans

es-ES
Gangbaar

Spaans (Spanje)

es-MX
Gangbaar

Spaans (Mexico)

es-CO
Gangbaar

Spaans (Colombia)

es-AR
Gangbaar

Spaans (Argentinië)

fr
Gangbaar

Frans

fr-FR
Gangbaar

Frans (Frankrijk)

fr-CA
Gangbaar

Frans (Canada)

pt
Gangbaar

Portugees

pt-BR
Gangbaar

Portugees (Brazilië)

pt-PT
Gangbaar

Portugees (Portugal)

zh
Gangbaar

Chinees

zh-CN
Gangbaar

Chinees (China)

zh-TW
Gangbaar

Chinees (Taiwan)

de
Gangbaar

Duits

de-DE
Gangbaar

Duits (Duitsland)

it
Gangbaar

Italiaans

it-IT
Gangbaar

Italiaans (Italië)

ja
Gangbaar

Japans

ja-JP
Gangbaar

Japans (Japan)

ko
Gangbaar

Koreaans

ko-KR
Gangbaar

Koreaans (Zuid-Korea)

ru
Gangbaar

Russisch

ru-RU
Gangbaar

Russisch (Rusland)

ar
Gangbaar

Arabisch

Code Formaat

Taalcodes volgen de ISO 639-1 standaard. U kunt alleen-taal codes gebruiken (bijv. 'nl') of taal-regio combinaties (bijv. 'nl-NL').

Interactieve Tool

Hreflang Code Generator

Genereer correcte hreflang-code voor uw meertalige website door hieronder uw URLs in te voeren.

Instructies

  1. Voer uw basisdomein in (voorbeeld.nl)
  2. Voeg de pagina's toe waarvoor u code wilt genereren
  3. Specificeer in welke talen en regio's elke pagina beschikbaar is
  4. Kies uw gewenste implementatiemethode (HTML, HTTP-headers of XML-sitemap)
  5. Kopieer de gegenereerde code en implementeer deze op uw website

Hreflang Code Generator

Genereer correcte hreflang-code voor uw meertalige website door hieronder uw URLs in te voeren.

Domeininstellingen

Implementatiemethode

Pagina's

/ /
Beschikbare Talen

Code: 'en' voor Engels, 'nl' voor algemeen Nederlands, 'nl-NL' voor Nederland, 'x-default' voor standaard

Gegenereerde Code

HTML Head Method

HTML

Implementatietips

  • Neem altijd de x-default tag op om gebruikers te helpen wiens taalvoorkeuren niet overeenkomen met een van uw versies
  • Zorg ervoor dat elke taalversie links bevat naar alle andere taalversies, inclusief zichzelf
  • Gebruik absolute URLs (beginnend met http:// of https://) in alle hreflang-tags
  • Test uw implementatie met de tools die worden genoemd in de testsectie
  • Onthoud dat hreflang een hint is, geen directief - zoekmachines kunnen nog steeds een andere versie tonen als zij denken dat deze relevanter is
  • Gebruik voor consistentie dezelfde methode (HTML head, HTTP-headers of XML-sitemap) over uw hele site

Aanvullende Bronnen

Officiële Google Hreflang DocumentatieAhrefs Hreflang Gids
Code

Implementatiemethoden

Verschillende manieren om hreflang te implementeren, elk met eigen voordelen

Methoden

HTML Head Tags

★★★★★
Beste optie voor de meeste websites

Voeg hreflang-tags direct toe in de <head>-sectie van elke pagina

Directe controle over tags op elke pagina

Eenvoudig te implementeren voor kleine sites

Werkt met alle zoekmachines

Codevoorbeelden

Basis HTML Implementatie

HTML
<link rel="alternate" hreflang="en" href="https://example.com/page" />
<link rel="alternate" hreflang="nl" href="https://example.com/nl/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page" />

Praktijkvoorbeeld

Hier is een voorbeeld van hoe hreflang-implementatie eruitziet op een echte website:

Booking.com (HTML-head implementatie)

De Booking.com website gebruikt hreflang-tags in de head voor elke taal/regio

HTML
<!DOCTYPE html>
<html lang="es-ES">
<head>
  <meta charset="utf-8">
  <title>Guía de Viajes España | Booking.com</title>
  
  <!-- Self-reference (Spanish - Spain) -->
  <link rel="alternate" hreflang="es-ES" href="https://www.booking.com/destinacione/pais/es.es.html" />
  
  <!-- Other language versions -->
  <link rel="alternate" hreflang="en-GB" href="https://www.booking.com/destinations/country/es.en-gb.html" />
  <link rel="alternate" hreflang="en-US" href="https://www.booking.com/destinations/country/es.html" />
  <link rel="alternate" hreflang="de" href="https://www.booking.com/destinations/country/es.de.html" />
  <link rel="alternate" hreflang="fr" href="https://www.booking.com/destinations/country/es.fr.html" />
  <link rel="alternate" hreflang="it" href="https://www.booking.com/destinations/country/es.it.html" />
  
  <!-- Default version -->
  <link rel="alternate" hreflang="x-default" href="https://www.booking.com/destinations/country/es.html" />
  
  <link rel="canonical" href="https://www.booking.com/destinacione/pais/es.es.html" />
  <!-- Other meta tags... -->
</head>
<body>
  <!-- Page content -->
</body>
</html>

Opmerking: Dit is een vereenvoudigd voorbeeld gebaseerd op echte implementaties. Werkelijke implementaties kunnen variëren.

Professionele Tips

Voeg zelfrefererende tags toe

Gebruik absolute URLs

Verifieer bidirectionele links

Externe Bronnen

Google Search Central

Officiële documentatie over gelokaliseerde versies

Moz Hreflang Gids

Uitgebreide gids over hreflang-implementatie

Nederlandse Marktspecificaties

Belangrijke overwegingen bij het targeten van Nederlandstalige markten

Regionale Variaties

Nederlands wordt gebruikt in Nederland (nl-NL) en België (nl-BE). Overweeg nl-NL voor Nederland en nl-BE voor de Belgische markt.

Lokaal Zoekgedrag

Nederlandse gebruikers zoeken vaak anders dan Engelse gebruikers. Zoekwoorden zijn misschien geen directe vertalingen en zoekintentie kan variëren.

Domeinstrategie

Overweeg ccTLDs (.nl voor Nederland) of submappen met de juiste geotargeting voor betere lokale zichtbaarheid.

Content Lokalisatie

Naast vertaling, pas content aan voor culturele relevantie, lokale voorbeelden, valuta en maateenheden.

Praktische Gids

CMS Implementatie

Hoe hreflang te implementeren in populaire content management systemen

WordPress

WordPress

Populair CMS met sterke meertalige ondersteuning via plugins

1

Installeer en activeer WPML

2

Configureer talen en URL-structuur

3

WPML voegt automatisch hreflang tags toe

Aanbevolen Plugin:

WPML (WordPress Multilingual Plugin)
Shopify

Shopify

E-commerce platform met ingebouwde meertalige functies

1

Schakel meerdere talen in via Shopify admin

2

Configureer taalspecifieke URLs

3

Gebruik apps voor geavanceerde hreflang controle

Aanbevolen Plugin:

Langify of Weglot
Drupal

Drupal

Krachtig CMS met ingebouwde meertalige mogelijkheden

1

Schakel Taal en Content Vertaling modules in

2

Configureer taaldetectie en -selectie

3

Gebruik Metatag module voor hreflang

Aanbevolen Plugin:

Core Meertalige Modules
WooCommerce

WooCommerce

E-commerce plugin voor WordPress met meertalige mogelijkheden

1

Installeer en activeer WPML of Polylang met hun respectievelijke WooCommerce add-ons

2

Configureer talen en vertaalinstellingen

3

Vertaal producten, categorieen en afrekenpagina's

4

Verifieer dat hreflang tags correct geimplementeerd zijn op productpagina's

5

Stel valuta en betaalgateways in voor verschillende regio's indien nodig

Aanbevolen Plugin:

WPML met WooCommerce Multilingual
Magento

Magento

Enterprise e-commerce platform met ingebouwde meertalige ondersteuning

1

Stel store views in voor elke taal/locale combinatie in je Magento admin

2

Configureer de locale en taal voor elke store view

3

Vertaal je content, producten en winkelinformatie

4

Schakel de ingebouwde hreflang tag generator in en configureer deze

5

Verifieer implementatie via view-source of browser dev tools

Aanbevolen Plugin:

Ingebouwde Store Views
Webflow

Webflow

Visueel webdesign platform met aangepaste code mogelijkheden

1

Maak aparte pagina's of mappen voor elke taalversie

2

Voeg aangepast code fragment toe in de head sectie van elke pagina

3

Zorg ervoor dat elke taalversie links heeft naar alle andere taalversies

4

Gebruik absolute URLs voor alle hreflang verwijzingen

5

Test implementatie met browser developer tools

Aanbevolen Plugin:

Weglot of aangepaste code
Aangepaste Frameworks

Aangepaste Frameworks

Headless CMS of op maat gebouwde oplossingen

1

Identificeer de taal- en regionale structuur van je site

2

Maak taaldetectie en URL-routing logica

3

Implementeer taalwisselaars en juiste redirects

4

Voeg hreflang tags toe aan alle paginatemplates met je voorkeursmethode

5

Maak geautomatiseerde tests om te verzekeren dat bidirectionele links behouden blijven

Aanbevolen Plugin:

Aangepaste implementatie
Verificatie

Testen & Validatie

Tools en technieken om uw hreflang-implementatie te valideren

Google Search Console

De officiële tool van Google voor het monitoren van hreflang-implementatie en het identificeren van problemen.

Het rapport Internationale Targeting toont hreflang-fouten

Verificatie van taal- en landtargeting

Crawl-dekking voor verschillende taalversies

Directe feedback van Google's crawler

Bezoek Tool

Hreflang Tags Testing Tool

Speciale tool voor het valideren van hreflang-implementatie over uw hele website.

Valideert bidirectionele links

Controleert op juiste taalcodes

Identificeert ontbrekende retour-tags

Test vanaf meerdere locaties

Bezoek Tool

Screaming Frog SEO Spider

Uitgebreide SEO-crawler met hreflang-validatiefuncties.

Crawlt de hele site op hreflang-tags

Exporteert hreflang-gegevens voor analyse

Identificeert implementatiefouten

Valideert tegen XML-sitemaps

Bezoek Tool

Sitebulb

Visuele website-audittool met krachtige hreflang-analysemogelijkheden.

Visuele hreflang-mapping

Identificeert verweesde taalversies

Gedetailleerde implementatierapporten

Integratie met Google Analytics

Bezoek Tool

ContentKing

Realtime SEO-monitoringplatform dat hreflang-wijzigingen volgt.

Realtime hreflang-monitoring

Waarschuwingen voor implementatieproblemen

Historische tracking van wijzigingen

API-toegang voor automatisering

Bezoek Tool

Chrome Developer Tools

Ingebouwde browsertools voor snelle hreflang-verificatie.

Bekijk paginabron voor handmatige inspectie

Netwerktab om HTTP-headers te controleren

Console voor JavaScript-debugging

Gratis en altijd beschikbaar

Bezoek Tool

Waar Op Te Letten Bij Testen

Technische Controles

  • Alle tags hebben volledige absolute URLs
  • Geldige taalcodes (nl-NL, en-US, etc.)
  • Alle pagina's bevatten zelfrefererende tags
  • XML-sitemap gebruikt correcte xhtml:link-syntax

Structurele Controles

  • Volledige bidirectionele links tussen alle versies
  • x-default-tag correct geconfigureerd
  • Consistentie tussen canonical- en hreflang-tags
  • Geen redirects die hreflang verstoren