Dans ce post
Les balises hreflang et les balises canoniques sont des indicateurs pour Google et les autres moteurs de recherche concernant les pages Web à indexer et à afficher à certains internautes. Ce sont tous deux des facteurs importants pour SEO multilingue.
Cependant, les deux types de balises ont des fonctions différentes. C'est pourquoi il est important de ne pas les confondre ou de les utiliser de manière interchangeable. Sinon, cela pourrait entraîner des conséquences imprévues et de mauvais résultats pour votre site web.
Pour éviter cela, dans cet article, nous allons plonger en profondeur dans les balises hreflang et canoniques. Nous verrons ce qu'elles sont, les bonnes pratiques et les erreurs courantes lors de leur utilisation, ainsi que la manière de les configurer correctement, à la fois manuellement et à l'aide de plugins WordPress.
Que sont les balises hreflang et canoniques (et pourquoi sont-elles importantes ?)
Afin de bien saisir ce sujet, définissons d'abord les deux types de balises. .
Explication des balises hreflang
Les balises hreflang sont des extraits de code introduits par Google en 2011 pour aider les sites web internationaux. Leur fonction est d'indiquer aux robots d'exploration des moteurs de recherche la langue et la zone géographique auxquelles une page web est destinée. Par exemple, voici à quoi ressemble une balise hreflang destinée au français et à la Suisse.
<link rel="alternate" href="https://yoursite.com/ch" hreflang="fr-ch" />Il se compose de deux parties, le rel="alternate", qui indique qu'il s'agit d'une version alternative d'une page Web existante, et le hreflang="fr-ch" partie qui spécifie sa cible. français représente la langue et ch pour le pays, basé sur le Langue ISO et indicatifs pays.
Cela importe tout particulièrement pour les sites web internationaux qui peuvent comporter des pages au contenu pratiquement identique, mais destinées à des marchés linguistiques différents. Les balises hreflang vous permettent d'indiquer aux moteurs de recherche que vous disposez de versions localisées pour les internautes de ces marchés.
De plus, vous pouvez non seulement cibler une autre langue, mais aussi une région particulière. Par exemple, bien qu'il y ait plusieurs pays hispanophones dans le monde, malgré la langue commune, ils diffèrent par leur dialecte, leur culture et les goûts des consommateurs.
En utilisant les attributs hreflang, il est possible de créer des pages Web destinées à chaque marché et de les marquer en conséquence. De cette façon, vous pouvez localizez-les pour le public auquel ils sont destinés tout en utilisant la même langue.
Les balises canoniques en bref
Les balises canonical jouent un rôle similaire à celui des balises hreflang. Ce sont également des extraits de code HTML qui indiquent aux moteurs de recherche quelle URL est la plus pertinente pour les internautes. Voici à quoi elles ressemblent :
<link rel="canonical" href="https://yoursite.com" />Cependant, au lieu de différencier les variétés linguistiques, les balises canoniques indiquent qu'une page Web doit être considérée comme la version officielle ou la copie maîtresse parmi des pages ayant un contenu identique ou très similaire.
Pourquoi auriez-vous le même contenu sur plusieurs pages web ? Il y a différentes raisons :
- Une page a http:// devant lui, l'autre https://
- Vous republiez un article qui existe déjà sur un autre site web (avec la permission, bien sûr). Ou bien, vous publiez le même contenu sur une autre plateforme comme Medium pour obtenir une plus grande portée.
- Paramètres dans l'URL qui signalent de petits changements sur une page Web, tels que les filtres dans sites de commerce électronique (par ex. https://www.yourwebsite.com/Camping-Hiking/b?ie=UTF8&node=16435151)
Dans tous ces cas, une balise canonique peut indiquer aux moteurs de recherche quelle doit être considérée comme la version principale de la page en question et qu'ils doivent l'indexer à la place des autres.
Avantages SEO des balises hreflang et canoniques
Pourquoi devriez-vous vous donner la peine d'ajouter ces balises à votre site web ? Parce qu'elles offrent de nombreux avantages en matière de référencement (SEO) :
- Évitez les problèmes de contenu dupliqué — Marquer explicitement votre contenu empêche les moteurs de recherche de considérer vos pages comme des doublons. Ainsi, ils sont moins susceptibles de diffuser la mauvaise URL aux internautes ou de vous pénaliser pour un contenu de faible qualité.
- Transfert des signaux de classement — L'autorité des liens entrants et les autres signaux de classement sont transmis à la page canonique et partagés par toutes les versions linguistiques.
- Engagement utilisateur amélioré — Envoyer les visiteurs vers la bonne version de vos pages, par exemple celle dans leur langue préférée, est bénéfique pour les conversions, le temps de visite, l'engagement des utilisateurs, etc. Ce sont là autant d'éléments dont on théorise qu'ils ont un impact positif sur les classements de recherche.
- Éviter de gaspiller le temps d'exploration — Avec les balises canoniques, vous pouvez empêcher les moteurs de recherche d'indexer certaines pages. Cela signifie qu'ils ne gaspillent pas le budget de crawl sur du contenu sans importance au lieu de ce que vous voulez voir indexé.
Ce qu'il est important de comprendre, c'est que ces balises sont des signaux, et non des directives contraignantes. Vous les utilisez pour demander aux moteurs de recherche de faire quelque chose (s'il vous plaît), mais c'est à eux et à leur algorithme qu'il revient de honorer votre demande.
Balises hreflang et canoniques : bonnes pratiques et erreurs courantes
Maintenant que nous savons ce que sont ces balises, examinons comment les utiliser correctement.
Placez-les aux bons endroits
Votre première question sera très probablement de savoir où ces liens doivent apparaître. Les balises hreflang et canoniques sont généralement incluses dans la <head> section du balisage HTML d'une page Web.
En fait, pour les balises canoniques, c'est la seule option. Leurs équimolés hreflang peuvent également apparaître dans les en-têtes HTTP ou un Sitemap XML. Nous verrons en détail ci-dessous comment les y amener.
Formatez correctement vos balises
L'une des choses les plus importantes à savoir est que les deux balises ne peuvent pas être combinées. Quelque chose comme l'exemple ci-dessous ne sera pas compris par les moteurs de recherche.
<link rel="canonical" rel="alternate" href="https://yoursite.com" hreflang="fr-ch" />Au lieu de cela, vous devez afficher les deux types de balises séparément, comme ceci :
Des deux signaux, les balises canoniques sont les plus simples à mettre en œuvre. Elles doivent fondamentalement simplement contenir rel="canonical" ainsi que la destination.
Les balises hreflang sont un peu plus capricieuses. La première chose à noter ici est que vous n'avez pas nécessairement besoin d'inclure à la fois un code de langue et un code de pays. Seule la langue suffit. Cela vous permet de configurer une page plus générale pour les personnes du monde entier effectuant des recherches dans cette langue.
En même temps, l'utilisation d'un code de pays vous permet de créer des pages très spécifiquement ciblées. Nous en avons déjà parlé dans le contexte de l'espagnol ci-dessus. Important : si vous utilisez un code régional, assurez-vous qu'il apparaît en deuxième et non en premier dans la balise hreflang. Vérifiez également qu'il s'agit du bon langue et indicatifs pays.
En même temps, notez que les versions dans d'autres langues ne doivent pas nécessairement se trouver sur le même domaine. Si vous utilisez des adresses web distinctes pour vos différentes versions linguistiques, vous pouvez toujours utiliser la balise hreflang pour indiquer qu'elles sont liées.
De plus, pour les deux types de balises, vous devez inclure les URL complètes de vos pages, et non des URL relatives. Voici la différence :
- URL complète https://yoursite.com/shop/pants
- URL relative /boutique/pantalons
En utilisant des URL absolues, vous indiquez clairement de quelles pages vous parlez et évitez toute ambiguïté ou erreur. Si vous avez du mal à créer vos balises, vous pouvez également utiliser un générateur de balises hreflang ou générateur de balises canoniques.
Rendez-les bidirectionnels et autoréférentiels
Le prochain point important est de savoir sur quelles pages placer vos balises. Commençons par les balises hreflang.
Une partie importante ici est que, Toutes les versions linguistiques doivent comporter des balises hreflang vers toutes les alternatives disponibles.. Autrement dit, toutes vos pages doivent pointer les unes vers les autres. Si ce n'est pas le cas et qu'une balise hreflang ne va que dans une seule direction, Google l'ignorera.
Par exemple, si vous avez une page en anglais, en espagnol et en français destinée aux États-Unis, au Canada, à l'Espagne, à la Colombie et à la France, vos balises hreflang ressembleraient à ceci :
Ce code exact doit être placé sur chacune des pages qui y sont mentionnées.
C'est important car cela établit une relation entre ces pages et indique à Google qu'il s'agit de plusieurs versions du même contenu dans des langues différentes et pour différents groupes d'utilisateurs.
Cela signifie également qu'une balise hreflang pointe toujours vers la page sur laquelle elle se trouve. C'est ce qu'on appelle l“”auto-référencement" et c'est une bonne pratique tant pour les balises hreflang que canoniques.
Avoir une balise canonique sur une page Web qui pointe vers elle-même est un signal indiquant qu'il s'agit de la version officielle. Cela renforce le message des balises pointant vers la même page depuis d'autres emplacements. Par exemple, si la page A est la page principale et la page B un duplicata, toutes deux auraient la même balise canonique ci-dessous.
<link rel="canonical" href="https://yoursite.com/page-a" />Évitez les déclarations contradictoires
Il est vraiment important de choisir les bonnes URL pour les balises hreflang et canoniques, surtout si vous les utilisez ensemble. C'est parce que, bien qu'elles soient similaires dans leur fonction, ce qu'elles signalent aux moteurs de recherche est très différent.
Les balises hreflang sont inclusives, tandis que les balises canoniques sont exclusives. Les premières disent : “ indexe-moi et l'autre page mais pour des paramètres régionaux différents ”, tandis que le second dit : “ ne m'indexez pas, indexez l'autre page ”.
Ainsi, si vous avez une page avec des balises hreflang qui possède également une balise canonique pointant ailleurs que vers elle-même, cela enverrait deux messages très contradictoires. Cela revient pour ainsi dire à dire : “ indexez-moi ainsi que cette autre page, et en même temps ne m'indexez pas, indexez l'autre page à la place ”.
Dans ce cas, les moteurs de recherche pourraient prendre leurs propres décisions, ce qui pourrait ne pas correspondre à vos souhaits. Soyez donc très prudent à ce sujet. En dehors de cela, l'ordre des balises réelles n'a pas d'importance, pourvu qu'elles soient présentes et correctes.
Utilisation de hreflang=”x-default”
Une dernière chose à mentionner ici est la balise x-default. C'est quelque chose que vous pouvez utiliser pour définir une page par défaut parmi différentes versions linguistiques. Lorsque vous le faites, les moteurs de recherche s'y reporteront s'il n'y a pas de version plus spécifique pour la langue et/ou les paramètres régionaux d'un utilisateur.
Cela vous permet également de définir une version préférée si vous avez des pages dans la même langue mais pour des zones géographiques différentes (par exemple, l'anglais américain et britannique). Cela aide lorsqu'une personne effectue une recherche dans cette langue sans provenir de l'une ou l'autre de ces zones.
Voici à quoi ressemble la balise x-default :
<link rel="alternate" href="https://yoursite.com" hreflang="x-default" />Notez qu'il ne contient aucune information sur la langue ou les paramètres régionaux. De plus, l'utilisation de la balise x-default n'est pas obligatoire mais constitue une bonne pratique.
Comment configurer manuellement les balises hreflang et canoniques
Si vous avez suivi jusqu'ici, vous devriez théoriquement être prêt à implémenter des balises hreflang et canoniques sur votre propre site web.
La seule question qui reste est : comment faites-vous cela ?
Examinons cela dès maintenant, en commençant par la méthode manuelle. Ici, vous avez fondamentalement deux options pour les placer :
- Le code HTML susmentionné
<head>section - Le sitemap XML de votre site web
(Les autres options sont les en-têtes HTTP, mais ceux-ci ne sont importants que pour le contenu tel que les documents PDF.)
Utilisation de la section
Cette option est la plus viable pour les petits sites comportant peu de pages, principalement statiques, où vous modifiez directement les fichiers HTML. Elle n'est guère pratique pour les sites web plus volumineux créés de manière dynamique (comme sur WordPress).
Une fois que vous avez créé vos balises à l'aide des conseils et/ou des générateurs ci-dessus, ouvrez vos fichiers HTML avec un éditeur de code et copiez-collez-les entre les <head> et </head> des balises, de préférence vers le haut.
Enregistrez et vous avez terminé. En cas de doute ou si cela ne semble pas fonctionner, passez vos pages dans un Validateur HTML.
Cette méthode est relativement simple, mais elle peut aussi s'avérer ennuyeuse si vous modifiez un jour la structure de votre site ou vos URL. Dans ce cas, vous devriez à nouveau modifier chaque page individuellement.
Intégration des balises hreflang dans le sitemap
Si vous prévoyez d'implémenter vos balises manuellement, le sitemap est peut-être le meilleur choix. Il vous permet d'effectuer des modifications en un seul endroit, ce qui est plus facile à gérer en cas de modification d'URL ou tout simplement pour y ajouter de nouvelles versions linguistiques. Le format ressemble à ceci :
https://yoursite.comChaque page avec des versions linguistiques différentes doit être enveloppée dans <url> crochets. Le <loc> l'élément en haut définit l'URL d'origine, tandis que <xhtml: link> l'élément définit chaque variante linguistique. Il utilise fondamentalement le même format que la version HTML.
Ici aussi, vous pouvez utiliser les outils de génération susmentionnés pour créer les balises hreflang. Comme expliqué précédemment, les balises canoniques doivent être insérées dans le <head> section, vous ne pouvez pas les définir dans le sitemap. Enfin, si vous ne savez pas comment créer un sitemap XML pour votre site web pour commencer, Google a une explication.
Mise en œuvre des étiquettes à l'aide d'extensions WordPress
Nous pouvons probablement convenir que les méthodes ci-dessus semblent un peu fastidieuses. Par conséquent, si vous gérez un site web basé sur WordPress, un moyen plus simple de mettre en œuvre les balises hreflang et canoniques est d'utiliser des extensions.
Pour les balises canoniques, vous pouvez utiliser une Module SEO. Presque toutes sont dotées d'options permettant de définir des URL canoniques et génèrent également des balises canoniques automatiquement.
Par exemple, Yoast SEO ajoute par défaut une balise canonique autoréféférente à toutes vos pages.
D'un autre côté, une excellente option pour implémenter les balises hreflang est TranslatePress.
Pourquoi donc ?
Parce que le plugin le fait littéralement pour vous. Tout ce que vous avez à faire est de configurer les langues que vous souhaitez ajouter à votre site sous Paramètres → TranslatePress.
Une fois que vous avez effectué ces opérations et enregistré vos choix, TranslatePress s'occupe du reste. Il ajoute les balises hreflang appropriées au code HTML de toutes les versions linguistiques de vos pages Web ainsi qu'à votre plan de site XML.
De plus, TranslatePress est capable de distinguer les variantes régionales des langues, telles que le portugais brésilien, l'espagnol mexicain ou le français suisse. Lorsque vous sélectionnez les options correspondantes dans les paramètres, le système configure vos balises hreflang de manière à ce qu'elles reflètent à la fois la langue et la région.
Autres avantages du programme TranslatePress
Si ce qui précède vous intéresse, vous aimeriez peut-être découvrir les autres fonctionnalités proposées par TranslatePress. Cet outil n'est pas seulement utile pour les balises hreflang, mais il offre également de nombreuses autres fonctionnalités qui en font une solution idéale pour la création de sites web internationaux et multilingues.
Tout d'abord, il y a l'interface de traduction super simple.
Utilisez l'aperçu sur la droite pour naviguer sur votre site web et sélectionnez le texte à traduire directement depuis l'écran ou la liste dans le coin supérieur gauche.
Ensuite, ajoutez la traduction dans le champ approprié et enregistrez.
Ensuite, le contenu traduit apparaît automatiquement sur votre site web, où les visiteurs peuvent utiliser l'outil intégré sélecteur de langue pour choisir leur langue préférée.
C'est tout. Vous pouvez également utiliser la même méthode pour afficher les images spécifiques à la langue et, pour aller plus vite, utilisez l'automatique traduction automatique via Google Translate.
Tout cela fait partie du plugin gratuit, qui vous permet d'ajouter une langue supplémentaire à votre site web. Si vous en voulez plus, il y a TranslatePress Pro, qui propose également ces fonctionnalités supplémentaires :
- Traduction automatique avec DeepL — Au lieu de Google Translate, utilisez le DeepL plus précis logiciel de traduction.
- Pack SEO multilingue — Traduisez d'autres balises SEO importantes telles que les slugs d'URL, les titres SEO, les méta-descriptions, les balises ALT, et bien plus encore.
- Navigation spécifique à la langue de l'utilisateur – Affichez différents menus selon la langue de vos visiteurs.
- Détection automatique de la langue de l'utilisateur – Rediriger automatiquement les visiteurs vers leur version linguistique préférée (via les paramètres du navigateur ou la localisation).
- Comptes de traducteurs — Permettre de travailler avec agences de traduction et travailleurs indépendants plus facile en leur donnant un accès direct à votre site.
- Naviguer en tant que rôle utilisateur – Regardez votre site en tant qu'un rôle utilisateur spécifique dans l'éditeur de traduction.
Le TranslatePress Pro est proposé en trois versions différentes plans tarifaires ainsi vous pouvez en choisir un qui correspond à vos besoins.
Prêt à maîtriser les balises hreflang et canoniques ?
Les deux balises dont nous avons parlé dans cet article sont des signaux utiles pour les moteurs de recherche sur la manière dont ils doivent indexer et classer vos pages web. Les balises hreflang vous permettent de définir des versions de page pour des langues et des pays particuliers. Les balises canoniques, en revanche, désignent la version officielle parmi des contenus similaires.
Voici les points les plus importants à retenir :
- Les balises hreflang sont inclusives, tandis que les balises canoniques sont exclusives
- Incluez des liens hreflang vers chaque version linguistique sur chaque page localisée ainsi que des liens vers la page elle-même
- N'essayez pas de combiner les deux balises en une seule instruction
- N'importe quelle page web dotée d'une balise hreflang ne peut pas avoir de balise canonique pointant ailleurs que vers elle-même
- Utilisez des balises x-default pour définir des versions linguistiques par défaut et de repli
Lorsque vous découvrez ces balises pour la première fois, cela peut sembler un peu effrayant et technique. Cependant, comme vous l'avez, je l'espère, constaté, elles ne sont pas si difficiles à implémenter, surtout si vous disposez d'un outil capable de le faire automatiquement comme TranslatePress. Il vous aide non seulement à traduire votre site web WordPress, mais aussi à configurer les balises hreflang sans que vous ayez à le moindre effort à fournir. Essayez-le dès maintenant !
TranslatePress Multilingue
Avez-vous des questions concernant l'utilisation des balises hreflang et canoniques ? N'hésitez pas à les poser dans les commentaires ci-dessous !
