Créer un site multilingue

Un site multilingue avec Éclair se construit contenu par contenu : chaque page a sa langue, et tu relies ses traductions entre elles. Éclair s'occupe des balises hreflang, du sitemap et des liens « Lire en ». Cette leçon te montre la bonne organisation des adresses et, honnêtement, ce que le thème standard ne fait pas, pour qu'Atelier Nova accueille aussi ses élèves anglophones.

Comment Éclair gère les langues

Le site public parle 6 langues : français, espagnol, anglais, allemand, italien et portugais. Deux réglages travaillent ensemble :

• Langue du site, dans Réglages › Général : la langue principale. Elle sert aux pages communes (blog, recherche, page d'erreur) et aux mots réservés des adresses.
• Langue du contenu, dans l'éditeur (onglet Document, rubrique Auteur et langue) : la langue de chaque page, article ou produit. Par défaut, c'est celle du site.

La langue du contenu règle la balise lang de la page, les textes du thème (« Sommaire », « L'essentiel », « Questions fréquentes », « Publié le »…), le format des dates, la langue annoncée aux réseaux sociaux et la typographie française, appliquée seulement aux pages en français. Dans Contenus, un contenu dans une autre langue que celle du site affiche son code, comme EN ou ES, à côté de son adresse.

L'administration existe en 7 langues, chinois simplifié compris : chacun choisit la sienne dans Mon profil › Langue de l'administration, sans effet sur le site.

Relier les traductions dans l'éditeur

Prenons la page « Nos cours » d'Atelier Nova, à l'adresse /cours, et créons sa version anglaise :

1. Ouvre la page française, puis clique sur Dupliquer dans l'onglet Document : une copie en brouillon s'ouvre, avec la même mise en page.
2. Traduis le titre et les textes de la copie, par exemple « Our classes ».
3. Dans Adresse (URL), remplace l'adresse par en/classes.
4. Dans Auteur et langue, règle Langue du contenu sur English.
5. Dans Traduction de…, choisis « Nos cours (FR) », puis enregistre. À la prochaine ouverture, l'aide du champ indique « Lié à : Nos cours (FR) ».
6. Remplis l'onglet SEO dans la nouvelle langue, puis publie.

Dès que les deux versions sont publiées, Éclair ajoute dans chacune les balises hreflang de toutes les versions, plus une balise x-default qui désigne la version dans la langue du site. Le sitemap liste les versions de chaque adresse, et un lien « Lire en » vers chaque autre version apparaît sous le titre, dans la langue de la page.

Organiser les adresses d'un site multilingue

La bonne organisation : la langue principale à la racine, chaque autre langue sous un préfixe, avec des sous-pages. Crée d'abord une page d'accueil par langue (adresse en, puis es), puis ses sous-pages :

/                      Accueil (français, langue du site)
/cours                 Nos cours
/stages                Stages d'été
/en                    Home (English)
/en/classes            Our classes
/en/summer-workshops   Summer workshops
/es                    Inicio (español)
/es/cursos             Nuestros cursos

Cette structure est claire pour tes visiteurs comme pour Google, qui recommande une adresse distincte par langue. Le fil d'Ariane suit : /en/classes affiche « Atelier Nova › Home › Our classes ». Une adresse de page compte 4 niveaux au plus : avec le préfixe de langue, il t'en reste 3. Seule la page d'accueil principale se choisit dans Réglages › Général ; /en et /es sont des pages ordinaires, que tu relies comme traductions de l'accueil.

Cette académie est construite exactement ainsi : le français à la racine, l'anglais sous /en/ et l'espagnol sous /es/, chaque leçon reliée à ses traductions.

Ce qui reste commun à toutes les langues

Le thème standard gère très bien les pages traduites, mais dans un site multilingue certains éléments valent pour toutes les langues. Mieux vaut le savoir avant de construire :

Deux précisions. Les listes qui mélangent les langues sont la page du blog, le bloc « Derniers articles » et les articles « À lire aussi ». Pour les séparer, crée une catégorie par langue et filtre le bloc « Derniers articles » sur elle, au prix d'une catégorie thématique en moins. Pour la recherche, la loupe d'une page anglaise pointe vers /search, une adresse qui n'existe pas sur un site réglé en français : ajoute dans Redirections la redirection de /search vers /recherche, et de /buscar pour l'espagnol.

Comment organiser les menus d'un site multilingue ?

Avec le thème standard, le même menu d'en-tête s'affiche sur toutes les pages. Trois solutions, de la plus simple à la plus complète :

1. Un menu court et un lien de langue : dans Menus, garde 3 ou 4 entrées et ajoute un Lien personnalisé « English » vers /en. C'est le choix d'Atelier Nova.
2. Les langues en pied de page : place « Français », « English » et « Español » dans le Menu du pied de page, et laisse les liens « Lire en » faire le reste.
3. Des gabarits personnalisés : un développeur peut filtrer les menus par langue dans les fichiers du thème. C'est ce que fait cette académie, avec un sélecteur de langue (personnaliser les gabarits du thème).

Traduire vite avec l'IA, sans perdre le contrôle

L'assistant IA traduit un passage sélectionné, et Créer avec l'IA compose un brouillon dans la langue choisie (créer une page avec l'IA). Claude ou ChatGPT, branchés par le connecteur MCP, savent aussi créer un brouillon dans une autre langue. Dans tous les cas, la liaison des traductions reste manuelle : c'est toi qui choisis Traduction de…. Fais relire chaque version par une personne qui parle la langue, et adapte l'expression-clé : on ne cherche pas un cours de céramique avec les mêmes mots en anglais.

À retenir

• Chaque contenu a sa langue ; la langue du site sert de référence pour x-default et les mots des adresses.
• Relie chaque traduction avec Traduction de… : hreflang, sitemap et liens « Lire en » suivent.
• Pour un site multilingue lisible, range chaque langue sous un préfixe (/en/, /es/) avec des sous-pages.
• Menus, blog et recherche sont communs dans le thème standard : prévois-le dès le départ.
• Une traduction se relit et s'optimise dans sa langue, expression-clé comprise.

Pour aller plus loin

• Pages, menus et page d'accueil : créer des sous-pages et régler les menus.
• Le SEO avec Éclair : l'onglet SEO à remplir pour chaque version.
• Personnaliser les gabarits du thème : filtrer les menus par langue, comme cette académie.
• Source : la page de Google Search Central sur les versions localisées d'une page.

Toutes les leçons du parcours