# SEO international : l’attribut hreflang — un guide complet > URL: https://4eck-media.de/fr/blog/12172/ > Language: fr > Description: Optimise ton site pour les marchés internationaux : comment utiliser correctement les balises hreflang et éviter les erreurs SEO. En savoir plus ! --- Dans les campagnes SEO internationales où plusieurs versions linguistiques d’un site existent, les balises Hreflang sont indispensables. D’après les données du Web Almanac 2022 du HTTP Archive, 9,6 % des sites utilisaient des balises Hreflang en 2022 — une légère hausse par rapport à 2021, où elles étaient à 9,0 %. Il existe trois méthodes courantes pour implémenter ces balises : via la zone de la page HTML, via les en-têtes Link, ou via les sitemaps XML. Les données du Web Almanac ne portent que sur l’analyse de la zone et des en-têtes Link. Les sitemaps XML ne sont pas prises en compte ; la valeur réelle est donc un peu plus élevée. Le sujet de l’implémentation Hreflang paraît toujours compliqué, surtout quand on a plusieurs sites aux structures d’URL variées. Ce guide complet couvre tous les aspects importants de l’attribut Hreflang. De l’introduction au sujet aux stratégies avancées, tout y est pour une mise en œuvre et une optimisation réussies. ## Importance de l’attribut Hreflang L’attribut Hreflang est un attribut HTML utilisé par les moteurs de recherche comme Google et Bing pour identifier le marché géographique cible et la langue d’une page. Il permet aux exploitants de sites de désigner les différentes versions linguistiques et nationales d’une page et de s’assurer que la bonne version s’affiche pour chaque utilisateur dans les résultats. Sans implémentation correcte, les moteurs de recherche pourraient afficher la mauvaise version linguistique ou nationale, ce qui dégrade l’expérience utilisateur et empêche la réalisation du Call-to-Action attendu par ta cible. L’attribut Hreflang aide aussi à éviter le Duplicate Content en indiquant clairement que des contenus similaires dans différentes langues sont destinés à différents marchés cibles. ### Pertinence pour le SEO et l’internationalisation L’attribut Hreflang devient crucial à l’internationalisation des sites et constitue un facteur incontournable du SEO international. Si ton site propose des contenus en plusieurs langues ou pour différents pays, l’attribut Hreflang permet de s’assurer que les moteurs indexent et affichent la bonne version de la page. C’est particulièrement important pour les entreprises actives dans plusieurs pays, qui souhaitent maximiser leur portée par une adresse sur mesure aux cibles concernées. Pour les stratèges SEO et les développeurs web, comprendre et utiliser correctement l’attribut Hreflang est indispensable pour garantir visibilité et satisfaction des utilisateurs internationaux. C’est le socle d’une stratégie d’internationalisation réussie et un levier majeur pour optimiser le positionnement du site sur chaque marché cible. ## Bases de l’attribut Hreflang La section suivante te propose une introduction de base : signification, syntaxe et bon usage des codes langue et pays. ### Définition et fonction L’attribut Hreflang est un attribut HTML utilisé dans les balises d’une page web pour signaler à Google (et aux autres moteurs) l’attribution langue/pays de tes pages. Tu indiques ainsi aux moteurs quelle version linguistique d’une page est destinée à quel groupe d’utilisateurs. L’attribut sert principalement à garantir que la bonne version linguistique d’une page apparaît dans les résultats. Par exemple, lorsqu’un utilisateur fait une recherche depuis la France, la version française de ta page s’affiche si l’attribut Hreflang est correctement mis en place. ### Syntaxe et structure L’attribut Hreflang est placé dans la zone d’une page HTML, à l’intérieur d’une balise . La syntaxe de base est la suivante : ``` ``` rel= »alternate » : indique que l’URL liée est une version alternative de la page actuelle. href= »URL » : URL de la version alternative. hreflang= »codelangue-codepays » : indique la langue et le pays pour lesquels la version alternative est destinée. Un exemple pour une version allemande et anglaise d’une page : ``` ``` Dans cet exemple, le premier lien renvoie à la version allemande pour les utilisateurs en Allemagne (hreflang= »de-DE »), tandis que le second renvoie à la version anglaise pour les utilisateurs aux États-Unis (hreflang= »en-US »). ### Codes langue et pays pris en charge L’attribut Hreflang utilise des codes langue et pays selon les standards ISO : - Code langue : code à deux lettres selon ISO 639-1 (par ex. « de » pour l’allemand, « en » pour l’anglais, « fr » pour le français). - Code pays : code à deux lettres selon ISO 3166-1 Alpha-2 (par ex. « DE » pour l’Allemagne, « US » pour les États-Unis, « FR » pour la France). Combinaisons fréquentes : - hreflang= »en-US » : anglais pour les USA - hreflang= »en-GB » : anglais pour le Royaume-Uni - hreflang= »fr-FR » : français pour la France - hreflang= »es-ES » : espagnol pour l’Espagne - hreflang= »de-DE » : allemand pour l’Allemagne - hreflang= »de-AT » : allemand pour l’Autriche - hreflang= »de-CH » : allemand pour la Suisse Ces combinaisons aident les moteurs à servir la bonne version linguistique d’une page aux bons utilisateurs, ce qui améliore la pertinence et l’expérience. Le code pays est optionnel. Si tu n’indiques qu’un code langue, cela signifie que ta page est destinée à tous les utilisateurs de cette langue dans le monde. Exemple : ``` ``` Ici, la page serait affichée à tous les utilisateurs hispanophones, indépendamment de leur localisation. Nous procédons ainsi avec TutKit.com, en ne déclarant que le code langue, sans code pays. Dans la Search Console, nous filtrons ensuite simplement les pages d’URL /es pour observer la répartition des clics et impressions par pays. ## Cas d’usage de l’attribut Hreflang ### Différentes versions linguistiques d’un site L’attribut Hreflang est particulièrement utile pour les sites qui proposent des contenus en plusieurs langues. Si ton site dispose par exemple d’une version anglaise et d’une version allemande d’une page, l’attribut Hreflang aide les moteurs à comprendre quelle version afficher à quel utilisateur. Il garantit que les utilisateurs voient la page dans leur langue préférée, ce qui améliore considérablement l’expérience utilisateur. Exemple : tu exploites un site e-commerce qui propose aussi des produits à l’international. Tu peux décliner ta boutique en allemand, en anglais et dans d’autres langues de tes marchés cibles. Avec Hreflang, tu garantis que les utilisateurs allemands sont dirigés vers la page allemande (hreflang= »de ») et les anglophones vers la page anglaise (hreflang= »en »). ### Ciblage régional Au-delà de la distinction linguistique, l’attribut Hreflang peut aussi servir à livrer des contenus à des utilisateurs de pays ou régions spécifiques. C’est particulièrement important quand ton site a des contenus visant des marchés régionaux distincts, même si la langue est identique. Exemple : une page en anglais pour les utilisateurs aux USA et une page distincte en anglais pour les utilisateurs au Royaume-Uni. Même si les deux pages sont dans la même langue, elles peuvent être adaptées en raison de différences réglementaires, de devises ou de spécificités culturelles. L’attribut Hreflang ressemblerait alors à ceci : ``` ``` Ce paramétrage garantit que les utilisateurs américains voient la page adaptée au marché US et les utilisateurs britanniques la page optimisée pour le Royaume-Uni. ### Éviter le Duplicate Content Avec l’attribut Hreflang, tu peux contrer l’effet négatif du Duplicate Content lié à des pages identiques dans la même langue. Quand un site propose des contenus similaires ou identiques dans différentes versions linguistiques ou nationales, les moteurs pourraient le considérer comme du Duplicate Content, avec un impact négatif sur le ranking. L’attribut Hreflang signale aux moteurs qu’il s’agit de versions alternatives de la même page, destinées à des publics différents. Cela minimise le risque de Duplicate Content et augmente la probabilité que la bonne version s’affiche dans les résultats. ## Implémentation de l’attribut Hreflang L’implémentation peut se faire de plusieurs manières, selon la structure et les exigences du site : 1. Dans le code HTML : simple et direct pour les sites statiques. 2. Dans les en-têtes HTTP : utile pour les ressources non HTML ou quand le code HTML est difficilement accessible. 3. Dans les sitemaps XML : efficace pour les grands sites, Hreflang étant géré de manière centralisée. 4. En combinaison avec des Canonical Tags : pour éviter les conflits et garantir une indexation correcte. Google a expliqué, dans son podcast SEARCH OFF THE RECORDS du 25 juillet 2024, qu’en théorie peu importe où les informations Hreflang sont fournies — HTML, en-têtes HTTP ou sitemaps. Voir aussi la vidéo intégrée plus bas. ### Dans le code HTML La méthode la plus courante d’implémentation se fait directement dans le code HTML. L’attribut Hreflang est alors ajouté dans la zone de la page. Cette méthode est particulièrement utile pour les sites statiques dont les contenus ne changent pas souvent. Un exemple typique : ``` Dans cet exemple, pour chaque version langue/pays de la page, une balise distincte est indiquée avec l’attribut Hreflang correspondant. Chaque version doit aussi pointer vers toutes les autres pour garantir une mise en relation cohérente. Dans les en-têtes HTTP Méthode moins fréquente mais utile : implémenter Hreflang via les en-têtes HTTP. Particulièrement utile quand l’accès au code HTML est limité ou pour des ressources non HTML (PDF, site totalement généré en JavaScript, etc.). Un en-tête HTTP avec Hreflang pourrait ressembler à : Link: ; rel= »alternate »; hreflang= »en » Cette méthode nécessite un accès à la configuration serveur et concerne plutôt les utilisateurs avancés ou les cas particuliers. HREFLANG dans les sitemaps XML L’attribut Hreflang peut aussi être implémenté dans les sitemaps XML, ce qui est particulièrement avantageux pour les grands sites avec beaucoup de pages. Cette méthode est efficace et réduit la charge : on gère les infos Hreflang de manière centralisée plutôt que dans chaque page HTML. Exemple d’implémentation dans une sitemap XML : https://www.example.com/de/ Avantage : tous les attributs Hreflang sont gérés au même endroit, ce qui facilite la maintenance et la mise à jour. La sitemap est également traitée efficacement par les moteurs. C’est aussi la raison principale pour laquelle nous avons opté, sur TutKit.com, pour Hreflang via sitemap XML. Un autre motif : avec autant de langues (26 !), nous ne voulions pas alourdir le code HTML. La sitemap demande une implémentation unique, et garantir que les nouvelles pages y soient bien intégrées. Ensuite, cela tourne automatiquement. La sitemap doit être déclarée dans la Google Search Console afin que Google détecte rapidement les nouvelles pages. Voici ce que cela donne chez nous : pour chaque langue, une sitemap propre. Chaque URL référence les autres versions linguistiques. C’est la sitemap pour la langue allemande : Utiliser des Canonical Tags en combinaison avec Hreflang Il est important d’utiliser correctement Hreflang avec les Canonical Tags pour éviter d’éventuels problèmes SEO. Un Canonical Tag signale aux moteurs quelle version d’une page est considérée comme la version « canonique » ou principale. C’est particulièrement pertinent quand plusieurs pages ont des contenus similaires. Règle générale : si plusieurs versions linguistiques d’une même page existent, chaque page doit pointer sur elle-même et sur les autres versions via Hreflang. Le Canonical Tag doit pointer vers la version linguistique correspondante de la page. Exemple : Ici, la version allemande pointe sur elle-même via le Canonical Tag, tandis que l’attribut Hreflang renvoie à la version anglaise. Tu peux te passer des balises rel= »alternate » Hreflang dans le HTML si tu les as déjà implémentées dans la sitemap XML, comme dans mon exemple ci-dessus. Effet de bord agréable : tu réduis le code bloat. Retirer les balises rel= »alternate » du HTML diminue la taille du fichier et accélère un peu le chargement. Important : la sitemap doit être correctement configurée et accessible. Vérifie que la Search Console indique un statut d’envoi « réussi ». Bonnes pratiques d’utilisation de Hreflang Pour t’assurer que Hreflang fonctionne au mieux, respecte les bonnes pratiques suivantes : ``` - Mapping correct des codes langue et pays : utilise les codes ISO corrects et nécessaires. - Cohérence d’implémentation : assure-toi que toutes les versions linguistiques sont correctement et entièrement reliées. - Gestion des sites transnationaux et multilingues : adapte ta stratégie Hreflang aux exigences spécifiques de tes marchés cibles. - Éviter les pièges : reste vigilant et évite les erreurs courantes pour une implémentation propre. En suivant ces lignes directrices, tu maximises l’efficacité de Hreflang et tu favorises la réussite internationale de ton site. ### Mapping correct des codes langue et pays Un mapping correct est crucial pour que les moteurs attribuent tes pages correctement. Des erreurs peuvent rediriger les utilisateurs vers la mauvaise version, dégradant l’expérience. Imagine un utilisateur suisse qui arrive sur une boutique allemande et voit partout des euros : il attendait des francs suisses, et le risque qu’il quitte immédiatement le site est élevé. Utilise donc des codes ISO corrects : toujours les codes officiels ISO 639-1 pour les langues et ISO 3166-1 Alpha-2 pour les pays. Par exemple « de » pour l’allemand et « DE » pour l’Allemagne, « en » pour l’anglais et « US » pour les États-Unis. Évite les combinaisons inutiles. N’utilise que les combinaisons langue-pays vraiment nécessaires. Si ta page vise tous les germanophones, indépendamment du pays, hreflang= »de » suffit, plutôt que hreflang= »de-DE ». C’est ce que nous faisons aussi avec TutKit.com. Et cela fonctionne très bien pour le trafic vers les pages non allemandes, qui dépasse désormais le trafic germanophone. Veille à appliquer Hreflang de manière homogène sur toutes les pages de ton site. Des incohérences peuvent perturber les moteurs et provoquer des problèmes. Mieux vaut une solution automatisée, par code ou via un plugin. Une maintenance manuelle ouvre la porte aux erreurs. ### Cohérence d’implémentation Il est important d’implémenter correctement les balises Hreflang sur chaque page et de s’assurer que toutes les versions linguistiques sont reliées entre elles. Si tu as besoin d’aide pour générer les attributs HREFLANG, voici un outil en ligne : HREFLANG Tags Generator. Tu peux ensuite valider ton implémentation avec un HREFLANG Validator. Plus d’infos plus bas. Chaque version linguistique de ta page doit pointer vers toutes les autres ; on parle de liaison bidirectionnelle. Si la version allemande renvoie à la version anglaise, l’anglaise doit aussi renvoyer à l’allemande. Veille à implémenter Hreflang sur toutes les pages pertinentes de ton site, pas seulement les pages principales. Assure-toi que tes balises Hreflang ne pointent pas vers des pages d’erreur (404) ni vers des URL inexistantes. Cela pourrait nuire à ton SEO. ### Sites transnationaux et multilingues Si ton site s’adresse à des utilisateurs dans plusieurs pays ou avec différentes langues, une stratégie Hreflang réfléchie est essentielle, tant du point de vue SEO que UX. Réfléchis bien à la façon d’organiser les contenus pour les différentes cibles. Voici quelques recommandations issues de notre expérience : 1. Utilise autant que possible des URL distinctes pour les différentes versions langue/pays, par ex. https://www.example.com/de/ pour l’allemand et https://www.example.com/fr/ pour le français. Cela facilite l’implémentation et la gestion de Hreflang. Nous procédons ainsi avec TutKit.com. Vois aussi mon article sur la structure d’URL pour les projets multilingues. 2. Uniquement si ta page est orientée à la fois linguistiquement et régionalement (par ex. anglais pour le Royaume-Uni et anglais pour l’Australie), adapte Hreflang en conséquence (hreflang= »en-GB » pour le Royaume-Uni, hreflang= »en-AU » pour l’Australie). Sinon, la simple variante linguistique sans code région suffit. 3. Si tu ne peux pas proposer de version linguistique ou pays spécifique pour certaines pages, fournis une version de repli générale (hreflang= »x-default »), par ex. une page anglaise globale (hreflang= »en »). Le sélecteur de langue n’affiche que les langues pour lesquelles existe une version traduite de la page catégorie. ## Comprendre et implémenter l’attribut hreflang= »x-default » L’attribut hreflang= »x-default » sert à indiquer une version par défaut générale d’une page, à afficher quand aucune version linguistique ou nationale spécifique n’est disponible. Il agit en version de repli et garantit que les utilisateurs voient une page pertinente même si leur langue ou région n’est pas couverte. L’attribut hreflang= »x-default » est important parce qu’il aide les moteurs à afficher une version universelle de la page quand aucune version plus spécifique n’est disponible. Il évite que les utilisateurs atterrissent sur une page vide ou non pertinente : ils voient une page qui correspond le mieux à leurs besoins quand aucune option plus précise n’existe. Exemple : si ton site propose une version anglaise générale par défaut pour tous les marchés non spécifiquement couverts, tu peux utiliser hreflang= »x-default » pour t’assurer que cette version s’affiche quand une version langue/pays spécifique n’est pas disponible. L’attribut hreflang= »x-default » est ajouté dans la zone de ta page HTML ou utilisé dans ta sitemap XML. Il doit pointer vers la version la plus générale de ta page, en repli pour toutes les langues ou régions non spécifiées. Exemple HTML : ``` Exemple sitemap XML : https://www.example.com/ Assure-toi que hreflang= »x-default » pointe vers une page pertinente pour les utilisateurs de toutes les régions non spécifiées ou avec des langues non prises en charge. Utilise hreflang= »x-default » en combinaison avec des balises Hreflang spécifiques pour les différentes langues et régions, afin d’assurer une couverture complète et de meilleurs classements. Veille à ce que toutes les versions linguistiques et la version x-default soient correctement reliées entre elles. Chaque page doit renvoyer aux autres versions linguistiques et à la version x-default pour garantir une indexation correcte. Éviter les pièges et erreurs fréquentes Même si Hreflang offre de nombreux avantages, quelques erreurs courantes peuvent survenir lors de l’implémentation. L’une des erreurs les plus fréquentes est l’utilisation de codes langue ou pays incorrects, ou l’absence de balises Hreflang sur certaines pages. Vérifie que tous les codes sont corrects et que chaque page concernée porte les bonnes balises Hreflang. Il est important que toutes les versions linguistiques de ta page soient reliées entre elles. Si la page allemande renvoie à la page anglaise, l’anglaise doit également renvoyer à l’allemande. Cette liaison bidirectionnelle est essentielle au bon fonctionnement de Hreflang. Autre erreur fréquente : des Canonical Tags mal posés qui entrent en conflit avec les balises Hreflang. Veille à ce que le Canonical Tag pointe vers la version linguistique correspondante et ne contredise pas les balises Hreflang. Un mal formé dans le HTML peut aussi empêcher Google de reconnaître les balises Hreflang. C’est particulièrement gênant car ce problème ne s’affiche pas comme tel dans la Google Search Console. Si Google ne reconnaît pas la balise, il n’a pas non plus de raison de considérer la page comme une page internationale. Veille donc à ne pas utiliser des éléments inhabituels qui s’écartent des meta tags connus. Si les URL de tes balises Hreflang sont incorrectes, cela pose également problème. Vérifie que toutes les URL sont exactes et qu’il n’y a ni fautes de frappe ni liens obsolètes. C’est particulièrement important sur les grands sites avec beaucoup de versions linguistiques. Le système devrait toujours poser les balises de manière automatisée. Quelques erreurs ne sont pas un drame. Si ton site dispose de versions mobiles ou AMP, dote-les aussi de balises Hreflang afin que les utilisateurs mobiles voient la bonne version linguistique. Validateurs Hreflang Des outils en ligne dédiés, comme le HREFLANG Validator de Sistrix ou de Merkle, permettent de vérifier l’implémentation des balises Hreflang. Ils analysent ta page et te font un retour sur les erreurs possibles. L’outil signale aussi les erreurs d’implémentation de hreflang= »x-default ». Divers outils SEO proposent également, dans le cadre de leur crawl, des rapports d’erreurs. L’outil SEO d’Audisto que nous utilisons effectue par exemple les vérifications suivantes. Chez nous, tout est à 0, car nous pilotons les HREFLANGs via la sitemap. Si tes balises Hreflang sont posées dans le code source, ces outils sont essentiels pour le monitoring, au cas où des refactorings ou des déploiements introduiraient des erreurs. Google et HREFLANG Consulte aussi la documentation Google sur les pages localisées dans le cadre du multilinguisme. Le Google Podcast SEARCH OFF THE RECORD du 25/07/2024, consacré à l’internationalisation et à HREFLANG, est intéressant. Ses informations clés ont aussi nourri cet article. Il y est mentionné que Google envisage de détecter automatiquement la langue et l’orientation régionale. Voici l’épisode complet. Conclusion sur HREFLANG Merci d’avoir lu jusqu’ici. J’espère que tu as compris que l’attribut Hreflang est un outil essentiel du SEO international et des sites multilingues. Il aide les moteurs à associer et afficher correctement les versions linguistiques ou nationales pertinentes, ce qui améliore l’expérience pour tes cibles et optimise la visibilité dans les résultats de recherche. ```