Comment utiliser et mettre en œuvre correctement les balises Hreflang et Canonical : Guide complet

Les balises hreflang et les balises canoniques, dont l'objectif est similaire, sont souvent confondues l'une avec l'autre. Après tout, elles indiquent toutes deux à Google et aux autres moteurs de recherche quelle page web ils doivent indexer et servir à un internaute donné.

En y regardant de plus près, vous vous rendrez compte que ces étiquettes :

• ont des fonctions différentes,
• ne sont pas la même chose, et
• Ils ne doivent pas être utilisés de manière interchangeable si vous essayez d'atteindre un certain objectif.

Le dernier point est particulièrement important. En effet, si vous n'êtes pas sûr de ce que vous faites et que vous ajoutez une balise canonique à une page web alors que vous devriez plutôt utiliser une balise hreflang ou vice versa, les moteurs de recherche risquent de ne pas proposer la bonne version de la page aux internautes.

Résultat ? Vos internautes ne voient pas les pages web que vous avez soigneusement créées pour eux, mais d'autres pages dont le potentiel de conversion est moindre - ce qui peut vous faire perdre du trafic, des ventes et du chiffre d'affaires.

Examinons les différences entre les balises hreflang et canoniques, les bonnes pratiques pour les mettre en œuvre correctement sur votre site web, ainsi que quelques erreurs courantes à éviter dans le processus.

Balises Hreflang et Canonical : Quelle est la différence ?

Balises hreflang

Les balises Hreflang sont des bouts de code qui signalent aux robots des moteurs de recherche la langue d'une page web et sa localisation géographique cible. Voici un exemple de balise hreflang :

‍

Dans ce cas, la balise hreflang indique aux moteurs de recherche que la page web "https://www.example.com/gb/" est en langue anglaise selon le code de langue "en" ISO 639-1, et qu'elle est destinée aux chercheurs du Royaume-Uni selon le code de région "gb" ISO 3166-1.

Les balises Hreflang sont particulièrement importantes pour les sites web internationaux, dont les pages web ont été localisées pour différents marchés géographiques. En effet, elles aident les moteurs de recherche à proposer la langue et la version régionale appropriées d'une page web aux internautes de différents pays.

Par exemple, un détaillant présent en Allemagne, en France, en Suisse et en Italie peut avoir six publics géographiques distincts :

1. Utilisateurs de la langue allemande en Allemagne.
2. Utilisateurs de la langue allemande en Suisse.
3. Utilisateurs de la langue française en France.
4. Utilisateurs de la langue française en Suisse.
5. Utilisateurs de la langue italienne en Suisse.
6. Utilisateurs de la langue italienne en Italie.

Le détaillant doit d'abord créer six versions différentes de chaque page de son site web pour cibler chaque public géographique. Ensuite, sur chacune de ces variantes de page, le détaillant devra mettre en place des attributs hreflang pour informer les moteurs de recherche :

• Que cette page web existe en six versions différentes,
• que ces variantes de pages ne doivent pas être considérées comme du contenu dupliqué (même si leur contenu est très similaire), et
• Quelle variante de page doit être proposée à un visiteur d'un certain pays.

N'oubliez pas non plus que les balises hreflang sont des signaux et non des directives. En d'autres termes, elles indiquent aux moteurs de recherche comment ils doivent servir les pages web aux chercheurs internationaux. Toutefois, le moteur de recherche peut choisir d'afficher les pages différemment s'il le juge nécessaire.

Consultez notre guide complet sur les bonnes pratiques des balises hreflang  pour en savoir plus sur leur fonctionnement et sur la manière de les mettre en place sur votre site web. 

Tags canoniques

Comme les balises hreflang, les balises canoniques sont également des extraits de code qui fournissent des signaux (et non des directives) aux robots d'indexation des moteurs de recherche. Cependant, leur rôle est d'informer les moteurs de recherche :

• Quelle URL doit être considérée comme la version "officielle" d'une page web, et
• Qu'ils doivent donc indexer et classer cette URL dans les recherches.

Les balises canoniques sont utiles lorsque vous avez :

• Variations de l'URL d'une page web particulière, telles que "http://example.com" ou "https://example.com".
• Paramètres dans vos URL pour indiquer de petites modifications du contenu d'une page web, comme "http://example.com/products" au lieu de "https://example.com/products?category=suitcases".
• Le contenu dupliqué se trouve sur différentes pages web de votre site web, ou sur un autre site web, et vous souhaitez que les moteurs de recherche considèrent une page web particulière de votre site web comme la version officielle du contenu.

‍

Les balises canoniques se présentent comme suit :

