Comment utiliser les balises hreflang ?

Vous possédez un site web en plusieurs langues ou visez des clients à l’international ? Alors, la balise hreflang est votre alliée incontournable. Conçue pour le SEO international et les sites multilingues, cette balise HTML indique aux moteurs de recherche quelle langue et quelle région cible chaque page de votre site. Dans cet article pédagogique, nous allons découvrir comment utiliser les balises hreflang efficacement, étape par étape. Des débutants en référencement aux e-commerçants confirmés, tout le monde y trouvera des conseils pratiques pour optimiser un site multilingue, éviter les erreurs courantes et améliorer son référencement international. Suivez le guide !

Qu’est-ce que la balise hreflang ?

La balise hreflang est un attribut HTML (souvent appelé « balise hreflang » par simplification) qui sert à signaler la langue et éventuellement la région cible d’une page web. Plus précisément, elle se présente généralement sous la forme d’une balise <link> dans le code HTML avec l’attribut hreflang spécifiant un code langue et pays.

Par exemple :

<link rel="alternate" hreflang="fr" href="https://www.monsite.com/fr/page.html" />

Dans cet exemple, on indique qu’il existe une version française de la page. Concrètement, les balises hreflang relient entre elles des pages au contenu similaire mais destinées à des publics différents en fonction de leur langue et/ou de leur localisation. Cela permet à Google et aux autres moteurs de recherche de comprendre qu’une page donnée est la version anglaise, française, espagnole, etc., d’un même contenu. Ainsi, lorsqu’un internaute effectue une recherche, le moteur peut proposer la version la plus adaptée linguistiquement (et géographiquement) dans les résultats.

En résumé, la balise hreflang sert de panneau indicateur linguistique pour vos pages. Elle aide à s’assurer que le bon utilisateur voie la bonne version de votre site : un visiteur anglophone verra la page en anglais, tandis qu’un francophone verra la version française, sans effort supplémentaire de sa part.

Pourquoi utiliser les balises hreflang en SEO ?

Mettre en place les balises hreflang sur un site multilingue présente plusieurs avantages essentiels :

• Amélioration de l’expérience utilisateur : En affichant directement la page dans la langue de l’utilisateur, on évite au visiteur de changer de langue manuellement ou de tomber sur un contenu qu’il ne comprend pas. Un utilisateur satisfait qui trouve d’emblée un contenu dans sa langue aura tendance à rester sur le site plus longtemps, réduisant ainsi le taux de rebond. Une meilleure expérience utilisateur se traduit souvent par un impact positif sur le SEO (les utilisateurs restent sur la page, consultent d’autres pages, etc.). En e-commerce, cela peut faire la différence entre un client qui achète ou qui quitte le site parce qu’il n’a pas la bonne langue ou la bonne devise.

 

• SEO international optimisé : Les balises hreflang envoient à Google un signal fort indiquant qu’une page est une version alternative linguistique d’une autre page. Cela aide le moteur à mieux comprendre la structure multilingue de votre site (site multilingue ou multi-régional) et à présenter la page la plus pertinente aux utilisateurs dans chaque marché. Par exemple, si votre site propose des versions en français (pour la France) et en anglais (pour les USA), le hreflang permettra à Google de présenter la page française sur google.fr et la page anglaise sur google.com, évitant qu’une version « étrangère » n’apparaisse par erreur. Cette ciblage géolinguistique améliore la visibilité de chaque version locale dans son pays cible.

 

• Réduction des risques de duplication de contenu : Un défi du SEO multilingue est que plusieurs pages dans différentes langues peuvent avoir un contenu très similaire (par exemple la description d’un même produit traduit). Sans balise hreflang, Google pourrait les considérer comme du contenu dupliqué ou ne pas savoir quelle page afficher. Le hreflang dissipe cette ambiguïté en indiquant que ces pages sont liées entre elles par la langue, ce qui prévient d’éventuels problèmes de contenu dupliqué d’un point de vue international. Attention toutefois : hreflang n’est pas une solution miracle au contenu dupliqué. Si deux pages dans la même langue ciblent des pays différents (par exemple français France vs français Canada) et qu’elles sont quasi identiques, le hreflang aidera Google à les servir au bon public, mais ne les empêchera pas de concurrencer l’une l’autre dans les résultats. Il faut donc combiner hreflang avec d’autres optimisations (comme des balises canonical appropriées et une stratégie de contenu locale) pour bien gérer les contenus similaires.

 

