Un site web multilingue et Google : adresses distinctes et hreflang

Votre site web est-il en ligne en plusieurs langues, par exemple en néerlandais, en anglais et en allemand ? Dans ce cas, vous voulez qu'une personne qui effectue une recherche en allemand voie la page allemande dans Google, et non la page néerlandaise. Pour cela, deux éléments sont nécessaires : une adresse propre par langue, et hreflang, une référence qui indique à Google quelles pages sont des traductions les unes des autres. Dans cet article, vous découvrirez comment cela fonctionne et comment le vérifier. Nous utilisons example.com comme exemple.

Une adresse propre par langue

Google recommande une adresse propre par version linguistique, par exemple :

https://example.com/bruidsboeketten          (Néerlandais)
https://example.com/en/bridal-bouquets       (Anglais)
https://example.com/de/brautstraeusse        (Allemand)

Ne changez donc pas de langue sur la même adresse à l'aide d'un cookie ou d'un paramètre de navigateur. Google récupère généralement les pages depuis les États-Unis ; si le contenu d'une adresse change selon le visiteur, Google risque de ne voir qu'une seule version.

Ne redirigez pas non plus automatiquement les visiteurs vers une autre langue en fonction de la langue de leur navigateur ou de leur localisation. Google le déconseille explicitement. Un visiteur néerlandais en vacances en Allemagne veut simplement voir le site en néerlandais. Préférez placer un sélecteur de langue clair sur chaque page, afin que chacun puisse accéder à chaque version.

À quoi ressemble hreflang

Dans le <head> de chaque version linguistique figure le même ensemble de règles :

<link rel="alternate" hreflang="nl" href="https://example.com/bruidsboeketten">
<link rel="alternate" hreflang="en" href="https://example.com/en/bridal-bouquets">
<link rel="alternate" hreflang="de" href="https://example.com/de/brautstraeusse">
<link rel="alternate" hreflang="x-default" href="https://example.com/bruidsboeketten">

Quatre règles à retenir :

1. Chaque version se désigne elle-même et toutes les autres. La page anglaise comporte exactement les quatre mêmes lignes, y compris celle pour en.
2. Réciprocité. Si la page néerlandaise pointe vers la page allemande, la page allemande doit pointer en retour vers la page néerlandaise. Si ce n'est pas le cas, Google ignore la référence. C'est l'erreur la plus fréquente.
3. Adresses complètes, avec https:// inclus, et uniquement des adresses qui s'ouvrent directement : pas de redirection, pas de 404 et pas de noindex.
4. Chaque version possède une balise canonical vers elle-même. La page anglaise n'est pas une copie de la page néerlandaise. Si elle pointe avec une balise canonical vers la page néerlandaise, elle risque de disparaître de Google.

x-default n'est pas obligatoire. Vous l'utilisez pour désigner la page destinée à toute personne pour qui aucune de vos langues ne convient, souvent votre langue principale ou une page où l'on choisit une langue.

Hreflang peut aussi être utilisé en en-tête de réponse du serveur (pratique pour un pdf) ou dans le plan du site. Choisissez une seule méthode. Si vous en utilisez plusieurs, elles doivent indiquer exactement la même chose.

Les codes

La langue vient toujours en premier. Un pays seul ne suffit pas : hreflang="be" signifie biélorusse, pas Belgique. N'utilisez un code pays que si les versions diffèrent réellement, par exemple au niveau des prix, de la livraison ou de l'orthographe. Si vous avez une seule version allemande pour tout le monde, utilisez simplement de.

Indiquez également la langue correcte dans l'attribut lang de chaque page, par exemple <html lang="de">. Google détermine lui-même la langue d'une page à partir du texte, mais les navigateurs, les outils de traduction et les lecteurs d'écran utilisent bien cet attribut.

Comment cela fonctionne dans l'IA Builder

Si vous ajoutez une langue dans l'IA Builder, la langue principale reste à l'adresse principale et chaque autre langue reçoit son propre dossier, par exemple /en/. Chaque page reçoit des références hreflang vers la même page dans les autres langues, ainsi qu'un x-default vers la langue principale. Les actualités n'existent que dans la langue principale et n'ont donc pas de hreflang. Les visiteurs changent de langue à l'aide du sélecteur de langue dans le menu ; l'IA Builder ne redirige personne automatiquement. Si le navigateur d'un visiteur est configuré dans une autre langue de votre site, il peut tout au plus voir une petite bannière avec un lien vers cette langue.

Dans WordPress, une extension multilingue gère le hreflang. Chez d'autres créateurs de sites web, vous trouverez cette fonctionnalité sous des noms comme « langues » ou « international ».

Vérifier

1. Ouvrez une page, faites un clic droit et choisissez Afficher le code source de la page (ou Ctrl+U). Recherchez hreflang avec Ctrl+F.
2. Y a-t-il une ligne pour chaque langue, y compris pour la langue de la page elle-même ? Les adresses sont-elles complètes ?
3. Ouvrez une des autres versions linguistiques et vérifiez qu'elle possède exactement le même ensemble, avec une référence en retour.
4. Cliquez sur les adresses : chaque adresse doit s'ouvrir directement, sans redirection.
5. Recherchez aussi canonical : celle-ci doit pointer vers l'adresse de la page elle-même.

Pour aller plus loin

• Google : versions localisées de vos pages (hreflang) (en anglais)
• Google : gérer des sites multilingues et internationaux (en anglais)
• Vérifier votre plan du site