Les balises canoniques et hreflang aident les propriétaires de sites web à éviter les problèmes de contenu dupliqué, qui peuvent entraîner le non-classement de certaines pages dans les moteurs de recherche. Toutefois, les balises hreflang fournissent des instructions plus spécifiques sur la page web à proposer à un internaute utilisant des paramètres linguistiques et régionaux particuliers. En revanche, les balises canoniques indiquent aux moteurs de recherche la page qu'ils doivent afficher dans les recherches, parmi plusieurs pages au contenu similaire.

Supposons que nous ayons une page d'accueil avec l'URL "https://example.com/gb", dont le contenu est largement similaire à celui de deux autres pages web avec les URL "https://example.com/gb1" et "https://example.com" respectivement.

Dans une telle situation :

• Une balise canonique dira essentiellement : "La page 'https://example.com/gb' est la version officielle de la page d'accueil 'https://example.com/gb'. Classez 'https://example.com/gb' dans les recherches et non 'https://example.com/gb1.'", tandis que
• Une balise hreflang dirait "La page 'https://example.com/gb' est la version officielle de la page 'https://example.com' pour les internautes anglophones du Royaume-Uni. Rang 'https://example.com/gb' pour les internautes anglophones du Royaume-Uni."

‍

Comment l'utilisation des balises canoniques peut-elle contribuer à l'optimisation des moteurs de recherche (SEO) ?

Si vous n'exploitez pas un site web international, vous pouvez peut-être vous passer d'utiliser les attributs hreflang. Cependant, vous devriez absolument envisager de mettre en œuvre des balises canoniques, qui peuvent mieux optimiser votre site web pour le trafic organique de cette manière :

• Spécifier quelle page web doit apparaître dans les pages de résultats des moteurs de recherche (SERP) : Si vous souhaitez que les internautes atterrissent sur une certaine page web plutôt que sur une autre page au contenu similaire, utilisez une balise canonique pour spécifier que la première page est la version "officielle" de la page vers laquelle les moteurs de recherche doivent renvoyer les internautes.
• Consolidez les signaux de liens vers une page web de votre choix : Dans le même temps, les pages web dont le contenu est similaire peuvent gagner des liens retour d'autres sites web. Avec une balise canonique, vous pouvez consolider les liens que ces pages dupliquées obtiennent vers votre page web préférée. Cela permet de renforcer la réputation de votre page web préférée (et éventuellement son classement), même si d'autres sites web n'ont pas établi de liens directs avec elle.

Bonnes pratiques pour l'utilisation des balises canoniques

N'ajoutez pas d'annotations Hreflang aux pages Web dont les balises canoniques pointent vers d'autres pages Web.

En effet, vous risquez d'embrouiller les moteurs de recherche quant aux pages web qu'ils doivent indexer et classer.

Imaginez que vous ayez deux pages web : la page web A et la page web B. Lorsque vous ajoutez à la page web A une balise canonique qui pointe vers la page web B, vous indiquez aux moteurs de recherche qu'ils doivent indexer et classer la page web B au lieu de la page web A.

Mais si vous ajoutez également une balise hreflang à la page web A, vous signalez aux moteurs de recherche qu'ils doivent également indexer et classer la page web A. Cela entre en conflit avec les instructions de la balise canonique de ne pas indexer ou classer la page web A.

Face à ces signaux contradictoires, les moteurs de recherche peuvent ne pas tenir compte de vos balises hreflang et canoniques et prendre leur propre décision sur la manière de classer les pages web A et B. Cette décision peut ne pas correspondre à ce que vous souhaitez.

Par conséquent, si vous ajoutez des balises hreflang à une page web avec une balise canonique, assurez-vous que la balise canonique pointe vers l'URL de cette même page web plutôt que vers l'URL d'une page différente.

Utiliser les balises canoniques lors de la syndication de contenu vers d'autres sites web

Comme indiqué ci-dessus, les balises canoniques peuvent être utilisées pour pointer vers des URL appartenant non seulement à votre site web, mais aussi à d'autres.

Cette fonction est utile lorsque votre contenu a été publié à la fois sur votre blog et sur le site web d'un partenaire de syndication de contenu qui a tendance à être mieux classé que vous dans les moteurs de recherche. Si vous souhaitez que les moteurs de recherche utilisent la version du contenu publiée sur votre blog et non sur l'autre site web, vous devez :

1. Ajoutez une balise canonique à cette page de contenu sur votre blog, cette balise pointant vers l'URL de la même page de contenu, et
2. Demandez à votre partenaire de syndication de contenu d'ajouter à sa page de contenu une balise canonique qui pointe également vers l'URL de la page de contenu de votre blog.

Pourquoi est-il important de mettre en œuvre correctement les balises Hreflang et Canonical ?

Une mise en œuvre incorrecte des balises hreflang et canoniques peut entraîner des problèmes tels que les suivants :

