Comment ajouter des balises hreflang dans WordPress

Êtes-vous en train de créer un site Web qui prend en charge plusieurs langues et régions ? Un site multilingue peut élargir votre audience potentielle de manière exponentielle, mais peut aussi sembler difficile à gérer.

La bonne nouvelle est que l'ajout de balises hreflang peut améliorer l'optimisation des moteurs de recherche (SEO) et l'expérience utilisateur (UX) de votre site. Ce n'est pas si difficile à accomplir, et vous pouvez commencer à bénéficier rapidement d'un trafic et d'un engagement accrus.

Dans cet article, nous verrons ce que sont les balises hreflang et certaines des meilleures pratiques pour les utiliser. Nous vous dévoilerons ensuite les méthodes que vous pouvez utiliser pour implémenter ces balises sur votre site WordPress. Mettons-nous au travail!

Qu'est-ce qu'un hreflang ?

La balise hreflang est un code HTML qui indique à Google quelle version d'une page Web afficher pour certaines langues et régions. Voici un exemple de ce à quoi ce code peut ressembler :

<link rel="alternate" href="example.com" hreflang="en-us" />
<link rel="alternate" href="example.com/fr/" hreflang="fr-fr" />

Chaque balise comprend une combinaison de détails de langue et de lieu, tels que "en-us" pour l'anglais et les États-Unis, ou "fr-fr" pour le français et la France.

Bien que Google puisse détecter la langue d'une page Web, l'absence de balises hreflang peut toujours nuire à votre classement dans les recherches. En effet, sans ces balises, vos pages dans différentes langues peuvent finir par se concurrencer pour les meilleurs emplacements. Bien que les balises hreflang ne soient pas des facteurs de classement en elles-mêmes, elles aident Google à proposer les bonnes pages aux utilisateurs.

hreflang et votre site multilingue : bonnes pratiques

Vous pouvez atteindre un public plus large avec un site Web multilingue WordPress, mais vous devez mettre en œuvre certaines bonnes pratiques pour obtenir des résultats. L'une des meilleures pratiques pour ce type de site Web consiste à utiliser des balises hreflang, mais il existe également d'autres techniques intelligentes.

Pour la meilleure expérience utilisateur, il est judicieux d'utiliser du contenu écrit par des locuteurs natifs, et non du texte traduit automatiquement. Une autre bonne pratique consiste à utiliser la balise facultative x-default pour les langues sans correspondance. Cela devrait être utilisé sur les pages d'accueil, où les utilisateurs peuvent sélectionner l'emplacement et la langue de leur choix.

Si votre site Web utilise des balises canoniques, vous devrez également faire attention lors de l'ajout de balises hreflang. Ces deux types de balises peuvent entrer en conflit, envoyant des signaux mitigés à Google sur la page à afficher. Bien que vous puissiez laisser les balises hreflang hors des pages qui ont des balises canoniques, il est préférable d'ajouter simplement les balises de langue avec précaution.

Comment implémenter les balises hreflang sur WordPress

Les balises hreflang sont inestimables sur les sites Web WordPress, mais uniquement lorsqu'elles sont correctement implémentées. Il existe trois méthodes que vous pouvez utiliser pour ajouter ces balises à votre site Web. Les plugins sont la méthode la plus simple et la plus courante. Cependant, vous pouvez également mettre à jour l'en-tête de votre site Web ou modifier son sitemap XML. Regardons les trois techniques.

Plugins hreflang

La méthode la plus simple d'implémentation de hreflang consiste à utiliser un plugin WordPress. Des plugins comme MultilingualPress ajoutent automatiquement des balises hreflang et ne devraient pas causer de problèmes de performances :

MultilingualPress dispose également d'une fonction de traduction, qui peut être trouvée dans l'éditeur de publication. Lorsque vous acceptez une traduction, le plugin ajoute les balises hreflang appropriées à l'en-tête de votre site. La fonction de traduction ne se limite pas aux publications et fonctionne sur les balises et les catégories tout en se synchronisant bien avec des plugins comme Yoast et WooCommerce.