• Partage des signaux SEO entre versions linguistiques : Bien implémenté, hreflang peut contribuer à une meilleure répartition des signaux SEO (autorité, pertinence…) entre vos pages localisées. Google comprend que ces pages sont liées, ce qui peut aider une nouvelle version linguistique à bénéficier en partie de la réputation des versions déjà établies. Par exemple, si votre site anglais a accumulé de bons backlinks et que vous lancez la version espagnole, indiquer cette relation via hreflang peut faciliter l’indexation et le positionnement de la nouvelle page en partageant les signaux positifs. Ce n’est pas un transfert de “juice” aussi direct qu’une redirection, mais c’est un levier indirect de référencement international à ne pas négliger.

Cas particulier : l’e-commerce multilingue

Pour les sites e-commerce, l’utilisation de hreflang est presque indispensable dès lors que votre boutique en ligne vise plusieurs pays ou langues. Imaginons un marchand qui dispose d’un site en français et d’un site en anglais : sans hreflang, il se peut qu’un utilisateur québécois voie dans Google la version anglaise du site alors qu’une version française existe, ce qui pourrait le décourager. Avec hreflang, chaque clientèle est redirigée vers le bon site : les internautes au Canada verront la version française Canada (ou une version par défaut en français), les internautes aux USA verront la version anglaise, etc. Pour un e-commerçant, c’est un gage de confiance et de conversion : l’acheteur arrive directement sur un site qui parle sa langue et affiche les bons produits, la bonne devise et les conditions adaptées à son pays.

En outre, hreflang permet d’éviter que deux versions d’une même fiche produit (par exemple FR et EN) ne se fassent concurrence en ligne. Chacune aura son marché, et Google le comprendra. Bien sûr, il faudra aussi penser à adapter d’autres éléments (comme le SEO on-page, les descriptions produits locales, les données structurées locales, etc.), mais hreflang est la pierre angulaire du référencement international d’une boutique en ligne.

Comment implémenter les balises hreflang ?

Passons à la pratique : comment utiliser ces fameuses balises hreflang sur votre site web ? Suivez ces étapes, en choisissant la méthode la plus adaptée à votre cas. Selon les recommandations de Google, il existe trois méthodes principales pour implémenter hreflang :

1. Dans le code HTML de vos pages (balises <link> insérées dans la section <head> de chaque page).
2. Dans les en-têtes HTTP (lorsque le contenu n’est pas en HTML, par exemple pour des PDF ou des fichiers non-HTML).
3. Dans le fichier Sitemap XML de votre site (déclaration centralisée des équivalences linguistiques pour chaque URL).

Nous allons détailler chacune de ces méthodes.

1. Balises hreflang dans le code HTML (section <head>)

C’est la méthode la plus courante. Il s’agit d’insérer, dans la partie <head> du code HTML de chaque page, des balises  <link rel="alternate" hreflang="xx" href="URL" /> pour chaque version alternative de la page.

Comment faire ? Pour chaque page de votre site qui a des équivalents dans d’autres langues, ajoutez une balise <link> par version disponible, y compris pour elle-même. Par exemple, si vous avez une page d’accueil disponible en français, anglais et allemand :

• Sur la page française (/fr/), on inclura trois balises : une pour l’URL FR, une pour l’URL EN, une pour l’URL DE.
• Sur la page anglaise (/en/), trois balises également (FR, EN, DE).
• Sur la page allemande (/de/), trois balises de même.

Chacune de ces pages se référence elle-même et référence les deux autres. Voici à quoi ressemblerait le code HTML dans le <head> de la page française dans cet exemple :

<link rel="alternate" hreflang="fr" href="https://www.monsite.com/fr/" />  
<link rel="alternate" hreflang="en" href="https://www.monsite.com/en/" />  
<link rel="alternate" hreflang="de" href="https://www.monsite.com/de/" />
<link rel="alternate" hreflang="x-default" href="https://www.monsite.com/" />

En décortiquant ces lignes :

• La première ligne indique la version française (hreflang="fr"), qui est la page elle-même (auto-référence). Ce n’est pas obligatoire dans tous les cas, mais il est fortement recommandé d’inclure une balise hreflang pointant vers l’URL courante (Google préconise une auto-référence hreflang pour confirmer la relation).
• Les lignes suivantes indiquent qu’il existe une version en anglais (en) et en allemand (de). On pourrait préciser des codes régionaux plus fins si nécessaire (par ex. en-GB pour anglais Grande-Bretagne vs en-US pour USA).
• La dernière ligne avec hreflang="x-default" pointe vers une URL « par défaut » (généralement la page d’accueil globale ou une page neutre) à servir si aucune des langues précédentes ne correspond à la requête de l’internaute. x-default est optionnelle mais recommandée lorsqu’on a une page qui sert de portail ou de choix de langue.