• Une erreur "Votre site n'a pas de balises hreflang" dans Google Search Console : Cela signifie que Google ne trouve pas les balises hreflang sur votre site web, même si vous avez fait l'effort de les ajouter. (Voici comment corriger  l'erreur "Votre site n'a pas de balises hreflang").
• Les moteurs de recherche transmettent les mauvaises pages web aux mauvais utilisateurs : Cela peut vous faire perdre du trafic et même des revenus si les internautes sont dirigés vers des pages web qui n'ont pas été optimisées pour leur expérience utilisateur.
• L'apparition de contenu dupliqué dans les SERP : Cela peut entraîner une dilution de la valeur des liens sur plusieurs pages si ces pages de contenu dupliqué proviennent de votre site web. Vous pouvez également perdre entièrement ces liens si le contenu dupliqué se trouve sur un autre site web que le vôtre.

Si vous utilisez une solution de localisation de sites web de qualité comme Weglot pour le SEO multilingueelle peut ajouter automatiquement des balises hreflang à votre site web et garantir une mise en œuvre hreflang précise à 100 %. Parallèlement, des plugins de site web tels que Yoast SEO disposent de fonctionnalités intégrées pour ajouter des balises canoniques à chaque page de votre site web à grande échelle.

Erreurs courantes à éviter lors de la mise en œuvre des balises canoniques et Hreflang

Bien qu'il soit également possible d'ajouter manuellement les balises canoniques et hreflang, vous courez le risque de les mettre en œuvre de manière incorrecte. Veillez à ne pas commettre d'erreurs telles que ;

1. Fusionner les balises Hreflang et Canonical en une seule balise de lien

En d'autres termes, vous formaterez votre balise de lien comme suit :

Cela ne fonctionnera tout simplement pas. Combiner les attributs canonical et hreflang dans une seule balise de lien peut sembler une chose sensée à faire, mais cela posera des problèmes avec votre code.

Au lieu de cela, les balises canoniques et hreflang doivent être placées dans des balises de lien distinctes.

2. Définir l'URL de votre page globale comme URL canonique

Si vous avez des versions alternatives d'une page pour différentes langues et régions, chacune de ces variantes aura besoin de sa propre balise canonique.

Par exemple, vous pouvez avoir "https://www.example.com/" comme page globale, et une variante de page avec l'URL "https://www.example.com/gb/" qui est destinée aux visiteurs anglophones du Royaume-Uni.

Ici, la balise canonique de votre page "https://www.example.com/gb/" doit pointer vers "https://www.example.com/gb/" et non "https://www.example.com/".

Si vous utilisez "https://www.example.com/" comme URL canonique pour "https://www.example.com/gb/", vous indiquez que "https://www.example.com/" est la version officielle de votre page globale. Par conséquent, les moteurs de recherche risquent de toujours proposer, à tort, "https://www.example.com/" aux internautes, même si ces derniers viennent du Royaume-Uni.

3. Utiliser rel="canonical" comme entrée d'autoréférencement pour une page web

Lors de la mise en œuvre des balises hreflang sur une page web, vous devrez faire en sorte qu'une balise hreflang renvoie à l'URL de la page web actuelle. C'est ce qu'on appelle l'"autoréférencement".

Par exemple, une page web dont l'URL est "https://www.example.com/gb/" peut contenir deux balises hreflang comme suit :

‍

La balise Hreflang n° 1 serait l'entrée autoréférencée dans ce cas. Et la valeur de l'attribut rel doit être "alternate" - elle ne peut pas être remplacée par "canonical". Cela entraînerait également des erreurs de code.

Les balises Hreflang et Canonical travaillent main dans la main pour diriger les chercheurs vers les bonnes pages

Nous avons beaucoup parlé des balises hreflang et canoniques dans cette discussion. Résumons les choses :

Les balises hreflang et canoniques servent de signaux - et non de directives - aux moteurs de recherche sur la manière dont ils doivent indexer et classer les pages web. Les balises hreflang permettent d'indiquer quelles pages web doivent être proposées aux internautes ayant certains paramètres linguistiques et régionaux. Par ailleurs, pour indiquer la version "officielle" d'une page web, on utilise les balises canoniques.

L'utilisation des balises hreflang et canonical peut sembler décourageante compte tenu des nombreux problèmes qui peuvent survenir lors de la mise en œuvre. Cependant, il existe des outils qui permettent de mettre en œuvre le processus de mise en œuvre sans effort et sans erreur. En particulier, si vous rendez votre site web multilingue, Weglot ne se contente pas de traduire le contenu web avec un haut degré de précision.

Il peut également ajouter les balises hreflang appropriées à vos pages web de manière automatique, garantissant ainsi une mise en œuvre précise pendant que vous travaillez à créer la meilleure expérience web pour vos visiteurs.

Commencez par un essai gratuit de 14 jours de Weglot ici.