J'ai des erreurs avec les balises hreflang
Dans cet article, vous apprendrez comment résoudre les erreurs les plus courantes liées aux balises hreflang lorsque vous utilisez Weglot.
Cet article vous sera utile si votre site web utilise une intégration Weglot avec un sous-répertoire ou un sous-domaine et non via JavaScript.
👉 Pour en savoir plus, consultez : Comment Weglot gère-t-il le référencement de votre site web?
- Que sont les balises hreflang ?
- Messages d'erreur courants
- Pas de balises hreflang
- Conflit avec vos propres balises hreflang personnalisées
- Balises hreflang en double
- Problème de lien(s) canonique(s)
- L'attribut HTML lang non-identique
- x-default manquant
- WordPress - désactiver la redéfinition de l'attribut hreflang
- Integration sur Squarespace et Webflow
- Outils de vérification des balises hreflang
Que sont les balises hreflang ?
Les balises hreflang sont de petits fragments de code qui indiquent aux moteurs de recherche la langue d'une page. Elles permettent d'afficher la version linguistique appropriée de votre site web dans les résultats de recherche, en fonction de la langue ou de la localisation de l'utilisateur.
Ils ressemblent à cela :
- WordPress + sous-répertoire : /en/
<link rel="alternate" hreflang="en" href="http://www.example.com/en/"/>
- Intégration du sous-domaine : https://en.example.com/
<link rel="alternate" hreflang="en" href="http://en.example.com" />
Messages d'erreur courants
Voici comment résoudre les problèmes les plus fréquemment signalés par les outils de référencement :
Pas de balises hreflang
Si aucune balise n'apparaît sur votre site :
- Accédez à votre Dashboard Weglot → sélectionnez votre projet → onglet « Setup »
- Copy the provided hreflang tags and manually insert them into your <head> section (only needed for non-WordPress projects)
Conflit avec vos propres balises hreflang personnalisées
Chaque page doit comporter le même ensemble de balises hreflang dans toutes ses versions.
Exemple :
<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/" />
Ces mêmes balises doivent figurer sur toutes les pages (/, /fr/, /es/, etc.).
Si vous gérez vous-même vos balises hreflang personnalisées, vous pouvez contacter support@weglot.com afin que nous désactivions les balises hreflang automatiques de Weglot.
Balises hreflang en double
Assurez-vous qu'il n'y a pas de doublons des balises hreflang dans votre code HTML. Cela peut se produire si :
- Vous utilisez une autre application de traduction en plus de Weglot
- Vous utilisez Shopify et avez publié des langues natives de Shopify
➡️ Pour résoudre ce problème sur Shopify :
- Allez dans Paramètres > Langues
- Dépubliez et supprimer toutes les langues natives de Shopify (elles ne sont pas liées à Weglot)
Problème de lien(s) canonique(s)
Weglot n' ajoute pas de balises canoniques, mais mettra automatiquement à jour votre balise canonique si celle-ci est déjà présente dans votre code HTML.
👉 N'oubliez pas de :
- Ajoutez manuellement une balise canonique dans la version d'origine de votre site
- Laissez Weglot s'en charger automatiquement pour les versions traduites
L'attribut HTML lang non-identique
Your <html lang="..."> attribute must match the hreflang values.
❌ Exemple de non-correspondance :
<html lang="en-US"> <link rel="alternate" hreflang="en" href="..." />
La balise hreflang "en" ajoutée par Weglot ne correspond pas à l'attribut HTML lang "en-US" des liens vers lesquels elle pointe.
✅ Solution :
- Modifiez l'attribut « lang » en conséquence, par exemple : lang="en"
- Vous pouvez également utiliser un plugin de CMS pour modifier cet attribut si nécessaire.
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.
Si vous utilisez WordPress, ajoutez et activez le plugin Code Snippets dans votre interface d'administration WordPress : https://wordpress.org/plugins/code-snippets/
Dans votre panneau d'administration WordPress, rendez-vous dans Extraits -> Ajouter un nouvel extrait > Ajouter un titre (exemple : xdefault ) > Sélectionnez « Code PHP » > Ajoutez ce code :
add_filter( 'weglot_href_lang', 'custom_weglot_href_lang' );
function custom_weglot_href_lang( $render ) {
$relativeURL = $_SERVER['REQUEST_URI'];
$render = "<link rel=\"alternate\" href=\"https://yourwebsiteURLhere" . $relativeURL . "\" hreflang=\"x-default\"/>" . $render;
return $render;
}
Notez que vous devez remplacer https://yourwebsiteURLhere par l'URL de votre site web.
WordPress - Désactiver la redéfinition de l'attribut hreflang
Par défaut, Weglot insère des balises hreflang et remplace celles que vous avez déjà ajoutées (si c'est le cas).
Pour empêcher Weglot d'insérer ses balises hreflang, vous pouvez télécharger le plugin Code Snippets ici.
Ensuite, vous devez créer un nouvel extrait de code PHP via ce plugin et utiliser le code suivant :
add_filter( 'weglot_href_lang', 'prefix_weglot_href_lang' );
function prefix_weglot_href_lang( $render ) {
$render = [];
return $render;
}
Integration sur Squarespace et Webflow
Sur Squarespace et Webflow, certaines erreurs liées aux hreflang peuvent se produire, car Weglot ne peut pas modifier la version d'origine de vos pages.
Lorsque vous utilisez Weglot avec une intégration par sous-domaine, Weglot ne peut modifier que les pages traduites. Ces versions traduites comporteront les balises hreflang appropriées, avec le chemin d'accès complet de chaque URL.
👉 Cependant, sur la version originale de vos pages, Weglot ne peut pas insérer automatiquement le chemin d'accès complet dans les balises hreflang.
Pour résoudre ce problème, vous pouvez consulter notre guide d'intégration : ➡️ https://github.com/weglot/integration-hooks
Cette solution vous permet d' :
- Ajoutez automatiquement des balises hreflang à vos pages d'origine
- Indiquez les chemins d'accès relatifs corrects pour chaque version traduite
Par conséquent, vos pages d'origine comporteront également des balises hreflang précises et complètes.
Remarque : cela n'empêche pas Google d'indexer votre contenu. Les pages traduites devraient tout de même être indexées correctement.
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".