J'ai des erreurs avec les balises hreflang.

Dans cet article, vous apprendrez comment résoudre les messages d'erreur les plus courants avec les balises hreflang.

Que sont les balises hreflang ?

Les balises hreflang, qui constituent un élément clé de l'optimisation des moteurs de recherche (SEO – (Search Engine Optimization), sont des extraits de code qui indiquent aux moteurs de recherche, tels que Google, la langue dans laquelle le contenu d'une page donnée est rédigé, afin que les moteurs de recherche puissent proposer ce résultat aux utilisateurs qui effectuent des recherches dans cette langue.

Ils ressemblent à cela :

<link rel="alternate" hreflang="en" href="http://www.example.com/en/"/>

(avec une intégration par sous-répertoires), ou

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

(avec une intégration par sous-domaines).

Messages d'erreur courants

Voici les messages d'erreur les plus courants liés à l'utilisation de balises hreflang :

• Pas de balises hreflang

Si votre site n'a pas de balises hreflang, vous devrez copier-coller les liens hreflang que vous trouverez dans votre Weglot Dashboard -> Select your project -> Setup page (pour les projets non-WordPress).

• Conflit avec vos propres balises hreflang personnalisées

Votre version originale doit comporter exactement le même nombre de balises hreflang que votre (vos) version(s) traduite(s).

Les balises hreflang doivent être identiques dans chaque URL qu'elles contiennent. Par exemple, si vous avez trois balises hreflang :

<link rel="alternate" hreflang="en" href="http://www.mywebsite.com/" />
<link rel="alternate" hreflang="fr" href="http://www.mywebsite.com/fr/" />
<link rel="alternate" hreflang="es" href="http://www.mywebsite.com/es/" />

Les mêmes balises hreflang doivent figurer sur toutes ces pages.

• Balises hreflang en double

Assurez-vous que les liens hreflang de Weglot ne sont pas ajoutés plusieurs fois dans votre code source HTML ou que vous n'utilisez pas un autre outil de traduction que Weglot sur votre site web.

Sur les sites Shopify, assurez-vous que vous n'avez pas de langues enregistrées dans votre administration Shopify > Paramètres > Langues du magasin. Si c'est le cas, veuillez les dépublier et les supprimer. Elles sont en effet différentes de Weglot et peuvent créer des conflits dans le code.

• Problème de lien(s) canonique(s)

Notez que Weglot ajoute les balises hreflang mais n'ajoute pas la balise canonique dans votre code HTML. Vous devez ajouter la balise canonique de votre côté, car Weglot ne peut pas le faire.

Weglot remplacera automatiquement la balise canonique par la bonne balise pour la page courante lorsque la balise canonique est ajoutée. Cela signifie que si votre page d'origine contient une balise canonique, Weglot la traitera automatiquement pour respecter l'URL traduite.

De nombreux scénarios sont à l'origine des problèmes canoniques, mais selon Google, voici quelques-uns des plus courants.

• L'attribut HTML lang non-identique

Le problème peut être dû au fait que la valeur de l'attribut HTML "lang" dans votre contenu original ne correspond pas aux balises hreflang ajoutées par Weglot.

Par exemple, considérons un attribut HTML lang défini avec "en-US" et une balise hreflang:

"<link rel="alternate" href="https://www.mywebsite.com" hreflang="en" />"

La balise hreflang "en" ajoutée par Weglot ne correspond pas à l'attribut HTML lang "en-US" des liens vers lesquels elle pointe.

Par conséquent, pour résoudre le problème, vous devrez modifier le code HTML lang dans votre contenu original à "en" au lieu de "en-US". Vous pouvez également utiliser un plugin pour modifier cette valeur d'attribut.

• x-default manquant

Selon la documentation Google,le tag x-default doit être ajouté lorsqu'aucune langue ne correspond.

Certains vérificateurs de référencement conseillent d'ajouter une balise x-default. Cependant, il est préférable de l'utiliser sur une page de sélection de langue où aucune langue particulière ne correspond. Elle devra donc être représentée par la balise  x-default .

Sinon, votre version originale devrait avoir la balise hreflang correspondant à votre langue d'origine.

Selon le système de gestion de contenu que vous utilisez, vous devriez être en mesure d'ajouter la balise hreflang  x-default automatiquement. Vous pouvez également utiliser un plugin ou une application pour le faire.

Integration sur Squarespace et Webflow

Certains messages d'erreur sur Squarespace et Webflow peuvent provenir du fait que Weglot ne peut pas éditer vos pages originales par défaut. Lorsque vous configurez Weglot et l'intégration des sous-domaines, Weglot ne peut modifier que le contenu des pages traduites, et il crée correctement les balises hreflang pour toutes ces pages.

Dans les versions traduites, les chemins sont les chemins complets corrects de l'URL actuelle. Dans le contenu original, cependant, Weglot ne peut pas y accéder et ajouter le chemin complet dans les balises hreflang.

Grâce à cette documentation que nous avons créée : https://github.com/weglot/integration-hooks, vous devriez pouvoir gérer automatiquement l'ajout d'URLs alternatives avec l'URL relative de la page sur la version originale de votre site.

Grâce à celui-ci, vous disposerez également des chemins corrects dans les balises hreflang de vos pages d'origine.

Hreflang Checker

C'est une bonne idée de vérifier que vos balises hreflang fonctionnent correctement. Nous avons développé l'outil Hreflang Checker dans ce but précis.

Collez l'URL que vous souhaitez vérifier dans la barre de recherche, puis cliquez sur le bouton "Test URL".