Crear un sitio multilingüe

Un sitio multilingüe con Éclair se construye contenido a contenido: cada página tiene su idioma y tú vinculas sus traducciones entre sí. Éclair se ocupa de las etiquetas hreflang, del sitemap y de los enlaces «Leer en». Esta lección te enseña a organizar bien las direcciones y, con franqueza, lo que el tema estándar no hace, para que Atelier Nova reciba también a sus alumnos de habla inglesa.

Cómo gestiona Éclair los idiomas

El sitio público habla 6 idiomas: francés, español, inglés, alemán, italiano y portugués. Dos ajustes trabajan juntos:

• Idioma del sitio, en Ajustes › General: el idioma principal. Se usa en las páginas comunes (blog, búsqueda, página de error) y en las palabras reservadas de las direcciones.
• Idioma del contenido, en el editor (pestaña Documento, sección Autor e idioma): el idioma de cada página, artículo o producto. Por defecto, es el del sitio.

El idioma del contenido define la etiqueta lang de la página, los textos del tema («Índice», «Lo esencial», «Preguntas frecuentes», «Publicado el»…), el formato de las fechas, el idioma que se anuncia a las redes sociales y la tipografía francesa, que solo se aplica a las páginas en francés. En Contenidos, un contenido cuyo idioma no es el del sitio muestra su código, como EN o ES, junto a su dirección.

El panel de administración existe en 7 idiomas, chino simplificado incluido: cada persona elige el suyo en Mi perfil › Idioma de la administración, sin efecto en el sitio.

Vincular las traducciones en el editor

Tomemos la página «Nos cours» de Atelier Nova, en la dirección /cours, y creemos su versión en inglés:

1. Abre la página en francés y haz clic en Duplicar, en la pestaña Documento: se abre una copia en borrador, con la misma maquetación.
2. Traduce el título y los textos de la copia, por ejemplo «Our classes».
3. En Dirección (URL), sustituye la dirección por en/classes.
4. En Autor e idioma, pon Idioma del contenido en English.
5. En Traducción de…, elige «Nos cours (FR)» y guarda. La próxima vez que la abras, la ayuda del campo indicará «Vinculado a: Nos cours (FR)».
6. Rellena la pestaña SEO en el nuevo idioma y publica.

En cuanto las dos versiones están publicadas, Éclair añade en cada una las etiquetas hreflang de todas las versiones, más una etiqueta x-default que señala la versión en el idioma del sitio. El sitemap enumera las versiones de cada dirección, y debajo del título aparece un enlace «Leer en» hacia cada una de las demás versiones, en el idioma de la página.

Organizar las direcciones de un sitio multilingüe

La organización correcta: el idioma principal en la raíz y cada uno de los demás bajo un prefijo, con subpáginas. Crea primero una página de inicio por idioma (dirección en y después es) y luego sus subpáginas:

/                      Accueil (francés, idioma del sitio)
/cours                 Nos cours
/stages                Stages d'été
/en                    Home (inglés)
/en/classes            Our classes
/en/summer-workshops   Summer workshops
/es                    Inicio (español)
/es/cursos             Nuestros cursos

Esta estructura es clara tanto para tus visitantes como para Google, que recomienda una dirección distinta por idioma. Las migas de pan la siguen: /en/classes muestra «Atelier Nova › Home › Our classes». La dirección de una página tiene 4 niveles como máximo: con el prefijo de idioma, te quedan 3. Solo la página de inicio principal se elige en Ajustes › General; /en y /es son páginas normales, que vinculas como traducciones del inicio.

Esta academia está construida exactamente así: el francés en la raíz, el inglés bajo /en/ y el español bajo /es/, con cada lección vinculada a sus traducciones.

Lo que es común a todos los idiomas

El tema estándar gestiona muy bien las páginas traducidas, pero en un sitio multilingüe algunos elementos valen para todos los idiomas. Conviene saberlo antes de construir:

Dos precisiones. Las listas que mezclan los idiomas son la página del blog, el bloque «Últimos artículos» y los artículos «También te puede interesar». Para separarlas, crea una categoría por idioma y filtra con ella el bloque «Últimos artículos», a costa de tener una categoría temática menos. En cuanto a la búsqueda, la lupa de una página en inglés apunta a /search, una dirección que no existe en un sitio configurado en francés: añade en Redirecciones la redirección de /search a /recherche, y la de /buscar para el español.

¿Cómo organizar los menús de un sitio multilingüe?

Con el tema estándar, el mismo menú de cabecera aparece en todas las páginas. Tres soluciones, de la más sencilla a la más completa:

1. Un menú corto y un enlace de idioma: en Menús, deja 3 o 4 entradas y añade un Enlace personalizado «English» hacia /en. Es la opción de Atelier Nova.
2. Los idiomas en el pie de página: coloca «Français», «English» y «Español» en el Menú del pie de página y deja que los enlaces «Leer en» hagan el resto.
3. Plantillas personalizadas: un desarrollador puede filtrar los menús por idioma en los archivos del tema. Es lo que hace esta academia, con un selector de idioma (personalizar las plantillas del tema).

Traducir rápido con la IA, sin perder el control

El asistente IA traduce un fragmento seleccionado, y Crear con IA compone un borrador en el idioma elegido (crear una página con IA). Claude o ChatGPT, conectados mediante el conector MCP, también saben crear un borrador en otro idioma. En todos los casos, la vinculación de las traducciones sigue siendo manual: eres tú quien elige Traducción de…. Haz que una persona que hable el idioma revise cada versión, y adapta la frase clave: en inglés, nadie busca una clase de cerámica con las mismas palabras.

Para recordar

• Cada contenido tiene su idioma; el idioma del sitio sirve de referencia para x-default y para las palabras de las direcciones.
• Vincula cada traducción con Traducción de…: hreflang, sitemap y enlaces «Leer en» se actualizan solos.
• Para un sitio multilingüe claro, coloca cada idioma bajo un prefijo (/en/, /es/) con subpáginas.
• Menús, blog y búsqueda son comunes en el tema estándar: tenlo en cuenta desde el principio.
• Una traducción se revisa y se optimiza en su idioma, frase clave incluida.

Para saber más

• Páginas, menús y página de inicio: crear subpáginas y configurar los menús.
• El SEO con Éclair: la pestaña SEO que debes rellenar en cada versión.
• Personalizar las plantillas del tema: filtrar los menús por idioma, como hace esta academia.
• Fuente: la página de Google Search Central sobre las versiones localizadas de una página.

Todas las lecciones de la ruta