Vous proposez le même contenu en plusieurs langues. Vous avez des versions de votre site pour différents pays. Sans balises hreflang, les moteurs de recherche s'y perdent. Ils voient plusieurs versions de la même page et ne savent pas laquelle s'adresse à quel public. Les balises hreflang indiquent aux moteurs quelle page correspond à quelle langue et quelle région. Elles évitent les problèmes de contenu dupliqué et garantissent que chaque visiteur voit la bonne version.
Que sont les balises hreflang ?
Les balises hreflang sont des liens HTML qui indiquent aux moteurs de recherche quelle page est destinée à quelle langue et quelle région. Elles ressemblent à ceci :
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/page">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
Cela dit aux moteurs : « Cette page est la version anglaise. Voici la version espagnole. Voici la version française. Montrez chaque version aux personnes qui parlent cette langue. »
Vous ajoutez les balises hreflang dans l'en-tête (head) de chaque page. Chaque version linguistique contient des balises qui pointent vers toutes les autres versions (y compris elle-même).
Pourquoi les balises hreflang comptent
Sans balises hreflang, les moteurs de recherche voient plusieurs pages au contenu proche ou identique. Ils peuvent indexer toutes les versions ou en choisir une au hasard. Les visiteurs peuvent tomber sur la mauvaise langue. Cela crée des problèmes de contenu dupliqué et de la confusion.
Les balises hreflang regroupent la puissance de classement. Au lieu de répartir l'autorité entre dix versions linguistiques, toutes les versions la partagent pour leur langue et leur région. Les visiteurs anglophones voient la version anglaise bien classée. Les visiteurs hispanophones voient la version espagnole bien classée.
Les balises hreflang améliorent l'expérience des visiteurs. Les hispanophones en Espagne voient la version espagnole. Les anglophones aux États-Unis voient la version en anglais américain. Chacun reçoit le contenu dans sa langue.
Comment structurer les balises hreflang
Utilisez des codes de langue (en, es, fr, de) ou des codes langue-région (en-US, en-GB, es-ES, es-MX).
Les codes de langue sont plus simples (en désigne n'importe quel anglais). Les codes langue-région sont plus précis (en-US désigne l'anglais américain, en-GB l'anglais britannique).
Si vous proposez de l'anglais à l'échelle mondiale, utilisez hreflang="en". Si vous visez précisément l'anglais américain, utilisez hreflang="en-US".
Ajoutez toujours une balise hreflang qui renvoie à la page elle-même. La version anglaise doit avoir hreflang="en" pointant vers elle-même. Cela indique aux moteurs : « voici la version anglaise principale ».
Ajoutez une balise x-default pour les visiteurs dont la langue ou la région n'est pas couverte. Exemple :
<link rel="alternate" hreflang="x-default" href="https://example.com">
Elle signifie : « si la langue du visiteur ne figure pas dans notre liste hreflang, montrez-lui cette version ».
Méthodes de mise en place
Les balises dans l'en-tête HTML sont la méthode la plus courante. Ajoutez des balises <link rel="alternate" hreflang="..."> dans l'en-tête de chaque page qui a des versions alternatives.
La méthode par sitemap : indiquez les informations hreflang dans votre sitemap XML. Chaque entrée d'URL peut lister ses versions alternatives.
La méthode par en-tête HTTP : envoyez les informations hreflang dans les en-têtes HTTP. Elle convient aux PDF et aux contenus non HTML.
La plupart des sites utilisent l'en-tête HTML, car c'est le plus simple. Si possible, utilisez votre CMS pour générer ces balises automatiquement.
Erreurs courantes avec hreflang
Oublier les balises qui renvoient à la page elle-même. Chaque page doit contenir une balise qui pointe vers elle-même. La page anglaise doit avoir hreflang="en" pointant vers elle-même.
Une mise en place incohérente. Si la page anglaise renvoie vers la version espagnole mais que la page espagnole ne renvoie pas vers l'anglaise, hreflang ne fonctionne pas. Toutes les versions doivent faire référence à toutes les autres.
De mauvais codes de langue. Écrire « english » au lieu de « en ». Écrire « US » au lieu de « en-US ». Utilisez les codes de langue ISO standard.
L'absence de x-default. Si votre site accueille des visiteurs de pays pour lesquels vous n'avez pas de version spécifique, ajoutez x-default pour leur montrer une version par défaut.
Pointer vers des URL non canoniques. Si hreflang pointe vers une URL qui n'est pas canonique, les moteurs peuvent ignorer la relation. Pointez toujours vers des URL canoniques.
Hreflang et paramètres de ciblage géographique
Les balises hreflang et le ciblage géographique de Google Search Console fonctionnent ensemble. Les balises hreflang indiquent aux moteurs quelle page correspond à quelle langue. Le ciblage géographique dans la Search Console indique à Google quel pays vous visez.
Si example.com/es/ s'adresse aux hispanophones d'Espagne, utilisez hreflang="es-ES" et définissez le ciblage géographique sur l'Espagne dans la Search Console.
Si example.com/es/ s'adresse aux hispanophones du monde entier, utilisez hreflang="es" et ne définissez pas de ciblage géographique par pays.
Questions fréquentes
Ai-je besoin de balises hreflang si j'utilise des domaines différents ?
Oui. Si vous avez example.com pour l'anglais et example.es pour l'espagnol, les balises hreflang indiquent aux moteurs que ce sont des versions liées. Sans hreflang, les moteurs les traitent comme des sites distincts. Avec hreflang, ils comprennent le lien et regroupent l'autorité correctement. Avec le créateur de site web de WEMASY, vous pouvez le mettre en place directement sur votre site.
Quelle différence entre hreflang et les balises canoniques ?
Les balises canoniques disent : « cette page et cette autre sont des doublons, classez celle-ci ». Les balises hreflang disent : « cette page et cette autre sont des versions dans d'autres langues, classez chacune pour sa langue ». Elles n'ont pas le même rôle. Utilisez canonical pour les doublons. Utilisez hreflang pour les variantes linguistiques.
Dois-je utiliser hreflang pour les variantes régionales d'une langue ?
Oui, si vous avez des versions différentes selon les régions. L'anglais des États-Unis, du Royaume-Uni et d'Australie sont assez différents pour justifier des versions distinctes. Utilisez hreflang="en-US", hreflang="en-GB", hreflang="en-AU" pour les différencier. Cela aide les moteurs à servir la bonne version à la bonne région.
Puis-je utiliser hreflang pour du contenu paginé ?
Non. Hreflang sert aux variantes de langue et de région, pas à la pagination. Un contenu paginé (page 1, page 2, page 3) n'est pas une version dans une autre langue. Utilisez plutôt rel="next" et rel="prev" pour la pagination. N'utilisez hreflang que pour les variantes de langue et de région.
Combien de balises hreflang chaque page doit-elle avoir ?
Une pour chaque version linguistique que vous proposez, plus x-default. Si vous avez des versions en anglais, en espagnol et en français, chaque page a trois balises hreflang (une par langue) plus x-default. Toutes les versions font référence à toutes les autres. Cela crée une relation dans les deux sens.
Hreflang va-t-il améliorer mon classement ?
Pas directement. Hreflang ne vous fait pas monter dans les résultats. Mais il évite les pénalités de contenu dupliqué et aide les moteurs à comprendre la structure de votre site. En précisant quelle version correspond à quelle langue ou région, hreflang aide chaque version à mieux se classer sur son marché. Indirectement, un hreflang bien configuré améliore le classement en regroupant l'autorité.