Étiquettes hreflang : Comment les utiliser ?

Si vous avez un site web et que vous souhaitez le rendre multilingue pour vous adresser à de nouveaux marchés, vous devez « avertir » Google et les autres moteurs de recherche via les étiquettes hreflang pour qu'ils en tiennent compte et, entre autres choses, ne pas vous pénaliser pour contenu dupliqué. L'attribut rel=« alternate » hreflang=« x » n'est ni plus ni moins qu'une annotation de langue qui sert aux moteurs de recherche à détecter d'où provient chaque visite et à lui montrer ainsi le contenu dans la langue correspondant à son pays ou région. Nous vous montrons quand et comment les utiliser, ainsi que les erreurs les plus courantes à éviter.

Quand faut-il utiliser l'étiquette hreflang ?

L'implémentation des étiquettes hreflang est indispensable, comme il se doit, pour les sites qui sont entièrement traduits en plusieurs langues. Si votre site est en anglais, allemand et espagnol, ces attributs serviront à ce que si quelqu'un recherche quelque chose en allemand sur votre page, Google lui montre automatiquement cette version en allemand.

Mais c'est également utile pour ceux qui offrent un service, bien que quelque peu limité, en étant dans une seule langue et en traduisant uniquement le modèle.

De même, c'est nécessaire pour ceux qui, en utilisant une seule langue, ont des variétés régionales ou entre différents pays et ont ainsi traduit le site, comme cela peut se produire avec l'espagnol d'Espagne et l'espagnol d'un pays latino-américain, ou l'anglais des États-Unis et d'Angleterre.

Comment mettre les étiquettes hreflang sur un site ?

Google propose jusqu'à trois manières de placer ces attributs sur votre site. Choisissez celle qui vous semble la plus confortable.

La première consiste à placer les étiquettes dans l'en-tête du code HTML de votre page, plus précisément dans la section head. Le format serait le suivant, si nous voulons indiquer que nous avons une version en allemand (le « de » est pour Deutschland, qui serait « it » dans le cas de l'Italie, « es » pour l'Espagne, etc.) :

<link rel=« alternate » hreflang=« de » href=« http://www.ejemplo.de/ » />

Mais cela se voit beaucoup mieux appliqué à un cas réel, n'est-ce pas ? Ici, vous pouvez voir le code web d'une boutique en ligne avec 11 langues, avec ses étiquettes hreflang correctement mises en œuvre :

Pour les cas que nous avons mentionnés précédemment concernant les variétés au sein d'une même langue, la procédure est la même, mais en ajoutant cette variable.

Dans l'exemple suivant, nous voyons comment il faudrait le mettre pour que le site distingue entre les utilisateurs anglophones d'Irlande (ie), du Canada (ca) et d'Australie (au). La dernière, où seul l'identifiant de langue « en » apparaît, fait que tout autre utilisateur différent de ceux mentionnés précédemment ira sur le site en anglais « générique ».

<link rel="alternate" href="http://example.com/en-ie" hreflang="en-ie" />
<link rel="alternate" href="http://example.com/en-ca" hreflang="en-ca" />
<link rel="alternate" href="http://example.com/en-au" hreflang="en-au" />
<link rel="alternate" href="http://example.com/en" hreflang="en" />

Arrivés à ce point, il est important de souligner l'importance d'établir une URL canonique, qui sera par défaut celle de la langue originale du site. Cela est fondamental pour bien établir le reste des étiquettes.

La deuxième méthode de localisation des étiquettes est pour lorsque nous travaillons avec des fichiers qui ne sont pas HTML, comme par exemple des PDF. Dans de tels cas, il faut utiliser l'en-tête HTTP de la manière suivante, en poursuivant avec l'exemple précédent :

Link: <http://www.ejemplo.de/>; rel=« alternate »; hreflang=« de »

Si nous l'avions en plusieurs langues, ce serait exactement la même chose, mais nous les séparerions par une simple virgule.

Enfin, une manière très simple d'avertir Google de nos étiquettes hreflang est via le sitemap. En le générant, ses versions dans les langues où nous avons notre site seront incluses. Voici un exemple d'un site avec 11 langues et son reflet dans le sitemap :