Cette méthode HTML a l’avantage d’être simple à implémenter sur un site de taille modeste. En revanche, sur un site avec de très nombreuses langues, cela peut alourdir le code source, car chaque page devra lister toutes les autres versions (imaginez un site disponible en 10 langues, cela fait 10 lignes de plus dans le <head> de chaque page). Cela reste tout de même la solution la plus directe et la plus transparente.

2. Balises hreflang dans l’en-tête HTTP

La deuxième méthode consiste à envoyer les informations hreflang via l’en-tête HTTP, plutôt qu’insérées dans le HTML. C’est utile notamment pour les fichiers qui ne sont pas du HTML (par exemple, si vous proposez en téléchargement un PDF en plusieurs langues, vous ne pouvez pas éditer un <head> HTML dans le PDF, donc vous passerez par l’en-tête HTTP).

Concrètement, il s’agit d’ajouter une ligne Link dans la réponse HTTP de la ressource, avec les URLs alternatives. La syntaxe ressemble à ceci :

Link: <URL_1>; rel="alternate"; hreflang="xx-XX", <URL_2>; rel="alternate"; hreflang="yy-YY", ...

On liste ainsi, dans l’en-tête, chaque URL alternative séparée par des virgules. Chaque entrée comporte l’URL entre < >, suivie de rel="alternate" et du hreflang correspondant. Par exemple, pour nos pages en FR, EN, DE, l’en-tête HTTP d’une de ces pages pourrait contenir :

Link: <https://www.monsite.com/fr/>; rel="alternate"; hreflang="fr", 
      <https://www.monsite.com/en/>; rel="alternate"; hreflang="en", 
      <https://www.monsite.com/de/>; rel="alternate"; hreflang="de"

Cette méthode, plus technique, a l’avantage de décharger le code HTML (puisque tout se passe dans l’en-tête HTTP). Elle est également idéale pour les ressources non-HTML. Cependant, elle nécessite de pouvoir configurer le serveur web ou le système de gestion de contenu pour ajouter ces headers. Assurez-vous également de bien l’appliquer sur chaque variante linguistique concernée, et pas seulement sur une page.

3. Balises hreflang via un Sitemap XML

Enfin, la troisième voie consiste à utiliser votre fichier Sitemap XML pour y inscrire les équivalences hreflang. Google permet en effet de définir, dans le sitemap, les versions alternatives d’une URL. Cela se fait en regroupant les liens d’une même famille linguistique ensemble. Par exemple :

<url>
  <loc>https://www.monsite.com/fr/</loc>
  <xhtml:link rel="alternate" hreflang="fr" href="https://www.monsite.com/fr/" />
  <xhtml:link rel="alternate" hreflang="en" href="https://www.monsite.com/en/" />
  <xhtml:link rel="alternate" hreflang="de" href="https://www.monsite.com/de/" />
</url>

Dans cet extrait de sitemap, on a un bloc <url> pour la page française, et à l’intérieur on liste, via des balises <xhtml:link>, les différentes versions (fr, en, de). Chaque bloc de ce type devra être répété pour chaque URL du site qui a des alternatives. Le sitemap peut ainsi centraliser toutes les infos hreflang, ce qui est pratique pour maintenance (on sait que tout est dans un seul fichier).

Les avantages de cette méthode : pas de code à ajouter sur le site même, et un sitemap potentiellement plus facile à maintenir à jour (surtout si votre CMS génère le sitemap automatiquement). En revanche, attention : si vous optez pour la méthode sitemap, il faut bien tenir ce fichier à jour à chaque ajout de nouvelle langue ou de nouvelle page traduite, sous peine d’avoir des incohérences. De plus, ne mélangez pas cette approche avec l’approche HTML pour les mêmes pages, car cela peut devenir redondant ou source d’erreurs.

Note : Vous pouvez choisir l’une ou l’autre de ces trois méthodes, en fonction de vos besoins et de vos capacités techniques, mais ne les combinez pas pour une même URL. Par exemple, inutile de déclarer des hreflang dans le HTML et dans le sitemap pour la même page ; une seule méthode bien appliquée suffit. Google lira les deux si présents, mais cela complexifie inutilement la gestion. L’important est surtout de respecter scrupuleusement la syntaxe et les correspondances entre pages.

