Hreflang : guide complet pour bien configurer vos balises
Tout savoir sur les balises hreflang : syntaxe, implementation, erreurs courantes et outils de validation pour un SEO international reussi.
Hreflang : guide complet pour bien configurer vos balises
Qu’est-ce que la balise hreflang et pourquoi est-elle indispensable
La balise hreflang est un attribut HTML qui indique aux moteurs de recherche la langue et, optionnellement, la region geographique ciblee par une page web. Introduite par Google en 2011, elle est devenue un element incontournable du SEO international.
Son role principal est double :
- Eviter le contenu duplique : lorsque vous avez plusieurs versions d’une meme page dans differentes langues, hreflang indique a Google qu’il s’agit de versions alternatives et non de copies
- Afficher la bonne version : elle garantit que les utilisateurs francophones voient la version francaise de votre site dans les resultats de Google, et non la version anglaise ou espagnole
Sans balises hreflang correctement configurees, Google peut choisir d’indexer la mauvaise version de vos pages, ce qui se traduit par une perte de trafic organique significative sur vos marches cibles.
Qui doit implementer hreflang ?
Les balises hreflang sont necessaires si votre site repond a l’un de ces criteres :
- Vous avez des pages dans plusieurs langues
- Vous ciblez differents pays avec la meme langue (francais pour la France, le Canada, la Belgique)
- Vous avez des variations regionales de contenu (anglais americain vs anglais britannique)
La syntaxe hreflang en detail
Le format de base
La syntaxe hreflang suit un format precis utilisant les codes de langue ISO 639-1 et, optionnellement, les codes pays ISO 3166-1 Alpha 2 :
<link rel="alternate" hreflang="[code-langue]-[code-pays]" href="[URL]" />Exemples :
hreflang="fr": francais, toutes regionshreflang="fr-FR": francais pour la Francehreflang="fr-CA": francais pour le Canadahreflang="en-US": anglais pour les Etats-Unishreflang="pt-BR": portugais pour le Bresil
La valeur x-default
La valeur x-default designe la page par defaut a afficher lorsqu’aucune version linguistique ne correspond a la langue ou au pays de l’utilisateur :
<link rel="alternate" hreflang="x-default" href="https://exemple.com/" />Cette balise est particulierement utile pour diriger les utilisateurs vers une page de selection de langue ou vers une version par defaut (generalement en anglais).
Les regles essentielles
Pour que vos balises hreflang fonctionnent correctement, respectez ces regles :
- Auto-reference obligatoire : chaque page doit se referencer elle-meme dans ses annotations hreflang
- Reciprocite : si la page A pointe vers la page B, la page B doit aussi pointer vers la page A
- URLs absolues : utilisez toujours des URLs completes, jamais des URLs relatives
- Codes valides : utilisez uniquement les codes ISO officiels
- Coherence : toutes les pages d’un ensemble hreflang doivent pointer vers les memes URLs
Les trois methodes d’implementation
Methode 1 : Balises HTML dans le <head>
C’est la methode la plus courante et la plus simple a mettre en place. Les balises sont ajoutees dans la section <head> de chaque page :
<head>
<link rel="alternate" hreflang="fr" href="https://exemple.com/fr/page" />
<link rel="alternate" hreflang="en" href="https://exemple.com/en/page" />
<link rel="alternate" hreflang="de" href="https://exemple.com/de/page" />
<link rel="alternate" hreflang="x-default" href="https://exemple.com/en/page" />
</head>Avantages : facile a implementer, visible dans le code source Inconvenients : alourdit le code HTML, peu pratique pour les sites avec de nombreuses langues
Methode 2 : En-tetes HTTP
Pour les documents non-HTML (PDF, fichiers telechargeables), vous pouvez utiliser les en-tetes HTTP :
Link: <https://exemple.com/fr/doc.pdf>; rel="alternate"; hreflang="fr",
<https://exemple.com/en/doc.pdf>; rel="alternate"; hreflang="en"Avantages : fonctionne pour tous les types de fichiers Inconvenients : necessite un acces a la configuration serveur
Methode 3 : Sitemap XML
Pour les sites volumineux, l’implementation via le sitemap est recommandee :
<url>
<loc>https://exemple.com/fr/page</loc>
<xhtml:link rel="alternate" hreflang="fr" href="https://exemple.com/fr/page" />
<xhtml:link rel="alternate" hreflang="en" href="https://exemple.com/en/page" />
<xhtml:link rel="alternate" hreflang="de" href="https://exemple.com/de/page" />
<xhtml:link rel="alternate" hreflang="x-default" href="https://exemple.com/en/page" />
</url>Avantages : centralise la gestion, n’alourdit pas le code HTML, ideal pour les grands sites Inconvenients : mise a jour du sitemap necessaire a chaque modification
Les erreurs courantes et comment les eviter
Erreur 1 : Oublier l’auto-reference
C’est l’erreur la plus frequente. Chaque page doit se referencer elle-meme dans ses annotations hreflang. Si votre page francaise ne se liste pas dans son propre ensemble hreflang, Google peut ignorer l’ensemble des annotations.
Incorrect :
<!-- Sur la page francaise -->
<link rel="alternate" hreflang="en" href="https://exemple.com/en/page" />Correct :
<!-- Sur la page francaise -->
<link rel="alternate" hreflang="fr" href="https://exemple.com/fr/page" />
<link rel="alternate" hreflang="en" href="https://exemple.com/en/page" />Erreur 2 : Liens non reciproques
Si la page A pointe vers la page B mais que la page B ne pointe pas vers la page A, Google considere l’annotation comme invalide.
Verifiez systematiquement que toutes les versions linguistiques d’une page se referencent mutuellement.
Erreur 3 : Codes de langue incorrects
Certains codes sont souvent confondus :
zh-CN(chinois simplifie) vszh-TW(chinois traditionnel)pt-BR(portugais bresilien) vspt(portugais europeen)en-USvsen-GB: si vous ne ciblez pas un pays specifique, utilisez simplementen
N’utilisez jamais de codes de langue inventes ou non standardises.
Erreur 4 : URLs avec redirections
Les URLs referencees dans les balises hreflang ne doivent pas rediriger vers d’autres pages. Si https://exemple.com/fr/page redirige vers https://exemple.com/fr/page/, la balise hreflang sera ignoree.
Erreur 5 : Melanger hreflang et canonical
La balise canonical et la balise hreflang doivent etre coherentes. Chaque version linguistique doit avoir sa propre canonical pointant vers elle-meme, et non vers la version dans une autre langue.
Incorrect :
<!-- Sur la page francaise -->
<link rel="canonical" href="https://exemple.com/en/page" />Correct :
<!-- Sur la page francaise -->
<link rel="canonical" href="https://exemple.com/fr/page" />Valider votre implementation hreflang
Les outils de validation
Plusieurs outils permettent de verifier la validite de vos balises hreflang :
- Google Search Console : dans le rapport “Ciblage international”, identifiez les erreurs hreflang detectees par Google
- Ahrefs Site Audit : detecte automatiquement les erreurs hreflang lors d’un crawl de votre site
- Screaming Frog : permet de crawler votre site et de generer un rapport complet des annotations hreflang
- Hreflang Tags Testing Tool : outil en ligne gratuit pour verifier la validite de vos balises sur une page donnee
- Merkle Hreflang Tag Generator : aide a generer les balises correctement
La checklist de validation
Avant de mettre en ligne votre implementation hreflang, verifiez les points suivants :
- Chaque page se reference elle-meme
- Toutes les references sont reciproques
- Les codes de langue sont valides (ISO 639-1)
- Les codes pays sont valides (ISO 3166-1 Alpha 2)
- Les URLs sont absolues et sans redirection
- La balise x-default est presente
- Les balises canonical sont coherentes
- Le sitemap XML est a jour (si implementation via sitemap)
Implementation par CMS
WordPress
Avec WordPress, plusieurs plugins facilitent la gestion hreflang :
- WPML : le plugin le plus utilise pour les sites multilingues WordPress, gere automatiquement les hreflang
- Polylang : alternative gratuite a WPML avec gestion hreflang integree
- Yoast SEO Premium : inclut un module de gestion hreflang
Shopify
Shopify Markets gere automatiquement les balises hreflang pour les boutiques multilingues. Verifiez cependant que l’implementation automatique correspond bien a votre strategie de ciblage.
Sites custom
Pour les sites developpes sur mesure, implementez une logique de generation automatique des balises hreflang basee sur votre arborescence de contenu. Evitez la gestion manuelle qui devient rapidement source d’erreurs a grande echelle.
Hreflang et les autres moteurs de recherche
Yandex
Yandex, le moteur de recherche russe, supporte les balises hreflang mais privilegie sa propre balise <meta> :
<meta http-equiv="Content-Language" content="fr" />Bing
Bing ne supporte pas les balises hreflang. Pour indiquer la langue et le pays cible de vos pages a Bing, utilisez la balise <meta> content-language et configurez le ciblage dans Bing Webmaster Tools.
Cas pratiques
Site e-commerce multilingue
Pour un site e-commerce vendant dans 5 pays (France, Allemagne, Espagne, Italie, Royaume-Uni), chaque fiche produit necessite 5 annotations hreflang plus la valeur x-default. Avec un catalogue de 1 000 produits, cela represente 6 000 annotations a gerer. L’implementation via sitemap XML est ici fortement recommandee.
Blog multilingue
Pour un blog publie en 3 langues, chaque article traduit doit etre lie a ses versions alternatives. Attention aux articles qui n’existent que dans certaines langues : ne creez pas de hreflang vers des pages inexistantes.
Site avec variantes regionales
Pour un site ciblant le francais de France, du Canada et de Belgique, les annotations doivent distinguer les variantes :
<link rel="alternate" hreflang="fr-FR" href="https://exemple.com/fr-fr/" />
<link rel="alternate" hreflang="fr-CA" href="https://exemple.com/fr-ca/" />
<link rel="alternate" hreflang="fr-BE" href="https://exemple.com/fr-be/" />
<link rel="alternate" hreflang="x-default" href="https://exemple.com/" />Conclusion : une base technique indispensable
La configuration correcte des balises hreflang est un prerequis technique pour tout projet de SEO international. Bien qu’elle puisse paraitre complexe, une implementation rigoureuse evite les problemes de contenu duplique et garantit que vos pages apparaissent dans les bons resultats de recherche.
Make It Global integre la dimension SEO technique dans tous ses projets de localisation de sites web. Nous veillons a ce que vos contenus traduits soient non seulement linguistiquement parfaits, mais aussi techniquement optimises pour le referencement international, avec une attention particuliere portee aux balises hreflang et a la structure multilingue de votre site. Contactez-nous pour un audit de votre configuration SEO internationale.
Make It Global
Equipe editoriale
Articles similaires
Comment faire une recherche de mots-cles dans une autre langue
Comment faire une recherche de mots-cles dans une autre langue
Methodologie complete pour realiser une recherche de mots-cles internationale : outils, bonnes pratiques et erreurs a eviter pour votre SEO multilingue.
Google Search Console pour l'international : guide de configuration
Google Search Console pour l'international : guide de configuration
Apprenez a configurer Google Search Console pour votre site multilingue : ciblage international, hreflang, suivi des performances par pays et langue.
SEO multilingue : comment referencer votre site a l'international
SEO multilingue : comment referencer votre site a l'international
Guide complet du SEO multilingue : strategie, balises hreflang, structure de site, recherche de mots-cles et bonnes pratiques pour un referencement international.