--- title: "Crear un sitio multilingüe" description: "Para un sitio multilingüe con Éclair, define el idioma de cada contenido, vincula las traducciones, ordénalas bajo /en/ o /es/ y conoce los límites del tema." url: "https://eclair.academy/es/rutas/intermedio/sitio-multilingue" lang: "es" author: "Thierry Gustin" published: "2026-11-02" updated: "2026-11-02" --- # Crear un sitio multilingüe > **Lo esencial** — Éclair gestiona un sitio multilingüe contenido a contenido, en 6 idiomas públicos (fr, es, en, de, it, pt). Eliges el idioma de cada página, vinculas sus traducciones en el editor y Éclair añade las etiquetas hreflang y x-default, el sitemap y los enlaces Leer en. Ordena cada idioma bajo un prefijo (/en/, /es/) con subpáginas, sabiendo que los menús y las palabras de las direcciones son comunes. 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. > **Antes de empezar** — Duración: 35 minutos. Requisitos previos: saber crear páginas y subpáginas ([páginas, menús y página de inicio](https://eclair.academy/es/rutas/principiante/paginas-menus-inicio)) y conocer la pestaña SEO ([el SEO con Éclair](https://eclair.academy/es/rutas/intermedio/seo)). ## Lo que sabrás hacer ### 🌍 Publicar en varios idiomas Definir el idioma de cada contenido y vincular sus traducciones. ### 🏠 Organizar tus direcciones Colocar cada idioma bajo su prefijo, con subpáginas. ### 💡 Conocer los límites Menús, blog y búsqueda: lo que sigue siendo común y cómo arreglártelas. ## 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. ![La pestaña General de los ajustes, con el idioma del sitio y la elección de la página de inicio](https://eclair.academy/media/2026/11/eclair-academy-settings-general-es.webp) *El idioma del sitio se define en Ajustes › General* ## 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. > **Solo cuentan las versiones publicadas** — Una versión en borrador o marcada como noindex no aparece ni en las etiquetas hreflang ni en los enlaces «Leer en». Publica las dos versiones para que la vinculación surta efecto. ## 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: ```text / 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: | Elemento | Comportamiento del tema estándar | Lo que puedes hacer | | --- | --- | --- | | Menús | Un menú de cabecera y un menú de pie de página para todo el sitio, que se muestran en cada página | Consulta la sección siguiente | | Palabras de las direcciones | Siguen en el idioma del sitio: «recherche», «page», «auteur» y «boutique» en el de Atelier Nova, en francés | Nada: son direcciones técnicas | | Blog | Todos los artículos viven bajo /blog, y las listas mezclan los idiomas | Mantener el blog en el idioma principal, o filtrar por categoría | | Búsqueda | Una sola página de resultados, /recherche en un sitio en francés | Redirigir /search a /recherche | | Textos del sitio | Nombre, eslogan y texto del pie de página comunes | Frases cortas que se entiendan en todos tus idiomas | 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](https://eclair.academy/es/rutas/experto/personalizar-tema)). ![La pantalla Menús: el menú principal y el menú del pie de página, con sus elementos para reordenar](https://eclair.academy/media/2026/11/eclair-academy-menus-es.webp) *Un solo menú de cabecera para todo el sitio* ## 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](https://eclair.academy/es/rutas/ia-mcp/crear-pagina-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](https://eclair.academy/es/rutas/principiante/paginas-menus-inicio): crear subpáginas y configurar los menús. - [El SEO con Éclair](https://eclair.academy/es/rutas/intermedio/seo): la pestaña SEO que debes rellenar en cada versión. - [Personalizar las plantillas del tema](https://eclair.academy/es/rutas/experto/personalizar-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](https://developers.google.com/search/docs/specialty/international/localized-versions?hl=es). ## Preguntas frecuentes ### ¿Cuántos idiomas puedo publicar? Seis idiomas públicos, que puedes mezclar libremente contenido a contenido: francés, español, inglés, alemán, italiano y portugués. La interfaz de administración, por su parte, ofrece 7 idiomas, entre ellos el chino simplificado. ### ¿Hace falta un subdominio por idioma? No. Con Éclair, el método más sencillo es un prefijo por idioma (/en/, /es/) con subpáginas, en la misma instalación y con el mismo panel. ### ¿Para qué sirve la etiqueta x-default? Señala la versión escrita en el idioma del sitio, la que Google propone cuando ninguna versión coincide con el idioma del usuario. Éclair la añade automáticamente en cuanto se vinculan dos versiones publicadas. ### ¿Puedo traducir los artículos de mi blog? Sí, y vincularlos igual que las páginas: hreflang y los enlaces «Leer en» funcionan. Pero todos los artículos comparten la dirección del blog y las mismas listas; mantén el blog en tu idioma principal si esa mezcla te molesta.