Hreflang tags combineren met canonicals tags

hreflang tag en canonical tag

De canonical tag en de hreflang tag vind je terug in de HTML van een website. Deze codes ‘praten” met zoekmachines en geven een boodschap mee aan een zoekmachine. Wanneer je deze allebei gebruikt op je website moet je goed opletten. Want de combinatie van beide tags gaat vaak mis waardoor Google allebei de tags negeert en zelf het wiel probeert uit te vinden. En dat wil je niet want omdat te voorkomen had je juist de tags geïmplementeerd. Eerst een korte uitleg over de hreflang tag en de canonical tag.

Wat is een hreflang tag?

De hreflang tag wordt op een pagina geplaatst om om aan zoekmachines door te geven voor welke taal en geografische locatie een pagina is bedoeld. De hreflang tag is van belang wanneer je een meertalige website of webshop hebt.

Wat is een canonical tag?

Een canonical tag wordt gebruikt indien er op een website sprake is van ‘duplicate content’. Oftewel wanneer 2 of meer pagina’s grofweg dezelfde inhoud hebben. Synoniemen voor de canonical tag zijn: rel=canonical, canonical link en canonical url. De URL waarnaar wordt verwezen in de canonical tag wordt de ‘canonieke url’ genoemd.

Met de canonical tag zeg je tegen een zoekmachine: “Ik weet dat er 2 vrijwel dezelfde pagina’s op mijn website staan. Ik zou graag willen dat deze pagina wordt gebruikt in de zoekresultaten en de andere niet.”

Overigens is een canonical tag een verzoek aan zoekmachines. Dit verzoek wordt niet altijd opgepakt door zoekmachines.

Waar gaat het vaak mis bij de hreflang tag en canonical tag?

Je kan deze tags met elkaar combineren, maar je moet wel goed opletten bij de implementatie. Neem even een kop koffie en ga er goed voor zitten.

via GIPHY

  • Zorgt dat de hreflang tag op iedere pagina naar zichzelf en naar alternatieve taalversies verwijst.
  • Gebruik je op een pagina een canonical tag die verwijst naar een andere pagina? Zorg dan dat deze pagina geen href lang verwijzingen ontvangt.
  • Href lang verwijzingen zijn geschikt voor URL’s die d.m.v. een canonical tag naar zichzelf verwijzen (self-referencing canonical tag) en voor pagina’s die geen canonical tags bevatten.
  • Let op: De hreflang tag vervangt de canonical tag niet. Je moet ze beiden aangeven op een pagina.

Hoe moet het niet?

We gaan er bij onderstaand voorbeeld vanuit dat deze tags op deze URL staan: www.bovenaaninternet.nl/zoekmachines/

<link rel=”alternate” href=”https://www.bovenaaninternet.nl/zoekmachines/” hreflang=”nl-nl” />

<link rel=”alternate” href=”https://www.bovenaaninternet.com/searchengine/” hreflang=”en-us” />

<link rel=”canonical” href=”https://www.bovenaaninternet.com/searchengine/”/>

Wanneer bovenstaande code op een pagina staat zegt deze tegen zoekmachines: Dat wanneer een Nederlander deze pagina zoekt, dat dan de Engelse pagina getoond moet worden. Want in de canonical tag wordt verwezen naar de Engelstalige variant van de pagina.

Hoe moet het wel?

We gaan er bij onderstaand voorbeeld wederom vanuit dat deze tags op deze URL staan: www.bovenaaninternet.nl/zoekmachines/

<link rel=”alternate” href=”https://www.bovenaaninternet.nl/zoekmachines/” hreflang=”nl-nl” />

<link rel=”alternate” href=”https://www.bovenaaninternet.com/searchengine/” hreflang=”en-us” />

<link rel=”canonical” href=”https://www.bovenaaninternet.com/zoekmachines/”/>

Wil je geen locatie aangeven in de hreflang tag? Vervang dan ‘nl-nl’ door ‘nl’ en vervang ‘en-us’ door ‘en’