L'utilisation correcte des balises hreflang est essentielle pour les sites Web qui proposent plusieurs langues. Voici un guide pratique sur la façon d'utiliser les balises hreflang pour améliorer votre référencement. Mais tout d'abord, commençons par les bases. Nous vous expliquons ce que sont ces balises et pourquoi vous devriez les mettre en œuvre.

Qu'est-ce que la balise hreflang ?

L'attribut de lien hreflang ou rel= "alternate" hreflang= "x" est un méta-élément HTML qui spécifie la langue et la région d'un site web. Vous pouvez implémenter la balise hreflang à l'un des endroits suivants.

• Balisage des pages
• En-tête HTTP
• le plan du site

Cette balise est cruciale pour différencier un site web de sa version dans une autre langue ou un autre lieu.

Par exemple, si vous avez un site web à Albuquerque dans les deux langues parlées dans la région, votre hreflang ressemblera à ceci :

<link rel="alternate" href="http://albuquerque.com/es/" hreflang="es-US" />
<link rel="alternate" href="http://albuquerque.com" hreflang="en-US" />

Si votre page fournit du contenu en plusieurs langues, vous pouvez utiliser x-default pour montrer que la page n'est pas spécifiquement ciblée :

<link rel="alternate" href="http://example.com/" hreflang="x-default" />

Pourquoi la hreflang est-elle si importante ?

Comme de nombreux sites web ciblent des publics de langues et de pays différents, il peut y avoir beaucoup de contenus en double et des problèmes de ciblage des utilisateurs des moteurs de recherche.

Ainsi, les moteurs de recherche utilisent le hreflang pour comprendre quelle est la meilleure URL à afficher dans les résultats de recherche, en fonction de la langue de l'utilisateur et de sa préférence régionale.

En bref, hreflang vous aide à :

• Empêchez que votre site web soit considéré comme de mauvaise qualité par les moteurs de recherche en raison d'un double contenu.
• Indiquez à Google la langue à afficher en fonction de la langue parlée (écrite) par l'utilisateur et de sa région géographique. Cela crée une grande expérience pour l'utilisateur, qui conduit également à l'engagement de l'utilisateur.

Quand voulez-vous utiliser hreflang ?

Si vous vous demandez si vous devez ou non mettre en œuvre la hreflang, cela peut vous aider à prendre une décision. Trois scénarios de base peuvent être couverts avec hreflang :

• Différents pays, différentes langues (site web espagnol écrit en espagnol, qui a une version française en Belgique es-ES / fr-BE
• Différents pays, la même langue (site web en allemand, mais avec une version différente pour l'Allemagne, l'Autriche et la Suisse) de-DE / de-AT /de-CH
• Même pays, différentes langues (site web malaisien qui utilise à la fois le bahasa melayu et l'anglais) fr-MY / my-MY

Lorsque nous utilisons le même domaine pour proposer plusieurs langues (site web multilingue), la balise hreflang est élaborée avec les sous-domaines ou dossiers ciblés par langue. Les sites ayant un seul domaine sont généralement des gTLD (nom de domaine générique de premier niveau), tels que .com, .info ou .org.

Inversement, si nous avons une page web avec différents domaines pour chaque langue, la balise hreflang contiendra les domaines. C'est le cas des sites web avec des domaines ccTLD (country code top-level). exemple .co.uk, .es, .de, ou .jp.

Que faire si aucune des langues disponibles sur mon site ne correspond à la préférence d'un utilisateur ?

Nous ne pouvons pas offrir toutes les langues parlées sur la planète. Que doit donc afficher Google lorsque votre site web ne dispose pas d'une langue correspondant à la configuration du navigateur de l'utilisateur ?

Dans ces cas, il est recommandé d'utiliser la fonction hreflang=" xdefault." Cette pratique indiquera aux navigateurs et aux moteurs de recherche s'il existe une version globale d'un site ou quelle langue du site doit être affichée par défaut.

hreflang=" xdefault" peut également être utilisé pour indiquer aux navigateurs et aux moteurs de recherche de montrer aux utilisateurs une page où ils peuvent sélectionner la langue souhaitée.

Comment mettre en œuvre le hreflang

Il existe trois options pour la mise en œuvre de l'attribut hreflang :

Par le biais de balises HTML

Surtout si vous n'êtes pas encore trop familier avec le hreflang, l'utilisation de balises HTML de base est probablement la façon la plus rapide et la plus simple de le mettre en œuvre. Il suffit d'ajouter les balises hreflang appropriées dans la balise "head" du HTML.

Utilisation des en-têtes HTTP hreflang

Lorsqu'il n'y a pas de code HTML, comme c'est le cas pour les PDF, vous ne pouvez pas implémenter la hreflang en mettant des balises HTML dans le . Mais il est possible d'utiliser des en-têtes HTTP pour spécifier la langue relative aux versions du document.

Cette méthode fonctionne également pour les pages web standard, mais la vérité est qu'elle est généralement utilisée pour d'autres types de contenu.

Mise en œuvre de la hreflang dans le plan du site XML

Les plans de site peuvent inclure des marques pertinentes pour préciser l'orientation d'une page et ses versions. Pour ce faire, vous pouvez utiliser l'attribut xhtml:link.

Règles de base pour la mise en œuvre de l'attribut hreflang

La hreflang est simple à mettre en œuvre, comme nous venons de le voir. Mais quelle que soit la méthode choisie, il y a trois aspects essentiels à prendre en compte :

Les balises Hreflang sont bidirectionnelles

Vous devez comprendre que les étiquettes hreflang fonctionnent par paires. Lorsque vous ajoutez une balise hreflang à une page anglaise pointant vers la version française, cette dernière doit correspondre à une balise hreflang pointant vers la page anglaise.

Cela montre au moteur de recherche que vous avez le contrôle sur les deux pages et que les deux sont en ligne. Lorsque les balises sont brisées, ou que la relation entre les deux n'a pas encore été établie, vous pouvez voir apparaître dans les résultats de recherche une page erronée, plusieurs pages ou un titre qui ne correspond pas à l'URL.

Les attributs de hreflang auto-référentiels sont une bonne pratique

Selon Google, chaque version linguistique doit s'afficher et afficher toutes les autres versions linguistiques. En d'autres termes, chaque page doit avoir une balise hreflang auto-référentielle (pointant vers elle-même).

Les balises X-default sont recommandées mais pas obligatoires

La balise hreflang x-default indique quelle page par défaut ou alternative est affichée aux utilisateurs lorsqu'aucune autre version linguistique n'est appropriée. Bien qu'il ne soit pas nécessaire de l'utiliser, Google recommande son utilisation.

Relation entre la hreflang et le tag canonique

La balise canonical est utilisée pour diriger le moteur de recherche vers la version préférée d'une URL (lorsqu'elles ont le même contenu), ce qui évite les problèmes de duplication de contenu.

Et comme nous le savons déjà, l'attribut hreflang est un outil permettant de montrer, entre des pages différentes mais similaires, celle qui doit apparaître dans une recherche donnée (selon la langue ou la région).

Pour éviter les conflits entre ces deux éléments, Google recommande de ne pas utiliser la balise canonical entre les différentes versions linguistiques ou nationales d'un site. Cependant, il ne serait pas problématique de l'utiliser dans la même version linguistique ou nationale.

Trois erreurs courantes de hreflang que vous devez éviter

1) Liens de retour manquants 