Selon la façon dont vous avez construit votre site, il y aura des modules ou plugins spécifiques pour installer automatiquement ces étiquettes. La seule chose à prendre en compte dans ces cas est qu'ils ne se heurtent pas ou ne soient pas incompatibles avec d'autres applications. Vérifiez toujours qu'ils font leur travail correctement avant de les lancer.

Voici le lien d'un outil qui vous génère automatiquement les étiquettes hreflang.

Erreurs courantes lors de la mise en place de l'étiquette hreflang

Google a une page tutoriel sur l'utilisation des étiquettes hreflang qui est bien, mais qui peut parfois être trop technique et induire en erreur de nombreux utilisateurs sur certains points.

Par exemple, une erreur courante parmi ceux qui se lancent dans l'utilisation de cet attribut est de le placer dans l'index de la page d'accueil et également dans celui de chaque page du site. Cela va provoquer des duplications, donc les erreurs dont Google Search Console vous avertit dans sa section « Ciblage international » vont se multiplier.

Une fois corrigé, au fil des jours -parfois même des semaines- ces erreurs vont diminuer jusqu'à leur complète extinction. Notre conseil est de ne pas utiliser en même temps différents types d'étiquetage multilingue. Si vous recourez aux étiquettes meta dans le code de votre en-tête, ne soumettez pas à Google par ailleurs un sitemap.xml multilingue.

Un autre point important est de savoir que chaque page doit inclure une étiquette hreflang qui lie aux autres langues, ainsi qu'une étiquette qui fasse référence à elle-même :

Si nous n'avons pas ces liens réciproques sur toutes les pages avec l'attribut, nous allons avoir de gros problèmes. Lorsque Google va explorer votre site, vous en aurez assez de lire le message « Pas d'étiquettes de retour ».

Voici le lien d'un outil en ligne gratuit qui vous dit si vous avez des erreurs dans vos étiquettes hreflang.

Sur les sites avec des variantes d'une langue, il est fréquent de faire une erreur en incluant uniquement le code du pays. La raison est simple : il y a des pays dont la nomenclature coïncide avec celle d'une langue qui n'a rien à voir. Par exemple, « be » correspond à la langue biélorusse, tandis que c'est aussi l'identifiant du pays Belgique. C'est pourquoi Google ne se contente pas que vous mettiez uniquement le pays ou la région.

Ce prétendu inconvénient se transforme en réalité en un avantage, car nous pouvons combiner les deux variables à notre guise. Par exemple, si votre site web est espagnol, mais que vous vous adressez également dans votre propre pays à un public allemand, vous pouvez inclure la modalité « de-ES ». Cela afficherait votre page en allemand pour les utilisateurs d'Espagne.

Rappelez-vous qu'il est important d'utiliser des URL distinctes pour chaque langue. Vous ne devriez pas non plus utiliser des cookies pour afficher des versions traduites de votre site.

Une bonne utilisation du hreflang peut également aider à améliorer le SEO de notre site. Regardez ce cas de succès « extrême » qui explique Natzir Turrado. Une page qui, après la mise en œuvre correcte des étiquettes de ciblage international, augmente son trafic de 918 % :

Et le contenu, faut-il le traduire ?

La chose la plus normale lorsque vous avez un site multilingue est que les contenus soient identiques ou très similaires. Google laisse entendre que l'idéal serait d'offrir des informations différentes pour chaque public. Cependant, il est pleinement conscient que cela est souvent, ou presque toujours, quelque chose d'inviable.

D'où la recommandation, en règle générale, de ne pas cacher ces contenus dupliqués en utilisant les fichiers robots.txt ou en recourant au « noindex ». Si vous n'indexez pas ces pages, vous ne pourrez pas vous positionner dans ces autres pays ou langues.

Maintenant, si nous publions le même contenu pour les mêmes utilisateurs à différentes adresses, nous devons choisir quelle version nous préférons. L'étape suivante consiste à rediriger les gens vers elle. C'est précisément à cela que sert le lien rel=canonical. Jamais pour donner plus d'importance à votre langue qu'aux autres, ce qui pourrait vous coûter cher.

Avez-vous déjà utilisé des étiquettes hreflang ? Avez-vous rencontré beaucoup d'erreurs ? Quels bénéfices avez-vous constatés ? Racontez-nous dans les commentaires. Dans la langue de votre choix !