Une autre option de plugin pour l'implémentation de hreflang est Polylang :

Polylang est un outil gratuit populaire qui vous aide à gérer les sites Web WordPress en plusieurs langues. Vous pouvez créer du contenu comme d'habitude, puis lui attribuer une langue. Après cela, Polylang s'occupera des balises hreflang pour vous.

Ajouter hreflang à <head>

Vous pouvez ajouter des balises hreflang à votre site Web WordPress sans plugin, en mettant à jour votre fichier header.php . Pour accéder à ce fichier, vous devrez accéder à Apparence > Éditeur de thèmes ou utiliser le protocole de transfert de fichiers (FTP).

Après avoir ouvert le fichier, vous voudrez rechercher l'ouvreur <head> et coller ce code :

<link rel="canonical" href="http://example.com/content"/>
<link rel="alternate" hreflang="x-default" href="http://example.com/content"/>
<link rel="alternate" hreflang="en-us" href="http://example.com/content"/>
<link rel="alternate" hreflang="es-es" href="http://example.com/es/content"/>
<link rel="alternate" hreflang="fr-fr" href="http://example.com/fr/content"/>

Dans cet exemple, les balises doivent être ajoutées au contenu en anglais. Les balises x-default et English hreflang pointent également vers la page de contenu en anglais.

D'autre part, les balises hreflang espagnoles et françaises redirigent vers les versions linguistiques correctes de la page. Bien sûr, vous pouvez ajouter plus de balises hreflang pour toutes les autres langues utilisées sur votre site Web.

Ajouter hreflang au plan de site XML

Si vous ne souhaitez pas modifier votre fichier header.php , vous pouvez mettre à jour le sitemap XML de votre site à la place. L'utilisation de cette méthode garantit que Google trouvera vos pages dans une autre langue et les indexera correctement. La mise à jour de votre sitemap réduit également la taille de vos pages Web, pour des temps de chargement plus rapides.

Les balises hreflang de votre sitemap XML sont légèrement différentes :

<url>
<loc>http://www.example.com/content</loc>
<xhtml:link rel="alternate" hreflang="es-es" href="http//www.example.com/es/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>
<url>
<loc>http://www.example.com/es/content</loc>
<xhtml:link rel="alternate" hreflang="en-us" href="http//www.example.com/content"/>
<xhtml:link rel="alternate" hreflang="fr-fr" href="http//www.example.com/fr/content"/>
</url>

Bien que la modification de votre sitemap XML facilite l'indexation, cela peut également devenir compliqué. Si vous avez un grand site Web, le plan du site peut devenir gonflé. L'ajout de balises hreflang au sitemap peut également prendre plus de temps que l'utilisation des autres méthodes décrites ci-dessus.

Comment valider hreflang sur WordPress

Même lorsqu'elles sont incluses, les balises hreflang sont souvent implémentées de manière incorrecte sur les sites Web multilingues. La validation de vos balises hreflang peut vous aider à déterminer si vous les avez correctement ajoutées.

Pour valider les balises, vous pouvez utiliser divers outils en ligne. Ces outils offrent des informations similaires, mais les présentent de différentes manières. L'outil de test des balises hreflang de Sitrix affiche les balises sur votre site Web et vous permet de savoir s'il y a des erreurs :

L'outil de test des balises hreflang de Merke fournit également une ventilation des balises et des erreurs sur votre site Web :

Cependant, si vous ne souhaitez voir que les erreurs, l'outil de test des balises hreflang de SALT.agency est une autre option.

Continuez à apprendre avec WP Engine

Si vous avez un site Web dont le contenu est en plusieurs langues, les balises hreflang aideront Google à fournir les bonnes pages aux bons visiteurs. Heureusement, il existe plusieurs façons d'ajouter des balises hreflang à votre site Web, l'option la plus simple étant d'installer un plugin dédié.

Si vous rencontrez des difficultés avec tout autre aspect de la gestion de votre site Web multilingue, WP Engine se consacre à vous aider à trouver les ressources dont vous avez besoin. Découvrez nos plans aujourd'hui!