Lorsque vous avez une page qui contient un hreflang pointant vers une autre langue, mais que la page liée ne pointe pas vers elle, vous avez une "erreur de balise de retour". Selon Google, "les annotations doivent être confirmées à partir des pages vers lesquelles elles pointent. Si la page A renvoie à la page B, la page B doit renvoyer à la page A, sinon les annotations risquent de ne pas être interprétées correctement". 

Utilisez la console de recherche Google pour vérifier si vous avez une "erreur de balise de retour". Vous trouverez cette information dans l'onglet "Ciblage international". Vous pourrez y voir où et quand Google a détecté l'erreur, et où le lien de retour devrait pointer.

Si vous détectez une erreur de ce type, modifiez le code de la page de l'URL alternative et ajoutez une balise hreflang renvoyant à l'URL originale de la marche.

N'oubliez pas que si vos balises hreflang renvoient à des pages non indexées, Google le signalera comme une erreur. La raison en est que Google ne peut pas suivre le lien de retour de la page bloquée vers la page d'origine.

2) Utilisation de codes de pays ou de langue incorrects

Une chose qui semble simple mais qui est souvent source d'erreurs est l'utilisation incorrecte des valeurs hreflang. Vous devez vous assurer que les codes de pays ou les codes de langue que vous utilisez sont corrects. Pour ce faire, vous devez utiliser le code de langue au format ISO 639-1, tel que "en", "es", "jp", ou utiliser une combinaison du code de langue et du code de pays au format ISO 3166-1 Alpha 2. Il s'agit par exemple de "es-VE", "nl-BE" ou "pt-BR". L'utilisation du seul code pays n'est pas autorisée. 

L'une des erreurs les plus courantes est l'utilisation de hreflang=" en-UK" au lieu de hreflang=" en-GB." Ce tag est mis en place pour les anglophones au Royaume-Uni. Il est toujours bon de vérifier deux fois avant d'ajouter les balises hreflang.  

3) Mélange de Sitemaps Hreflang et de méthodes de balisage des pages

Il n'est pas nécessaire d'utiliser le hreflang sur le plan du site XML et sur vos pages. Il est recommandé de s'en tenir à l'un d'entre eux. Cela évitera toute confusion à Google lors de l'examen de vos balises hreflang. Choisissez l'un des trois emplacements possibles pour implémenter la hreflang : balisage sur la page, en-tête HTTP ou plan du site.

Comment s'assurer que l'hreflang continue à fonctionner correctement

Une fois la balise hreflang mise en place, vous devez également mettre en place un processus de maintenance. Il peut également être intéressant de vérifier périodiquement sa mise en œuvre pour s'assurer qu'elle est configurée correctement.

Il est essentiel de s'assurer que la personne responsable du contenu du site connaisse l'attribut hreflang afin de ne pas effectuer d'actions qui pourraient interrompre sa mise en œuvre. Deux aspects sont essentiels :

• Vérifiez que les contreparties sont à jour une fois qu'une page a été supprimée.
• Changez les URL hreflang dans les contreparties lorsqu'une page est redirigée.

En faisant cela et en le vérifiant fréquemment, il ne devrait y avoir aucun problème.