Bonnes pratiques et erreurs à éviter

Implémenter hreflang peut sembler simple sur le papier, mais de nombreuses erreurs courantes peuvent réduire à néant vos efforts. Voici les meilleures pratiques à respecter et les erreurs fréquentes à éviter :

• Toujours utiliser des liens réciproques : C’est LA règle d’or du hreflang. Si la page A indique une balise hreflang vers la page B, alors la page B doit aussi avoir une balise hreflang pointant vers la page A. Toutes les pages d’un même groupe linguistique doivent se référencer mutuellement, y compris elles-mêmes. Si les liens ne sont pas réciproques, Google les ignorera purement et simplement. N’oubliez donc pas l’auto-référence et la symétrie des balisages.

 

• Utiliser les codes langue/pays conformes : Les valeurs de hreflang doivent respecter le format ISO 639-1 pour la langue (deux lettres, ex. “fr” pour français, “en” pour anglais) et ISO 3166-1 alpha-2 pour le pays (deux lettres, ex. “FR” pour France, “CA” pour Canada). Par exemple, hreflang="en-US" pour anglais – États-Unis, hreflang="fr-CA" pour français – Canada. N’utilisez pas de codes fantaisistes ou de variantes non reconnues. Si vous ciblez seulement la langue sans particularité régionale, vous pouvez mettre simplement hreflang="es" (pour l’espagnol, toutes régions confondues). En cas de doute, reportez-vous à la documentation ou aux listes ISO officielles. Une faute de code (ex: « eng » au lieu de « en ») rendra la balise inefficace.

 

• Ne pas oublier x-default le cas échéant : Si vous avez une page qui sert de choix de langue ou une page générale pour les utilisateurs dont la langue n’est pas explicitement gérée, pensez à ajouter une balise avec hreflang="x-default". Cela indique à Google quelle page afficher par défaut pour les utilisateurs “autres”. Typiquement, la page d’accueil internationale ou une page qui redirige vers la langue appropriée peut être marquée en x-default. Sans cette valeur, Google pourrait choisir arbitrairement une des versions, ce qui n’est pas toujours optimal.

 

• S’assurer que les pages ciblées sont indexables : Si vos balises hreflang pointent vers des pages non indexées (par exemple avec une meta noindex ou bloquées par le robots.txt), vous aurez des erreurs. Google ne pourra pas valider la relation hreflang car la page de destination n’est pas accessible pour l’indexation. Évitez donc de mettre des hreflang vers des pages qui ne doivent pas apparaître dans les résultats de recherche. De même, chaque page du groupe doit avoir une URL canonique cohérente (généralement elle-même). N’utilisez pas hreflang pour pointer vers des URL canoniques différentes ou redirigées : idéalement, utilisez toujours l’URL finale et canonique de chaque page dans les attributs href.

 

• Ne pas mélanger les méthodes : Comme mentionné plus haut, choisissez une seule méthode d’implémentation pour vos balises hreflang et tenez-vous-en à celle-ci sur l’ensemble du site. Mixer des balises HTML et du sitemap, ou du header HTTP en plus des balises HTML, peut devenir source de confusion. Cela ne renforcera pas votre signal hreflang et rendra la maintenance plus complexe. Gardez une approche cohérente.

 

• Surveiller l’apparition d’erreurs dans Search Console : Google Search Console (dans son ancien rapport “Ciblage international”) permettait de détecter les erreurs de balises hreflang (liens manquants, erronés, non réciproques, etc.). Ce rapport dédié a été déprécié fin 2022, mais Search Console continue de signaler certaines anomalies (par exemple via l’onglet Couverture ou les rapports d’erreurs sur les sitemaps). Utilisez également des outils SEO spécialisés ou des crawlers (comme Oncrawl, Screaming Frog, etc.) pour auditer vos hreflang. En un coup d’œil, vous verrez si certaines pages manquent de retour de lien hreflang, si des codes langue sont invalides ou si des URL ne correspondent pas. N’hésitez pas à effectuer ces vérifications après chaque déploiement majeur.

 

(Illustration ci-dessus : “The Most Common Hreflang Issues” par Ahrefs, 2023. Par exemple, 56,3% des sites analysés n’avaient pas de balise x-default, 18% avaient omis la balise hreflang auto-référencée, 15,3% présentaient des liens non réciproques, etc. Ces erreurs peuvent diminuer l’efficacité de votre implémentation.)

