Comprendre les balises hreflang et leur importance en SEO

Dans un environnement numérique international, il est essentiel d’adapter un site aux différentes langues et régions visées. La balise hreflang est un outil SEO qui aide les moteurs de recherche à comprendre quelle version d’une page doit être affichée à quel utilisateur selon sa langue ou sa localisation.

Qu’est-ce qu’une balise hreflang ?

Une balise hreflang est un élément HTML qui permet d’indiquer la langue et parfois la cible géographique d’une page web. Si un site possède plusieurs versions d’une même page, par exemple en anglais, en français et en espagnol, le hreflang aide Google à montrer la bonne variante.

Syntaxe d’une balise hreflang

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

Dans cet exemple, la page est présentée comme la version anglaise destinée aux utilisateurs situés aux États-Unis.

L’attribut hreflang est composé de deux éléments :

un code de langue, comme en pour l’anglais ou fr pour le français ;
un code de région optionnel, comme us ou ca.

Pourquoi hreflang est important pour le SEO

Améliorer l’expérience utilisateur

Un utilisateur s’attend à tomber sur une version de page adaptée à sa langue. Sans hreflang, il peut être dirigé vers une version peu pertinente pour lui.

Limiter les problèmes de contenu dupliqué

Quand plusieurs versions d’une même page coexistent, les moteurs peuvent avoir besoin d’un signal clair pour comprendre qu’il s’agit de variantes destinées à des audiences différentes.

Renforcer la visibilité locale

Le hreflang aide les moteurs à afficher une page plus adaptée à un pays ou à une langue donnés, ce qui peut améliorer la visibilité dans certains marchés.

Comment implémenter hreflang

Ajouter les balises dans le head HTML

La manière la plus courante consiste à ajouter les balises dans le <head> de chaque page.

<head>
  <link rel="alternate" href="https://www.example.com/en-us/" hreflang="en-us">
  <link rel="alternate" href="https://www.example.com/fr-fr/" hreflang="fr-fr">
  <link rel="alternate" href="https://www.example.com/es-es/" hreflang="es-es">
</head>

Utiliser un sitemap XML

Sur les grands sites, il peut être plus simple de centraliser les annotations hreflang dans un sitemap XML.

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

Utiliser la valeur x-default

L’attribut x-default sert à définir une version par défaut lorsqu’aucune version linguistique ou régionale précise ne convient.

Bonnes pratiques

Garder des versions réellement équivalentes

Le hreflang fonctionne mieux lorsque les pages liées sont de vraies variantes d’une même page, et non des contenus complètement différents.

Maintenir la réciprocité

Si une page A pointe vers une page B avec hreflang, la page B doit aussi renvoyer vers la page A.

Vérifier la cohérence avec les canonical

Les canoniques et les hreflang doivent fonctionner ensemble et non se contredire.

Les balises hreflang sont précieuses pour les sites multilingues et internationaux. Correctement mises en place, elles réduisent les ambiguïtés, améliorent l’expérience utilisateur et aident les moteurs à diffuser la bonne version du contenu à la bonne audience.