Travailler continuellement à optimiser ton site web pour la visibilité sur les moteurs de recherche garantira que de nouveaux utilisateurs puissent trouver ton contenu sur le web. Il existe une gamme de techniques que tu peux utiliser pour améliorer les classements SEO de ton site web pour un public national, cependant, lorsque tu essaies de cibler des audiences dans plusieurs pays ou des visiteurs qui parlent plus d’une langue, tu devras suivre quelques règles supplémentaires — l’une d’entre elles implique l’ajout de balises hreflang à ton site web.
Les moteurs de recherche lisent les balises hreflang pour s’assurer que tes pages sont indexées correctement pour un public international défini, et que ces utilisateurs sont dirigés vers les bonnes versions de ton site. Heureusement, il existe une poignée de méthodes relativement simples et faciles que tu peux utiliser pour insérer et exploiter ces attributs sur ton site web.
Dans cet article, nous allons te présenter les balises hreflang et expliquer pourquoi elles sont importantes. Ensuite, nous te guiderons sur la manière de les mettre en œuvre sur ton site web. Plongeons-y !
Une Introduction Aux Balises Hreflang
Introduit pour la première fois par Google en 2011, l’attribut hreflang spécifie la langue du contenu sur une page.
Tu peux utiliser les balises hreflang pour cibler des pays spécifiques. Elles sont pratiques pour les sites web proposant du contenu dans plusieurs langues.
Les balises Hreflang sont ajoutées à la section <head> du code HTML de vos pages web. Chaque balise doit spécifier la langue et le pays pour une page particulière.
Par exemple, les balises peuvent ressembler à ce qui suit :
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="de" href="http://example.com/de/">
Dans l’exemple ci-dessus, la première ligne est la page par défaut pour les utilisateurs qui ne parlent aucune des langues spécifiées. Les deuxième et troisième lignes sont respectivement pour les anglophones et les germanophones. L’attribut hreflang spécifie la langue, et l’attribut href spécifie l’URL.
Il est important de noter que les balises hreflang sont uniquement utilisées par les moteurs de recherche — elles ne seront pas visibles pour les utilisateurs. De plus, les balises hreflang ne sont qu’un type de balise qui peut améliorer le SEO de votre site web et l’Expérience Utilisateur (UX). D’autres balises courantes incluent les balises de titre et les descriptions meta.
De plus, garde à l’esprit que les balises hreflang et les balises canoniques ne sont pas les mêmes. Une balise canonique est un élément HTML qui indique aux moteurs de recherche quelle version d’une page indexer.
Une balise hreflang, d’autre part, indique aux moteurs de recherche quelle version d’une page servir aux utilisateurs dans différents pays. Les balises canoniques résolvent les problèmes de contenu dupliqué. En revanche, les balises hreflang garantissent que les utilisateurs qui parlent différentes langues reçoivent les bonnes versions des pages.
Pourquoi Les Balises Hreflang Sont Importantes
Les balises hreflang sont importantes pour plusieurs raisons. Elles influencent à la fois l’UX et le SEO de ton site web.
Avantages De L’utilisation Des Balises Hreflang
- Assure-toi que tes pages sont correctement indexées.
- Dirige les utilisateurs vers les versions correctes de ton site.
- Mène à des niveaux de trafic plus élevés et plus de conversions.
- Organise ton site web.
- Localise ton contenu pour les utilisateurs mondiaux.
- Empêche la concurrence entre les différentes pages web alternatives.
De plus, les balises hreflang peuvent améliorer ton taux de clics (CTR) depuis les pages de résultats des moteurs de recherche (SERPs). Les utilisateurs qui voient que ton site est disponible dans leur langue sont plus susceptibles de cliquer dessus. Cela peut entraîner des niveaux de trafic plus élevés et, en fin de compte, plus de conversions.
Comment Utiliser les Balises Hreflang (3 Méthodes Techniques)
Il existe trois méthodes principales pour implémenter l’attribut hreflang sur ton site web. Ci-dessous, nous allons te guider à travers chacune d’elles.
Cependant, quelle que soit la méthode choisie, il est important de comprendre trois éléments de base des balises hreflang. Premièrement, l’attribut de langue doit être dans un code pays à deux lettres connu sous le nom de format ISO 639-1. ISO est l’abréviation de l’Organisation internationale de normalisation. Cette valeur se compose d’une langue et peut être combinée avec une région (facultative).
Tu peux utiliser les codes de région ISO 3166-1 pour spécifier une région. Il est important de ne pas confondre les deux ou de les utiliser de manière interchangeable. Par exemple, le code pour la langue grecque est « el », mais le code pour la région Grèce est « gr ».
La deuxième règle est que chaque URL doit avoir des liens de retour pointant vers les versions canoniques. Par exemple, si tu as 40 langues, tu aurais des liens hreflang pour 40 URLs.
Enfin, tu as besoin de liens auto-référentiels pour que l’implémentation de ta balise hreflang fonctionne. Cela signifie que chaque version linguistique doit également se lister elle-même en utilisant une balise hreflang auto-référentielle, vers laquelle la page se pointe elle-même.
Maintenant, voici trois méthodes pour utiliser les balises hreflang !
1. Utilise des Balises HTML dans les Sections <head>
Comme nous l’avons mentionné précédemment, l’une des manières d’implémenter des balises hreflang sur ton site web est de les insérer dans des balises HTML. C’est souvent la méthode la plus rapide et la plus simple.
Cependant, ce processus peut être long si tu as une longue liste de langues. Tu devrais lier chaque variante à toutes les autres variantes. De plus, WordPress devrait effectuer plusieurs appels à la base de données pour générer ces liens.
En fin de compte, cela pourrait ralentir ton site. Par conséquent, si tu possèdes un site plus grand ou souhaite créer une longue liste de langues, tu pourrais vouloir utiliser la méthode du plan de site à la place (voir Méthode 3).
Pour utiliser cette méthode de balise HTML, tu dois insérer tes balises hreflang dans la section <head> de chacune de tes pages. Par exemple, si tu souhaitais ajouter des versions anglaise et espagnole pour la version américaine de ton site, tu devrais ajouter le code suivant :
<link rel="alternate" hreflang="x-default" href="http://example.com/"> <link rel="alternate" hreflang="en" href="http://example.com/en/"> <link rel="alternate" hreflang="es" href="http://example.com/de/">
Dans l’exemple ci-dessus, la première ligne fait référence à la page par défaut. La deuxième et la troisième concernent les anglophones et les hispanophones.
2. Insérer des balises Hreflang dans vos en-têtes HTTP
Si tu souhaites ajouter des balises hreflang dans des pages non HTML, telles que des PDF, tu n’auras pas de code HTML pour placer les balises. Dans ce cas, tu peux utiliser tes en-têtes HTTP à la place.
Le code ressemblerait à quelque chose comme ce qui suit :
<http://example.pdf>; rel="alternate";hreflang="x-default", <http:/example.pdf>; rel="alternate";hreflang="en", <http://example.pdf>; rel="alternate";hreflang="es", <http://example.pdf>; rel="alternate";hreflang="de"
Dans cet exemple, tu ajoutes des variantes pour l’anglais, l’espagnol et l’allemand. Chacune des versions respectives doit être placée dans les en-têtes de chaque fichier PDF.
3. Ajouter Des Balises Hreflang À Votre Plan De Site
La troisième méthode pour implémenter les balises hreflang consiste à utiliser le balisage du plan de site XML. Cette approche te permet d’ajouter les attributs hreflang pour toutes les pages de ton site en un seul endroit.
Il peut également t’aider à éviter de ralentir la vitesse de chargement de la page (ce qui peut arriver si tu places les balises dans la section head des pages). De plus, modifier un plan du site peut être beaucoup plus facile que de modifier la balise <head> de chaque page.
La méthode du plan de site est similaire à la méthode de la balise <head> HTML, sauf que l’attribut xhtml:link ajoute les annotations hreflang à chaque URL. Suivant l’attribut xhtml:link au début de votre URL, vous ajouteriez les versions alternatives de la page, donc votre balisage ressemblerait à ce qui suit :
<url> <loc>https://example.com/link</loc> <xhtml:link rel=”alternate” hreflang=”en-us” href=”x-default” <xhtml:link rel=”alternate” hreflang=”en” href=”https://example.com/link/” /> <xhtml:link rel=”alternate” hreflang=”es” href=”https://example.com/enlance/” />
Ici, tu verras que chaque URL possède un attribut hreflang et des liens de retour vers les autres URLs. Un élément <url> distinct doit être créé pour chaque URL. Chaque élément doit inclure un <loc> qui indique l’URL de la page. Les URLs doivent également avoir un élément <xhtml:link rel=”alternate” hreflang=”code_de_langue_supporté”> qui liste chaque version alternative de la page.
Tu peux ajouter toutes les balises nécessaires à un seul fichier. Bien que l’ordre des éléments n’ait pas d’importance, nous recommandons de les garder uniformes, car cette disposition facilitera la vérification des erreurs. Tu peux soumettre ton nouveau plan du site à Google Search Console lorsque tu as terminé.
Outils Qui Génèrent Automatiquement Des Balises Hreflang
Le temps nécessaire pour générer et implémenter tes balises hreflang peut varier en fonction du nombre de versions que tu souhaites créer et de la méthode utilisée. Cependant, quelques outils peuvent simplifier et accélérer le processus. Jetons un œil à certains des plus populaires !
Plugin de Traduction Weglot
Weglot est un outil de traduction populaire et fiable qui peut ajouter des balises hreflang de Google et des balises de marquage à ton site web :
Weglot peut être une solution utile si tu es débutant et que tu n’es pas habitué à travailler avec du code. Il identifie automatiquement les balises href dans ton code lors de la traduction et modifie les liens d’en-tête de page.
Vérificateur Hreflang
Il est crucial de toujours vérifier tes tags hreflang pour t’assurer qu’ils fonctionnent correctement après les avoir placés. L’outil Hreflang Checker tool fourni par Weglot peut aider à simplifier ce processus :
Pour l’utiliser, copie simplement l’URL que tu souhaites vérifier dans le champ de texte (assure-toi d’inclure “http://” ou “https://”) et sélectionne un bot de moteur de recherche à émuler. Ensuite clique sur le bouton Tester l’URL . Il affichera une page de résultats de recherche montrant le statut de tes balises.
Générateur de Sitemap XML
Si tu souhaites implémenter des balises hreflang en utilisant la méthode du sitemap, tu peux utiliser l’outil Générateur de Sitemap XML Hreflang. Il a été créé par Erudite, une agence de marketing digital :
Après avoir créé un compte en utilisant ton adresse email, indique simplement à l’outil où envoyer ton sitemap et télécharge ton fichier CSV, incluant une colonne pour chaque langue. Ensuite, l’outil Erudite générera automatiquement un sitemap XML.
Générateur de Tags Hreflang
Si tu as besoin d’aide pour générer les éléments de lien pour tes balises hreflang, tu peux utiliser le Générateur de Balises Hreflang :
Cet outil, créé par Aleyda Solis, peut simplifier la création de balises pour ton site web multilingue ou international. Tu peux générer ces balises soit en ajoutant (jusqu’à 50) URL à baliser dans le formulaire fourni, soit en les téléchargeant via un fichier CSV. De nouveau, tu devras t’assurer qu’il y a une colonne pour les URL.
Modèle Google Sheets Ahrefs
Un autre outil que tu peux utiliser est le modèle de feuilles Google fourni par Ahrefs :
Sous l’onglet Configuration, sélectionne ta langue-locale de site (langue par défaut), puis choisis jusqu’à quatre variantes supplémentaires. Par exemple, tu pourrais choisir anglais comme langue-locale par défaut, suivi de espagnol, allemand, chinois, et russe comme alternatives.
Ensuite, sous l’onglet URLs, tu trouveras cinq colonnes, chacune avec ses propres cellules d’en-tête qui correspondent à la langue que tu as choisie dans l’onglet Setup. Il devrait également y avoir une colonne X-Default.
Colle maintenant les URL dans les cellules respectives. Ensuite, sous l’onglet Résultats, tu trouveras un code auto-généré pour ton sitemap XML. Tu peux copier et coller tout ce qui se trouve dans la colonne A dans un document XML et le télécharger via la Console de recherche Google.
Conseils Et Meilleures Pratiques Pour L’utilisation Des Balises Hreflang
Maintenant que tu comprends les bases des balises hreflang et leur mise en œuvre, discutons de quelques conseils pour les utiliser. Voici quelques bonnes pratiques essentielles à suivre !
Assure-Toi Que Les Tags Sont Bidirectionnels
Les balises hreflang fonctionnent par paires, ce qui signifie qu’elles sont bidirectionnelles. Lorsque tu ajoutes une balise hreflang à une page en anglais pointant vers une version espagnole, tu dois également t’assurer que la variante espagnole revienne avec une balise hreflang pointant vers la version anglaise.
Cette configuration indique aux moteurs de recherche que la relation est convenue, et que tu contrôles les deux pages. Si deux pages ne se pointent pas l’une vers l’autre, Google ignorera les balises.
Spécifiez La Page Par Défaut Pour Les Utilisateurs Qui Ne Parlent Aucune Des Langues Spécifiées
Il est important de spécifier la page par défaut pour les utilisateurs qui ne parlent aucune de vos langues définies. Cela garantira que les visiteurs soient dirigés vers la bonne version de votre site.
Tu peux faire cela en ajoutant une balise avec le code de langue “x-default”. Cela ressemblerait à quelque chose comme :
<link rel=”alternate” hreflang=”x-default” href=”https://example.com/” />
La page par défaut sera utilisée dans les situations où Google ne peut pas extraire la langue ou la région pour les utilisateurs quand elle n’est pas spécifiée ou listée. Au lieu de cela, la page x-default demandera aux utilisateurs quelle langue ils préfèrent, puis les dirigera vers la version alternative appropriée.
Utilisez Des URLs Absolus
Les URLs absolues sont des URLs complètes qui incluent le nom de domaine. Elles sont également le type d’URL préféré à utiliser avec les balises hreflang. Elles sont moins susceptibles d’être affectées par des changements sur votre site web, et facilitent l’indexation correcte de vos pages par les moteurs de recherche.
Il est important de s’assurer que tes balises hreflang contiennent des URLs absolus. En d’autres termes, le code devrait ressembler à « https://example.com/link » plutôt qu’à « example.com/link ».
Assure-Toi Que Tes Balises Hreflang Sont Valides Et Correctement Formatées
Comme nous l’avons mentionné plus tôt, les codes de langue et de région ISO corrects doivent être utilisés lors de la création de vos attributs de lien hreflang. Sinon, tu pourrais recevoir un message dans la Google Search Console t’informant que ton site ne dispose d’aucun tag de langue hreflang.
N’oublie pas d’utiliser les codes ISO des langues pour les attributs de langue et les codes régionaux pour les emplacements géographiques. Par exemple, alors que « kr » est pour la région de la Corée du Sud, « ko » est le code pour la langue coréenne.
Garde Tes Balises Hreflang À Jour
Au fur et à mesure que tu continues d’ajouter du contenu et des pages à ton site web, il devient plus crucial de suivre tes balises hreflang.
Disons que tu ajoutes un nouveau domaine pour un pays particulier. Alors tu devras ajouter les balises hreflang appropriées à tes pages existantes, et vérifier qu’elles pointent vers le nouveau domaine.
La même chose s’applique si tu supprimes des versions linguistiques de ton site web. Si tu supprimes une langue, tu devras supprimer ou remplacer les balises hreflang qui y pointent. Pointer vers des URL manquantes ou incorrectes peut nuire à la fois à ton UX et à ton SEO.
Surveille Ton Site Web Pour Les Erreurs
Tout aussi essentiel que de garder tes balises hreflang à jour est de surveiller régulièrement ton site web pour détecter des erreurs. Ce processus inclut la vérification du code source de ton site pour s’assurer que toutes les balises nécessaires sont présentes.
Tu peux utiliser un outil tel que Google Search Console pour surveiller plus facilement ton site web. Cette plateforme t’aidera à vérifier si tes pages sont correctement indexées.
Optimise Ton Site Web Pour Un Public International
L’utilisation des balises hreflang peut améliorer le SEO et l’expérience utilisateur de ton site web pour les audiences internationales. Ces attributs peuvent aider ton site à atteindre les utilisateurs dans différents pays et garantir que le contenu approprié est servi dans leurs langues natives ou préférées.
Comme nous l’avons discuté dans cet article, il existe trois méthodes que tu peux utiliser pour implémenter les balises hreflang :
- Ajoute les attributs à la section <head> de chaque page.
- Place-les dans les en-têtes HTTP des pages de contenu non-HTML.
- Mets les balises dans ton sitemap XML, afin que tous les attributs soient regroupés au même endroit.
As-tu besoin d’aide pour optimiser ton site web multilingue ? Découvre nos Services professionnels DreamHost pour apprendre comment nous pouvons amener ton site à un niveau supérieur !
SEO International Facilité
Nous éliminons les incertitudes (et le travail réel) pour augmenter le trafic de ton site web avec le SEO.
En Savoir Plus