Pourquoi prendre soin des balises Hreflang et comment les utiliser efficacement dans votre boutique Magento 2 ?

S'engager sur la voie de l'expansion internationale est une affaire complexe qui nécessite une stratégie SEO réfléchie, internationale. Les balises hreflang permettent d'amener les acheteurs potentiels au bon contenu et aux offres qui correspondent parfaitement à leurs requêtes, tout en leur permettant d'éviter les problèmes de contenu en double. Entrons dans les détails et transformons les balises hreflang en un jeu d'enfant !

Que sont les balises hreflang ?

Hreflang est une solution technique pour les sites qui ont un contenu égal (ou similaire) dans différentes langues et/ou ciblent plusieurs emplacements. En d'autres termes, si vous gérez un magasin international dans plusieurs langues ou souhaitez vendre en dehors de votre pays (même si la même langue y est parlée), la mise en œuvre de telles balises est faite pour vous.

Par exemple, il y a un client potentiel francophone qui navigue sur le Web. La page avec un produit recherché par l'acheteur est disponible en anglais dans les résultats de recherche, mais vous avez également une version française. Quel est l'objectif ? Vous devez vous assurer que ce client arrive à la version française du site Web ou à une autre page particulière. Les balises hreflang permettent de spécifier à quels utilisateurs les pages sont destinées. Avant de creuser plus profondément, assurez-vous de vous familiariser avec les instructions officielles de Google.

Votre boutique Magento 2 a-t-elle besoin de balises Hreflang ?

Si vous répondez "OUI" à au moins une des affirmations suivantes, ces balises sont indispensables pour votre site :

• Il y a un contenu égal dans différentes langues dans votre boutique basée sur Magento.
• Il y a du contenu écrit dans une langue qui est destiné à des régions distinctes.

Voici quelques scénarios réels courants pour les sites Web nécessitant des balises hreflang :

Exemple 1. Un site Web anglophone avec trois versions différentes : une pour les États-Unis, une autre pour le Royaume-Uni et la troisième est destinée au reste du monde.

Exemple #2. Un site Web en trois langues internationales : anglais, espagnol et français.

Exemple #3. Une boutique de commerce électronique à portée mondiale qui propose trois versions pour différents continents : Europe, Asie, États-Unis et Canada.
Exemple n° 4 : un site de commerce électronique basé aux États-Unis avec des versions de site Web en anglais et en espagnol.
Exemple #5 : Site Web pour un pays avec différentes langues locales/d'État.

Balises hreflang pour différents pays et options linguistiques

• La valeur hreflang inclut les codes de langue et de pays séparés par un trait d'union.
• La valeur hreflang n'est définie qu'une seule fois. Ainsi, il ne peut y avoir deux versions de votre boutique en ligne qui ciblent simultanément la même langue et les mêmes utilisateurs d'un même emplacement (chaque combinaison de langue et de pays doit être unique).
• Les adresses URL peuvent obtenir simultanément quelques valeurs hreflang.

Pourquoi auriez-vous besoin de Hreflang="x-default" ?

"X-default" est une valeur spéciale de l'attribut hreflang qui indique vers quelle page vos acheteurs en ligne doivent être dirigés si aucune des langues des balises hreflang n'est conforme aux paramètres de leur navigateur. En d'autres termes, si l'emplacement des clients et la langue ne correspondent pas aux paramètres, ils sont redirigés vers la version de votre boutique en ligne définie par défaut. Par exemple, un acheteur allemand recherche des produits en anglais. Normalement, il n'y aura pas d'adresse URL correspondante. Dans un tel cas, x-default est utilisé.

Quelles bévues devriez-vous éviter ?

Selon la source, il est essentiel pour une entreprise en ligne d'éviter les erreurs suivantes lors de la définition des balises hreflang :

