Technique SEO
Votre site web est disponible en plusieurs langues, pour différents pays ? Vous souhaitez développer votre référencement à l’international ? Alors la maîtrise des balises hreflang vous sera indispensable. C’est en effet un élément incontournable pour indiquer aux moteur de recherche qu’un même contenu est proposé dans diverses versions linguistiques ou pour différentes régions géographiques. Explications.
Définition de la balise hreflang
L’attribut hreflang est un morceau de code HTML qui permet de donner une indication sur la langue et éventuellement la zone géographique ciblée par une page. Elle doit être utilisée par les sites qui proposent un même contenu en plusieurs langues (versions localisées). Concrètement, cela va permettre à un site international de définir quelle page s’adresse aux francophones, aux hispanophones ou aux anglophones… Cela va également permettre de distinguer des zones géographiques. Par exemple, un même contenu peut être disponible en français pour la France, et un autre contenu en français pour la Suisse (pour une question de devise ou autre). Là encore, la balise hreflang permettra à Google de déterminer quelle page est appropriée pour les internautes de ces pays.
L’utilisation des attributs hreflang pour signaler les versions localisées de vos pages
Dès lors que votre site se décline en plusieurs langues, l’utilisation du hreflang pour le SEO est indispensable.
Les balises hreflang présentent quelques spécificités à respecter :
- elles doivent être réciproques (la page A mentionne B et la page B mentionne A)
- les liens doivent renvoyés vers des pages équivalentes (les différentes traductions), et non pas vers la page d’accueil ou vers une page générique
- les liens doivent pointer vers des URL absolues et non pas relatives
- les liens ne doivent pas pointer vers des URL non indexables
- il est possible de définir une page par défaut pour les langues qui ne disposent pas de traduction, via l’attribut attribut x-default
- le domaine des différentes variantes linguistiques n’est pas obligatoirement le même (vous pouvez avoir le contenu pour la France sur un domaine .fr et le contenu pour l’Allemagne sur un domaine .de, etc.)
Dans ses recommandations aux webmasters, Google détail 3 méthodes possibles pour l’implémentation du hreflang. Voyons donc ensemble où il est possible de le placer.
Les 3 solutions pour implémenter le hreflang
Les balises HTML
Placer les attributs hreflang dans le code HTML de ses pages web est généralement la solution la plus aisée.
Par ailleurs, vérifier leur implémentation est assez simple puisqu’il vous suffit d’ouvrir le code source de vos pages.
Les balises hreflang doivent être placées entre les balises <head> dans le code HTML.
Lorsque vous rédigez vos balises hreflang, vous devez prendre soin d’y lister les liens de toutes les déclinaison linguistique d’un document, et en plus le lien de ce même document.
Voici ci-dessous comment prend forme la balise, avec l’exemple d’un site qui serait traduit en français, en allemand, et en anglais pour les Etats-Unis
<head> <title>Le titre de ma page</title> <link rel="alternate" hreflang="en-us" href="https://www.orixa-media.com/anglais-etats-unis/" /> <link rel="alternate" hreflang="fr" href="https://www.orixa-media.com/france/" /> <link rel="alternate" hreflang="de" href="https://www.orixa-media.com/allemagne/" /> <link rel="alternate" hreflang="x-default" href="https://www.orixa-media.com/france/" /> </head>
Ce code devra être placé sur chacune des pages concernée, afin qu’elles soient toutes reliées ensemble.
Vous remarquez également la présence d’un attribut x-default qui permet d’indiquer quelle version affichée, dans l’hypothèse où la langue du navigateur de l’internaute ne serait pas disponible.
Les fichiers sitemap.xml
Autre solution pour implémenter vos balises hreflang : le recours au fichier sitemap.xml
Comme dans l’exemple que nous avons vu juste au dessus, nous allons devoir ici décliner dans le sitemap.xml l’ensemble des variables de langues d’une URL, y compris l’URL de la page concernée.
Nous reprenons ci-dessous notre hypothèse de travail avec une page traduite en français, en allemand, et en anglais pour les Etats-Unis.
<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"> <url> <loc>https://www.orixa-media.com/anglais-etats-unis/</loc> <xhtml:link rel="alternate" hreflang="de" href="https://www.orixa-media.com/allemagne/"/> <xhtml:link rel="alternate" hreflang="fr" href="https://www.orixa-media.com/france/"/> <xhtml:link rel="alternate" hreflang="en-us" href="https://www.orixa-media.com/anglais-etats-unis/"/> </url> <url> <loc>https://www.orixa-media.com/france/</loc> <xhtml:link rel="alternate" hreflang="de" href="https://www.orixa-media.com/allemagne/"/> <xhtml:link rel="alternate" hreflang="fr" href="https://www.orixa-media.com/france/"/> <xhtml:link rel="alternate" hreflang="en-us" href="https://www.orixa-media.com/anglais-etats-unis/"/> </url> <url> <loc>https://www.orixa-media.com/allemagne/</loc> <xhtml:link rel="alternate" hreflang="de" href="https://www.orixa-media.com/allemagne/"/> <xhtml:link rel="alternate" hreflang="en-us" href="https://www.orixa-media.com/anglais-etats-unis/"/> <xhtml:link rel="alternate" hreflang="fr" href="https://www.orixa-media.com/france/"/> </url> </urlset>
Les en-têtes HTTP
Enfin, il est possible d’utiliser les entêtes HTTP pour implémenter vos balises hreflang. Il s’agit sans doute ici de la méthode la plus complexe, car elle nécessite de maîtriser les fichiers de configurations serveur (.htaccess pour les serveurs Apache par exemple).
Néanmoins, elle présente l’avantage de permettre de définir des balises hreflang pour des documents non HTML, tels que des fichiers PDF ou Word.
Les différentes versions localisées vont alors être données par l’en-tête Link:
Si l’on reprend les données de l’exemple précédent, le code présent dans l’entête HTTP prendrait donc la forme suivante :
Link: <https://www.orixa-media.com/anglais-etats-unis/>; rel="alternate"; hreflang="en-us", <https://www.orixa-media.com/allemagne/>; rel="alternate"; hreflang="de", <https://www.orixa-media.com/france/>; rel="alternate"; hreflang="fr"
Quelques outils pour vous aider dans la gestion des balises hreflang
Pour générer le code HTML de vos balises hreflang sans faire d’erreur, vous pouvez utiliser l’outil de génération de tags proposé par Aleyda Solis.
Pour vérifier que le hreflang est correctement placé sur votre site, vous pouvez utiliser l’outil de test proposé par Technicalseo.com. Cet outil vous permet de vérifier les trois méthodes d’implémentation du hreflang, à savoir le code HTML, l’entête HTTP ou le fichier sitemap xml.
Vous savez désormais comment utiliser la balise hreflang pour signaler à Google et aux autres moteurs de recherche les différentes versions linguistiques et géolocalisées de vos contenus. Vous avez d’aide et recherchez une agence SEO pour mener à bien votre projet de référencement à l’international ? Nos experts sont là pour vous conseiller.