Dans le domaine du marketing numérique et, plus précisément, dans le monde de la SEO, les balise hreflang revêt une grande importance. Sur les sites web qui cherchent à toucher un grand nombre de pays, cette balise s'impose comme un élément indispensable. Cependant, elle doit être mise en œuvre correctement afin de ne pas semer la confusion chez Google et finir par être punis par le algorithme, ce qui freine la croissance du site web.
Chez Euroinnova, nous souhaitons vous expliquer en quoi consiste la balise hreflang, tout en te présentant les différentes façons de la mettre en œuvre. Enfin, nous aborderons les différents problèmes qui pourraient survenir après sa mise en œuvre, afin que tu ne te prennes pas la tête à chercher les causes de ton blocage.
Vous êtes prêts ? Commençons !
Qu'est-ce que la balise hreflang ?
Comme tu peux déjà le deviner, la balise hreflang constitue un attribut HTML qui communique le langue et le région de destination d'un site web. Cela fait que Google déterminer quelle est la version la plus adaptée de cette page pour un pays et une langue donnés. C’est pourquoi on dit souvent que cette balise relève du domaine du Référencement international, car cela revêt une importance particulière pour les entreprises internationales implantées dans plusieurs régions du monde.
Voyons cela à l'aide d'un exemple. Imaginez que vous ayez un site web sur lequel vous vendez des produits aussi bien en Espagne qu'au Mexique. Même si la langue est la même, vous pouvez optimiser certains éléments, comme la devise ou certaines expressions. Ainsi, la balise hreflang Il se chargerait d'afficher la version adaptée aux utilisateurs d'Espagne et du Mexique. Pour ce faire, il vérifie d'abord votre zone géographique à l'aide de votre adresse IP.
Voici comment créer une balise hreflang
Nous continuons à nous enfoncer dans la balise hreflang. Tout d'abord, voyons un exemple :
<link rel="alternate" href="url_of_page" hreflang="lang_code" />
Que signifie chacun de ces éléments ? Nous anticipons cette question et vous en donnons les réponses :
- La balise `link rel=»alternate»` indique à Google que le lien contenu dans cette balise est une version alternative.
- href=» url_of_page » indique l'emplacement de la page de secours.
- hreflang=» lang_code » correspond à la langue alternative.
Comment créer une balise hreflang ?
Le premier élément à prendre en compte est le code de langue et de pays. La référence à utiliser est claire : les codes de langue ISO 639-1 à deux lettres et les codes de pays et de région ISO 3166-1 alpha-2.
Avec ces informations, ton attribut hreflang ressemblerait à ceci :
<link rel="alternate" href="" hreflang="en" />
<link rel="alternate" href="" hreflang="es" />
<link rel="alternate" href="" hreflang="pt" />
Un aspect important à prendre en compte est que, pour chaque attribut, hreflang Vous devez inclure une référence à toutes les pages qui constituent des alternatives, ainsi qu’une autoréférence. Pourquoi ? Parce que si vous ne le faites pas, les moteurs de recherche comme Google peuvent ignorer vos balises hreflang.
Une autre situation à laquelle vous pouvez être confronté est celle où plusieurs pays parlent la même langue. Par exemple, si vous indiquez le Portugal dans le tag, mais que vous ne mentionnez pas du tout le Brésil, il se peut que du contenu en anglais s'affiche pour les utilisateurs brésiliens. C'est pourquoi il est important d'ajouter toutes les références susceptibles d'avoir une incidence sur votre activité à l'international.
Voici un exemple illustrant à quoi ressembleraient ces attributs hreflang avec les indications de langue et de pays :
<link rel="alternate" href="" hreflang="pt-pt" />
<link rel="alternate" href="" hreflang="pt-br" />
N'oublie pas le tag x-default
Un élément qu'il ne faut surtout pas négliger est la balise x-par défaut. Elle sert à indiquer la page à afficher lorsqu'aucune autre version locale n'est enregistrée. Ainsi, dans cette balise, nous précisons quelle est la page d'accueil, de sorte que les utilisateurs se trouvant dans des localisations non enregistrées soient redirigés vers cette page.
Voici un exemple :
<link rel="alternate" href="" hreflang="en-us" />
<link rel="alternate" href="" hreflang="es-es" />
<link rel="alternate" href="" hreflang="pt-pt" />
<link rel="alternate" href="" hreflang="pt-br" />
<link rel="alternate" href="" hreflang="x-default" />
Où faut-il placer la balise hreflang ?
Nous allons maintenant examiner plus en détail les trois façons dont nous pouvons mettre en œuvre la balise hreflang sur notre site web.
Balise hreflang dans le code HTML
La première façon de mettre en œuvre l'attribut hreflang consiste à utiliser le HTML. Comment procéder ? Une fois que vous l'avez rédigé, vous devez le copier dans la section de la page. N'oubliez pas que chaque version d'un article doit faire référence à elle-même. Sinon, nous savons bien que Google et les autres moteurs de recherche risquent d'ignorer votre signal.
Le problème, c'est que cette méthode peut prendre beaucoup de temps. Par exemple, chaque fois que vous traduisez un article dans une autre langue, vous devrez revenir en arrière et ajouter la nouvelle balise hreflang à toutes les versions précédentes. Comme nous l'avons dit, cela peut s'avérer très fastidieux et donner lieu à des erreurs susceptibles d'avoir des conséquences sur notre positionnement.
Balise hreflang dans l'en-tête HTTP
Pourquoi implémenter la balise hreflang dans l'en-tête HTTP ? Parce que c'est l'endroit idéal pour les contenus non HTML, comme les PDF, par exemple. En effet, cet en-tête HTTP assure le transfert de données entre un serveur et un client. Par exemple, des informations telles que la date de la requête, l'expéditeur ou la langue préférée y sont échangées.
Le problème de cette méthode est qu'elle peut surcharger le serveur. C'est pourquoi il est recommandé de ne l'utiliser qu'en cas de stricte nécessité, en laissant de côté le contenu HTML, qui peut être balisé d'autres manières.
Voici tout de même à quoi devrait ressembler votre code pour implémenter l'en-tête HTTP :
Lien : ; rel="alternate" ; hreflang="en", ; rel="alternate" ; hreflang="es", ; rel="alternate"; hreflang="pt"
Lire aussi Comment créer un blog avec WordPress.
Balise hreflang dans le plan du site XML
Pour finir, nous te présentons la meilleure solution pour intégrer la balise hreflang à ton site web : le fichier XML de plan du site. En gros, ce fichier sert à fournir des informations aux moteurs de recherche comme Google. Il s'agit d'un fichier unique que l'on envoie à ces moteurs de recherche autant de fois que l'on souhaite.
Le grand avantage du plan de site XML est qu'il nous évite d'avoir à modifier plusieurs fichiers à chaque fois que nous effectuons une modification. Ainsi, toutes les modifications sont effectuées à partir d'un seul et même fichier, ce qui simplifie considérablement la procédure.
À ce stade, sachez que l'élément sert à ajouter chacune des URL, tandis que l'élément xhtml:link est utilisé pour chaque version linguistique et régionale de la page. Voici à quoi ressemblerait l'attribut hreflang dans notre plan de site XML :
<url>
://example.com
<xhtml:link rel="alternate" hreflang="en-us"
href="://example.com" />
<xhtml:link rel="alternate" hreflang="es-es"
href="" />
<xhtml:link rel="alternate" hreflang="pt-br"
href="" />
</url>
<url>
<loc><https://example.com/es/></loc>
<xhtml:link rel="alternate" hreflang="en-us"
href="://example.com" />
<xhtml:link rel="alternate" hreflang="es-es"
href="" />
<xhtml:link rel="alternate" hreflang="pt-br"
href="" />
</url>
<url>
<loc><https://example.com/pt/></loc>
<xhtml:link rel="alternate" hreflang="en-us"
href="://example.com" />
<xhtml:link rel="alternate" hreflang="es-es"
href="" />
<xhtml:link rel="alternate" hreflang="pt-br"
href="" />
</url>
</urlset>
Problèmes liés à la balise hreflang
Il existe aujourd’hui des outils qui surveillent votre site web et vous signalent les erreurs techniques en quelques minutes. Par exemple, Semrush propose des sections où vous pouvez analyser et identifier vos erreurs, ainsi que leurs causes et leurs solutions. C’est pourquoi nous allons vous présenter ci-dessous une liste des problèmes les plus fréquents.
L'objectif est que vous en preniez conscience et que vous sachiez où chercher lorsque vous constatez qu'il se passe quelque chose d'inhabituel.
- Problèmes liés aux attributs hreflang : l'une des principales erreurs réside dans le fait que les codes de pays ou de langue ne sont pas correctement indiqués.
- Hrelang sans référence à soi-même : comme nous l'avons dit, vous devez inclure une référence à soi-même sur chaque page afin de ne pas induire Google en erreur.
- Liens incorrects dans hreflang : il peut arriver qu'un lien renvoie vers une page qui ne fonctionne pas ou qui a été redirigée.
- Conflit entre les balises hreflang et rel=canonical : la balise canonical indique toujours, via le code HTML, quelle est la version principale de la page en cas de doublons. Si l'attribut hreflang fait référence à une URL non canonique, Google considère qu'il y a un conflit à résoudre.
Español 
English (UK) 
Français