• liens hreflang incorrects,
• conflits d'attributs hreflang dans le code source de la page,
• mauvaises valeurs hreflang,
• les pages sans attributs hreflang,
• définir des balises hreflang pour un site Web qui n'est pas multilingue ou qui cible un seul emplacement.

Annotations hreflang : conseils

Les annotations hreflang doivent être implémentées au niveau de l'URL. Ainsi, chaque ensemble d'adresses URL pour différents pays et langues reçoit ses propres annotations.

1. Toutes les pages de commerce électronique ne peuvent pas exister dans toutes les régions et langues. Il n'est pas recommandé d'utiliser des annotations hreflang pour indiquer des pages inexistantes.
2. Les annotations hreflang sont requises uniquement pour les pages que vous souhaitez indexer par les moteurs de recherche - il s'agit généralement de pages de produits, de catégories et de CMS.
3. Il n'est pas recommandé d'inclure des annotations hreflang dans les adresses URL non canoniques.

3 +1 méthodes populaires pour définir des balises hreflang

1. Fichiers de plan de site XML

Il existe certains problèmes en ce qui concerne le traitement des données Google dans les fichiers Sitemap. Ainsi, en choisissant cette méthode même, vous pouvez rencontrer certaines erreurs dans Google Search Console.
Normalement, les développeurs préfèrent utiliser des fichiers Sitemap XML lors de la mise en œuvre des balises hreflang dans le code source HTML de chaque page pour les sites Web mondiaux. Il est communément admis que les annotations hreflang créent plus de problèmes dans le sitemap XML que dans la section de code d'en-tête de la page.

2. En-tête HTTP de chaque page

Il y a certainement des avantages à la méthode :
Google reçoit constamment des données de l'en-tête HTTP par opposition aux fichiers XML Sitemap.
Vous pouvez configurer des en-têtes HTTP pour chaque URL, même pour celles qui manquent de code source natif, ainsi que pour les fichiers PDF et autres fichiers non HTML.
Néanmoins, cette méthode est assez compliquée à utiliser et entraîne plus de difficultés que d'avantages.

3. Section d'en-tête de code HTML de chaque page

Cette méthode est assez simple mais elle présente certains inconvénients, en particulier lors de l'utilisation de la valeur x-default. Ainsi, si la page d'accueil vise à rediriger les clients en fonction de la langue et de l'emplacement indiqués dans le navigateur, je vous recommande d'envisager d'utiliser les deux premières méthodes, ou une bonus ;).

Quel est le moyen le plus simple de définir des balises Hreflang dans Magento 2 ?

L'extension Seo Suite Ultimate pour Magento 2 permet d'optimiser le processus d'ajout de balises hreflang et d'informer les crawlers Google des versions alternatives de la page.

Cette solution tout-en-un permet de gérer un grand nombre de configurations SEO, et les balises hreflang ne représentent qu'une petite partie de ses fonctionnalités. Tu pourras:

• définir la portée de l'URL hreflang (site Web ou global),
• utiliser des balises hreflang sur les pages produits, catégories et CMS,
• utiliser le code de langue de la locale par défaut,
• sélectionner manuellement la langue des URL alternatives,
• définir l'attribut X-default hreflang pour les pages non localisées,
• connecter les pages localisées de ce type au moyen d'un identifiant, d'une clé URL ou d'un attribut hreflang,
• aperçu pratique des paramètres hreflang alternatifs.

Activation des balises hreflang

Pour ajuster la fonctionnalité, allez dans Stores – Configuration – MageWorx – SEO – SEO Base – Paramètres des URL Hreflang .
La beauté du module est la possibilité de créer des configurations hreflang spécifiques à Store View. Tout ce que vous avez à faire est de passer à la vue du magasin pour laquelle vous souhaitez définir des balises hreflang.

L'extension permet de définir ces balises sur un site Web (localement) ou sur tous vos sites Web (globalement). Si l'option Site Web est définie, les URL alternatives ne fonctionnent que sur un seul site Web, si Global — les URL alternatives fonctionnent entre les sites Web.