En respectant ces bonnes pratiques, vous mettrez toutes les chances de votre côté pour que votre stratégie SEO multilingue porte ses fruits. Implémenter correctement hreflang peut être un peu technique, mais c’est un investissement qui en vaut la peine pour rassurer Google sur la structure internationale de votre site.

 

N’attendez plus, passez à l’action !

Maîtriser les balises hreflang est un passage obligé pour toute stratégie de SEO multilingue réussie. Grâce à ce guide, vous connaissez désormais la théorie, les méthodes d’implémentation et les écueils à éviter. Il ne vous reste plus qu’à passer à l’action ! Commencez par auditer votre site : avez-vous des pages en plusieurs langues sans balisage hreflang ? Si oui, implémentez ces balises pour indiquer clairement vos cibles linguistiques. Si vous lancez un nouveau site international, intégrez d’emblée le hreflang dans votre check-list de déploiement.

En appliquant ces conseils, vous allez améliorer la visibilité de votre site auprès de chaque marché local et offrir une expérience utilisateur sur mesure à vos visiteurs du monde entier. N’hésitez pas à monitorer les résultats et à ajuster si besoin. Et en cas de doute ou de projet SEO international ambitieux, faites-vous accompagner par un expert du domaine – un œil avisé saura vous guider pour tirer le meilleur parti des balises hreflang.

 

Qu’est-ce que la balise hreflang ?

La balise hreflang est un attribut HTML (sous forme de balise ) qui indique aux moteurs de recherche la langue et la région cible d’une page web. En d’autres termes, c’est un tag qui sert à lier entre elles les versions linguistiques d’un même contenu pour que Google affiche la page appropriée selon la localisation ou la langue de l’internaute.

Où insérer les balises hreflang sur mon site ?

Vous pouvez insérer les balises hreflang directement dans le code HTML de vos pages (dans la sectionde chaque page), ou bien les fournir via l’en-tête HTTP, ou encore les regrouper dans votre fichier sitemap XML. La méthode HTML est la plus répandue pour les sites web classiques. Assurez-vous dans tous les cas que chaque page linguistique mentionne toutes les autres versions (y compris elle-même) pour que les liens soient réciproques.

Faut-il utiliser la valeur x-default ?

L’attribut hreflang='x-default' est recommandé si vous avez une page qui sert de version générique ou de page de sélection de langue. Par exemple, si un utilisateur arrive sur votre domaine principal et doit choisir une langue, cette page d’aiguillage peut être marquée en x-default. Ce n’est pas “obligatoire” au sens strict, mais c’est une bonne pratique dès que vous avez une page qui n’est pas dédiée à un pays/langue en particulier. Elle évite qu’un utilisateur ne sachant pas où aller se voit proposer une version inadaptée par défaut.

Comment tester que mes balises hreflang fonctionnent ?

Plusieurs solutions : vous pouvez utiliser Google Search Console (bien que le rapport dédié hreflang n’existe plus, certains outils tiers comme l’outil d’inspection d’URL peuvent aider). Des logiciels de crawl SEO ou des outils en ligne permettent de simuler le comportement de Googlebot et de repérer les erreurs hreflang (liens manquants, incohérences). Enfin, vous pouvez effectuer des recherches manuelles en ajoutant des paramètres de langue/région dans l’URL de Google (par exemple, rechercher site:monsite.com sur google.fr puis sur google.com pour voir quelle version ressort, ou utiliser &hl=fr dans l’URL de recherche Google). Si tout est correct, vos différentes versions devraient apparaître prioritairement dans leurs zones linguistiques respectives. En cas de doute, un audit SEO spécialisé pourra vous apporter une confirmation.

La balise hreflang améliore-t-elle le référencement naturel ?

Indirectement oui, la hreflang améliore votre référencement international en évitant des erreurs d’orientation des utilisateurs et en s’assurant que chaque audience reçoit le contenu dans sa langue. Ce n’est pas un facteur de ranking direct (ce n’est pas parce que vous mettez hreflang que votre site va grimper d’un coup dans les résultats). En revanche, elle empêche des problèmes (comme un visiteur allemand qui se retrouve sur la page en italien faute d’indication) qui pourraient nuire à l’expérience utilisateur et donc, à terme, à vos performances SEO. De plus, en aidant Google à mieux comprendre votre site, vous mettez toutes les chances de votre côté pour qu’il indexe et positionne correctement chacune de vos versions localisées.

​