Le hreflang, pour les sites multilingues

2 Ce que tu vas apprendre

À la fin de ce chapitre, tu sauras :

• ✓ Comprendre ce qu'est le hreflang
• ✓ Savoir pourquoi il est utile sur un site multilingue
• ✓ Comprendre la différence entre langue et région
• ✓ Lire une balise hreflang
• ✓ Comprendre x-default
• ✓ Éviter les erreurs les plus fréquentes

3 Le concept expliqué simplement

Qu'est-ce que le hreflang ?

Le hreflang est une annotation qui permet d'indiquer aux moteurs de recherche les différentes versions linguistiques ou régionales d'une page.

Google recommande notamment d'utiliser ces annotations lorsqu'un site possède plusieurs versions d'une page destinées à différentes langues ou régions.

Par exemple :

<link rel="alternate" hreflang="fr" href="https://exemple.fr/page" />
<link rel="alternate" hreflang="en" href="https://example.com/page" />

Cela indique qu'il existe une version française et une version anglaise de la page.

Pourquoi en a-t-on besoin ?

Imagine que Google dispose de deux pages : Page A en français et Page B en anglais. Sans information supplémentaire, le moteur doit comprendre par lui-même la relation entre ces versions. Le hreflang fournit un signal explicite.

Analogie — Le panneau indicateur

Le code de langue

Le premier élément important est le code utilisé dans hreflang. Par exemple : fr pour le français ou en pour l'anglais.

Tu peux également combiner une langue avec une région. Par exemple : en-GB pour l'anglais destiné au Royaume-Uni et en-US pour l'anglais destiné aux États-Unis. Cela permet de distinguer des variantes régionales.

Langue et région, ce n'est pas la même chose

Imagine deux pages : Français pour la France et Français pour la Belgique. La langue est identique. Mais le contenu peut être différent : monnaie, livraison, adresse, produits disponibles, informations commerciales, expressions utilisées.

Le hreflang peut donc aussi servir à distinguer des versions régionales.

Les versions doivent se référencer mutuellement

C'est un point très important. Si ta page française indique qu'elle possède une version anglaise, la page anglaise doit également indiquer la version française.

Google recommande que chaque version liste elle-même ainsi que les autres variantes.

Par exemple :

Page française :

<link rel="alternate" hreflang="fr" href="https://exemple.fr/page" />
<link rel="alternate" hreflang="en" href="https://example.com/page" />

Page anglaise :

<link rel="alternate" hreflang="fr" href="https://exemple.fr/page" />
<link rel="alternate" hreflang="en" href="https://example.com/page" />

x-default

Tu peux également rencontrer x-default. Cette valeur permet d'indiquer une version par défaut pour les utilisateurs qui ne correspondent pas aux versions explicitement définies.

Par exemple :

<link rel="alternate" hreflang="x-default" href="https://example.com/page" />

Le hreflang ne traduit pas ta page

C'est important. Ajouter hreflang="en" ne transforme pas une page française en anglais. Le contenu doit réellement exister dans la langue correspondante. Le hreflang sert à indiquer la relation entre les différentes versions.

Le hreflang ne détecte pas automatiquement la langue

Autre nuance importante : Google indique que le hreflang n'est pas utilisé pour détecter directement la langue d'une page. Le moteur utilise ses propres systèmes pour déterminer la langue du contenu. Le hreflang sert surtout à lui signaler les variantes que tu souhaites associer.

Les pièges à éviter :

• ✗ Utiliser le hreflang sur un site qui n'a qu'une seule version linguistique sans raison
• ✗ Indiquer une mauvaise URL
• ✗ Oublier de faire référence à la page elle-même
• ✗ Créer des annotations qui ne sont pas réciproques
• ✗ Confondre langue et région
• ✗ Croire que hreflang traduit automatiquement une page
• ✗ Utiliser des codes de langue incorrects

4 Exemple concret

Imaginons une entreprise qui vend des chaussures en France, au Royaume-Uni et aux États-Unis.

Elle possède trois versions :

https://exemple.fr/chaussures-randonnee
https://example.co.uk/hiking-shoes
https://example.com/hiking-shoes

La version française peut contenir :

<link rel="alternate" hreflang="fr-FR" href="https://exemple.fr/chaussures-randonnee" />
<link rel="alternate" hreflang="en-GB" href="https://example.co.uk/hiking-shoes" />
<link rel="alternate" hreflang="en-US" href="https://example.com/hiking-shoes" />
<link rel="alternate" hreflang="x-default" href="https://example.com/hiking-shoes" />

L'objectif est de permettre aux moteurs de comprendre qu'il existe plusieurs variantes adaptées à différents publics.

Google précise que les annotations peuvent être ajoutées via le HTML, les en-têtes HTTP ou un sitemap. Ces méthodes sont considérées comme équivalentes pour Google.

5 Comment le mettre en pratique

6 Le jargon de ce chapitre

Mini-lexique

7 Quiz — Vérifie que tu as compris

8 Et après ?

La suite logique

Tu viens de terminer le premier grand tour d'horizon des balises et signaux techniques.

Tu sais maintenant comment donner un titre clair à une page avec le title, présenter son contenu avec la meta description, donner des consignes d'exploration avec robots.txt, décrire plus précisément ton contenu grâce aux données structurées, comprendre le nouveau sujet du llms.txt, et gérer les différentes versions linguistiques avec hreflang.

Tu commences donc à voir une idée essentielle du SEO technique : Le référencement ne consiste pas uniquement à écrire du contenu. Il faut aussi aider les machines à comprendre, explorer et interpréter ce contenu.

Dans le prochain palier, nous allons pouvoir aller plus loin et nous intéresser à la manière dont Google découvre, explore et indexe les pages d'un site.