Boutique multilingue et hreflang

Une boutique en ligne multilingue est une boutique dont tout le contenu (produits, catégories, commande, e-mails) est disponible en plusieurs langues. hreflang est une annotation dans le code d'une page qui indique au moteur de recherche que la page existe en versions dans d'autres langues ou pour d'autres pays, afin qu'il puisse montrer à l'utilisateur la bonne version.

En termes simples

Pour l'acheteur, ce qui compte est que la boutique soit compréhensible ; pour le moteur de recherche, il importe de savoir que `/en/` et `/` ne sont pas des copies mais des traductions d'une même page. Google explique ainsi l'objectif de hreflang : aider la Recherche à orienter les utilisateurs vers la version la plus appropriée d'une page selon la langue ou la région ; les versions localisées ne sont considérées comme des doublons que si le contenu principal reste non traduit (Google).

Structure des URL

Google envisage quatre options : des domaines distincts par pays (`example.de`), des sous-domaines (`de.example.com`), des sous-répertoires (`example.com/de/`) et des paramètres d'URL. Google ne recommande pas les paramètres ; chacune des autres options a des avantages et des inconvénients en matière de clarté, de coût, d'infrastructure et de localisation du serveur (Google). Pour la plupart des boutiques, le plus simple est d'utiliser des sous-répertoires sur un seul domaine : c'est plus facile et moins cher à maintenir, mais il s'agit d'une considération pratique, pas d'une exigence de Google.

Règles de la même page de Google : - Une URL distincte pour chaque langue, et non un cookie ou un réglage du navigateur. - Une langue par page. Google détermine la langue à partir du contenu visible, pas de l'attribut `lang` ni de l'URL ; ne placez pas des traductions côte à côte sur une même page. - Attention à la traduction partielle. Si seule l'enveloppe est traduite alors que les avis ou la description restent dans une seule langue, le résultat de recherche paraît mélangé. - Ne redirigez pas automatiquement selon la langue supposée de l'utilisateur, car cela peut masquer des versions aux personnes et aux moteurs de recherche. Il vaut mieux proposer des liens vers les autres langues pour que la personne choisisse.

Comment fonctionne hreflang

Selon la même documentation (Google) :

• Trois façons équivalentes de l'indiquer : des balises `<link rel="alternate">` dans le `<head>`, un en-tête HTTP, ou `xhtml:link` dans le sitemap.
• Chaque version pointe vers elle-même et vers toutes les autres, et l'ensemble des annotations est identique sur chaque page.
• Les liens de retour sont obligatoires. Si deux pages ne pointent pas l'une vers l'autre, les annotations sont ignorées. C'est l'erreur la plus fréquente.
• `x-default` désigne une page de repli, par exemple un sélecteur de langue, pour les langues qui ne figurent pas dans la liste.
• Les codes de langue suivent la norme ISO 639-1, éventuellement avec un code de région (`en-GB`) ; un code de pays seul n'est pas valide. Les codes réservés comme `EU`, `UN`, `UK` sont ignorés.
• Les URL sont complètes, avec `https://`.

Exemple pour une page de catégorie (illustratif) :

```html <link rel="alternate" hreflang="fr" href="example.com/chaussures/" /> <link rel="alternate" hreflang="en" href="example.com/en/shoes/" /> <link rel="alternate" hreflang="x-default" href="example.com/chaussures/" /> ```

Que traduire

• Les textes des produits et des catégories, les filtres, les messages d'erreur, les e-mails, les documents (conditions de livraison et de retour).
• Les balises meta title et description, les données structurées.
• Les devises et les unités : formats de dates et de montants. Une langue sans prix ni livraison correspondants ne rend pas une boutique internationale ; voir vendre à l'étranger.
• Les images contenant du texte, les bannières, les PDF.

Pour l'effet de la langue sur les données structurées et le balisage, voir données structurées.

Erreurs fréquentes

• Une redirection automatique selon la langue du navigateur (Google).
• L'absence de liens de retour hreflang (Google).
• Une traduction incomplète : le menu dans une autre langue, alors que la fiche produit est dans la langue d'origine.
• Le même texte sous des URL de langues différentes sans traduction.
• Un assortiment et des prix distincts sans explication : la version anglaise affiche des produits qui ne sont pas expédiés à l'étranger.
• Oublier les versions linguistiques dans le sitemap, le canonical et les formulaires : à vérifier lors d'un audit technique.

FAQ

Qu'est-ce que hreflang ? Une annotation qui relie les versions linguistiques d'une page afin que la recherche affiche la bonne (Google).

Ai-je besoin de hreflang si la boutique n'existe que dans une seule langue ? Non. Il est nécessaire lorsqu'il existe plusieurs versions linguistiques ou régionales d'un même contenu.

Le multilinguisme nuit-il au SEO à cause des doublons ? Si le contenu est réellement traduit, ce n'est pas un doublon au sens de Google (Google).

Que choisir : un sous-domaine, un sous-répertoire ou un domaine distinct ? Google ne désigne pas de gagnant : chaque option a ses compromis (Google).

Faut-il utiliser la traduction automatique ? Google n'aborde pas la traduction automatique dans ces pages. Règle pratique : un texte traduit doit se lire naturellement et être vérifié par une personne, surtout les descriptions de produits, les conditions de retour et les textes juridiques.

Termes associés

• Audit technique d'un site
• Audit SEO d'une boutique en ligne
• Données structurées pour une boutique en ligne : Product, Offer, Review
• Tendances SEO pour une boutique en ligne

Sources

• Google Search Central, Tell Google about localized versions of your page — developers.google.com/search/docs/specialty/international/localized-versions
• Google Search Central, Managing multi-regional and multilingual sites — developers.google.com/search/docs/specialty/international/managing-multi-regional-sites