De plus, vous pourrez à la fois simplement désactiver/activer les balises hreflang et spécifier ce pour quoi vous souhaitez les définir :

• catégories,
• des produits,
• pages CMS,
• pages de destination.

Paramètres de langue pour les URL alternatives

Vous aurez besoin de ces paramètres si vous souhaitez définir des langues par défaut différentes pour chaque vue de magasin de votre site.
Par exemple, l'anglais et le français sont les langues par défaut de deux vues de magasin de votre boutique de commerce électronique. Les codes de ces langues seront utilisés par défaut pour les URL alternatives. Vous obtiendrez hreflang= »en » et hreflang= »fr ».
Toutefois, si vous devez définir une langue différente de celle spécifiée pour la vue du magasin, vous pouvez désactiver le paramètre "Utiliser le code de langue des paramètres régionaux par défaut" et sélectionner manuellement la langue requise en cliquant sur le menu déroulant :

Pour modifier la langue par défaut de Store View, accédez à MAGASINS ⟶ Configuration ⟶ GÉNÉRAL ⟶ Général ⟶ Options locales et apportez les modifications nécessaires.
Vous aurez besoin des paramètres "Code de pays" si vous avez des pages dans la même langue qui ciblent des emplacements différents. Par exemple, une page en anglais pour les acheteurs du Canada et des États-Unis. Après avoir activé le paramètre, il vous sera proposé d'utiliser les paramètres Magento (ceux par défaut) ou de spécifier manuellement le code pays souhaité :

X-Défaut

Activez ce paramètre en un clic de souris !

URL alternatives pour les pages CMS

L'extension facilite la connexion des versions localisées des pages CMS.
Bien souvent, les marchands doivent créer plusieurs pages CMS – une pour chaque langue. Par conséquent, les pages traduites ont des identifiants différents, et souvent des clés URL. Pour permettre au système de déterminer que vous disposez des versions localisées de la même page et d'ajouter des URL alternatives, SEO Suite Ultimate permet de relier ces pages par ID, URL ou clés hreflang. La dernière option doit être spécifiée manuellement pour chaque page CMS (à l'exception de la page d'accueil).

Clé URL

Assurez-vous de choisir cette option si vous avez décidé d'utiliser la même clé d'URL pour les versions traduites de la page CMS. Le module localisera et regroupera toutes les pages avec les mêmes clés URL. Ensuite, les URL alternatives correctes seront ajoutées.

Clé d'identification

Cette option conviendra le mieux aux pages dont le contenu est dans la même langue pour différentes vues de magasin. Par exemple, si votre page CMS est en anglais mais que vous ciblez à la fois le Canada et les États-Unis, vous avez probablement des vues de magasin différentes pour eux.

Clé hreflang

Nous vous recommandons d'opter pour cette option si vos pages CMS ont des clés URL différentes. L'extension ajoutera un nouvel attribut pour chaque page CMS. Ainsi, vous pourrez saisir la valeur unique pour une même page et indiquer qu'elles ont le même contenu mais dans des langues différentes :

Endroit tout-en-un

Afin de faciliter le processus de définition des balises hreflang et de tester les bonnes, l'extension Magento 2 SEO Suite Ultimate vous permet de visualiser facilement les URL de site alternatives directement dans le backend :
En fait, c'est là que vous pouvez voir si les configurations des balises hreflang ont été faites correctement. Sinon, les cases contenant des erreurs seront surlignées en rouge afin de vous informer.

Conclusion

La configuration correcte des balises hreflang est essentielle pour chaque entité en ligne qui a décidé de s'internationaliser. L'extension SEO Suite Ultimate prendra bien soin de votre entreprise basée sur Magento ( cliquez ici pour en savoir plus sur la version Magento 1 du module complémentaire ) et rendra le référencement international rapide et facile.

N'hésitez pas à laisser un commentaire ci-dessous si vous avez des questions ou des suggestions !