En esta publicación
En esta publicación
¿Buscas ejemplos de sitios web multilingües para inspirar tu propio sitio y darte algunas ideas sobre cómo implementar la funcionalidad multilingüe?
Crear un sitio multilingüe es una excelente manera de llegar a más personas, mejorar el SEO de su sitio y crear una mejor experiencia para su audiencia multilingüe existente. Por esa razón, encontrará muchos otros sitios que ya han dado el salto al espacio multilingüe, que es lo que hemos recopilado para usted en esta publicación.
Te mostraremos más de 8 ejemplos reales de sitios web multilingües, junto con detalles sobre la tecnología que utilizaron para traducir sus sitios. En su mayor parte, intentamos elegir ejemplos que utilicen tecnología de traducción que sea fácilmente replicable, incluso si no eres desarrollador.
Luego, una vez que hayas obtenido algo de inspiración, te mostraremos paso a paso cómo puedes crear tu propio sitio web multilingüe usando WordPress y el complemento gratuito TranslatePress.
Las 8 mejores páginas web multilingües de ejemplo.
Para cada sitio web, incluiremos una sección que detalla la tecnología sobre la que funciona, incluida la solución multilingüe.
1. Moodle
Moodle es una de las herramientas LMS (sistema de gestión del aprendizaje) de código abierto más populares. Es utilizada por millones de personas,.
Moodle se usa en todo el mundo, así que no es de extrañar que el sitio web de Moodle esté disponible en seis idiomas diferentes:
- Inglés
- Alemán
- Español
- Francés
- Italiano
- Portugués
Los usuarios pueden elegir sus idiomas preferidos usando el menú desplegable en la esquina superior derecha (mostrado arriba).
🏗️ Cómo lo construyeron:
Para crear el sitio multilingüe, Moodle utiliza el software de código abierto WordPress junto con Tema Pofo y el Plugin WPBakery Page Builder para el diseño. Para proporcionar la funcionalidad multilingüe, Moodle utiliza el gratuito Complemento TranslatePress.
2. ESL EPT Championship IEM Katowice 2024
ESL es una liga de deportes electrónicos que anteriormente se conocía como Electronic Sports League antes de pasar al acrónimo ESL. Organizan torneos en todo el mundo, lo que requiere sitios web multilingües.
Puedes ver un ejemplo de esto en su evento IEM Katowice 2024, Polonia, que tuvo un sitio web disponible tanto en inglés como en portugués. Los visitantes podían elegir su idioma usando un selector de idioma desplegable en la barra de navegación principal superior.
🏗️ Cómo lo construyeron:
Para crear el sitio web del torneo Rio, ESL utilizó WordPress y el popular Plugin de constructor de páginas Elementor. Para potenciar la funcionalidad multilingüe, ESL utilizó el gratuito Complemento TranslatePress, que ofrece compatibilidad total con Elementor.
3. UNIS Hanói
UNIS Hanoi es la sucursal de Hanói de la Escuela Internacional de las Naciones Unidas. La escuela es única en el sentido de que es una de las dos únicas escuelas de las Naciones Unidas en todo el mundo.
Dado que es una escuela internacional, necesita servir a una comunidad multilingüe. Para tener esto en cuenta, UNIS Hanoi ofrece su sitio web en inglés, vietnamita, coreano y japonés. Los visitantes pueden elegir su idioma preferido usando un menú desplegable en la esquina superior derecha del sitio.
🏗️ Cómo lo construyeron:
El sitio web de la UNIS funciona con una solución llamada Finalsite, que es un sistema de gestión de contenidos (CMS) construido específicamente para escuelas y que incluye su propia funcionalidad multilingüe.
4. Dream Glass Group
Dream Glass Group es un proveedor de “vidrio inteligente”, que incluye esas ventanas geniales que pueden cambiar entre transparencia y privacidad con solo pulsar un interruptor. A algunos bares les gusta usarlo para sus baños como broma.
Dream Glass Group se fundó en Madrid, España.
🏗️ Cómo lo construyeron:
Para crear su sitio, Dream Glass Group utiliza el software de código abierto WordPress, junto con el popular SiteOrigin Page Builder para diseño y Herramientas para contenido dinámico. Para agregar la funcionalidad multilingüe a todas esas herramientas, utilizan la gratuita Complemento TranslatePress.
5. Microsoft (Base de Datos de Investigadores)
Microsoft tiene muchos sitios web diferentes, la mayoría de los cuales incluyen funcionalidad multilingüe a través de sistemas propietarios. Sin embargo, para este ejemplo de sitio web, estamos interesados en el sub-sitio de Microsoft Researchers, que utiliza un enfoque más duplicable basado en WordPress para la traducción.
El sitio enumera a todos los investigadores de Microsoft, junto con un cuadro de búsqueda para encontrar personas específicas. Los visitantes pueden usar el selector de idioma fijo en la esquina inferior derecha para elegir entre Inglés y francés.
🏗️ Cómo lo construyeron:
Para el sub-sitio de investigadores, Microsoft utilizó el software de código abierto WordPress y el gratuito Complemento TranslatePress.
6. WordPress.org
Hemos mencionado mucho el software de código abierto WordPress.org en este punto, por lo que es apropiado señalar que el sitio web de WordPress.org también es un gran ejemplo de sitio web multilingüe en sí mismo.
WordPress.org utiliza un enfoque único para dirigir a los visitantes a las versiones traducidas. En lugar de mostrar un selector de idioma desplegable, muestra automáticamente una indicación en la página de inicio para informar a los visitantes que pueden navegar en su idioma preferido.
🏗️ Cómo lo construyeron:
El sitio web de WordPress.org, obviamente, está impulsado por el software de código abierto WordPress. Para crear la funcionalidad multilingüe, usa una característica integrada de WordPress llamada multisitio y crea sitios de red separados para cada idioma.
8. Etsy
Etsy es un popular mercado en línea de productos hechos a mano. Tiene presencia global, por lo que ofrece su sitio web en una variedad de idiomas, incluyendo inglés, alemán, español, francés y muchos otros.
Etsy ofrece una experiencia totalmente localizada – además de permitir a los usuarios elegir sus idiomas preferidos, los visitantes también pueden elegir su región y moneda para ver información exclusiva de su lugar de origen. Puede ver las opciones de localización en la captura de pantalla anterior.
🏗️ Cómo lo construyeron:
Etsy utiliza un sistema propietario para su sitio web. Desafortunadamente, eso significa que no puedes replicarlo fácilmente. Principalmente queríamos mostrarte Etsy como un ejemplo de una estrategia de localización más completa.
9. Retrock
Retrock es una tienda popular de ropa vintage en Budapest, Hungría. Para hacer que su sitio web esté disponible para una audiencia internacional, el equipo de Retrock ofrece el sitio tanto en inglés como en húngaro.
Los visitantes pueden elegir sus idiomas preferidos utilizando un selector de idioma desplegable en el menú de navegación principal.
🏗️ Cómo lo construyeron:
Para crear el sitio web en sí, Retrock utiliza el software de código abierto WordPress junto con WooCommerce para potenciar la funcionalidad de comercio electrónico. Para traducir el sitio, Retrock utiliza el gratuito Complemento TranslatePress, que ofrece Compatibilidad total para WooCommerce.
Cómo crear tu propia página web multilingüe con WordPress y TranslatePress
Si estos ejemplos de sitios web multilingües te han inspirado a crear tu propio sitio web multilingüe, esta es la parte donde pasamos de las ideas e inspiración a cómo puedes empezar realmente con un creador de sitios web multilingües.
Como puedes ver en los ejemplos anteriores, una de las formas más populares de crear un sitio web multilingüe es con el software de código abierto WordPress. WordPress potencias superiores a 40% De todos los sitios web en Internet, ¿cuál es, con diferencia, la forma más popular de crear un sitio?.
Debido a su gran presencia global, WordPress es muy fácil de hacer multilingüe: todo lo que necesitas es un plugin de traducción.
TranslatePress es un plugin gratuito de traducción para WordPress que te permite crear una página web multilingüe 100%, llegando incluso a traducir tus imágenes para mostrar imágenes diferentes en función del idioma preferido del visitante (lo que es genial para la localización integral).
Con este plugin, puedes traducir manualmente tu sitio web desde cero o empezar traduciéndolo automáticamente con Google Translate o DeepL. Tanto si traduces manualmente como si utilizas la traducción automática, podrás gestionar todas tus traducciones mediante un editor visual en el que basta con señalar y hacer clic:
A continuación, te ofrecemos una guía rápida y práctica sobre cómo crear una página web multilingüe con TranslatePress. Si quieres más detalles, también tenemos una Guía completa sobre cómo crear un sitio web multilingüe en WordPress.
TranslatePress Multilingüe
1. Instala TranslatePress y elige los idiomas que desees
Para empezar, tendrás que instalar y activar el plugin gratuito TranslatePress en tu sitio de WordPress. Es disponible en WordPress.org, por lo que puedes instalarlo directamente desde tu panel de WordPress yendo a Plugins → Añadir Nuevo y buscando “TranslatePress”.
Una vez que hayas hecho eso, ve a Configuración → TranslatePress para elegir los idiomas que quieres ofrecer en tu sitio:
- Idioma predeterminado – el idioma en el que se encuentra actualmente el contenido de tu sitio.
- Todos los idiomas – uno o más idiomas nuevos a los que desea traducir el contenido de su sitio.
La versión gratuita de TranslatePress te permite traducir tu página web a un nuevo idioma; puedes comprar la versión premium para agregar la capacidad de usar idiomas ilimitados.
2. Configurar la traducción automática
Si desea utilizar traducción automática (lo cual es totalmente opcional), tu siguiente paso es elegir el servicio que quieres usar y configurarlo.
Incluso si usas traducción automática, aún podrás retroceder y ajustar manualmente todas las traducciones.
Para configurarlo, ve a la Traducción Automática pestaña y elige el servicio que prefieras. TranslatePress AI es una función integrada que funciona sin necesidad de configuración, mientras que Google Translate y DeepL requieren que te conectes a su API.
También puedes seguir nuestras Guía completa sobre cómo traducir WordPress automáticamente.
Consejo profesional: Para evitar el largo y tedioso proceso de generar claves API, así como los costes adicionales que se producen al superar el nivel gratuito de DeepL o Google Translate, plantéate utilizar TranslatePress AI en vez de.
TranslatePress AI es rentable y se integra con ambos servicios de traducción, eligiendo en cada ocasión el motor de traducción más adecuado para cada par de idiomas.
Traducir todo el contenido de tu página web con TranslatePress AI es un proceso de tres pasos. Activa la licencia, elige los idiomas y activa la traducción automática. Es tan fácil como el abecedario, estarás de acuerdo.
Si lo prefieres, también puedes conectarte a las API de Google Translate o DeepL. Sin embargo, para ello tendrás que obtener una clave de API y vincularla a tu sitio web. Aquí tienes las guías para ambos servicios:
3. Traduce Tu Contenido (o Edita Traducciones Automáticas)
Para traducir su sitio web desde cero y/o editar las traducciones automáticas, puede usar el mismo editor de traducción visual.
Para abrir el editor, ve a la página que deseas traducir en el front-end de tu sitio y haz clic en Traducir página opción en la barra de herramientas de WordPress.
Ahora deberías ver una vista previa en tiempo real de tu página web, junto con una barra lateral. Para traducir cualquier contenido, solo tienes que pasar el cursor por encima de él en la vista previa y hacer clic en el icono del lápiz. Así se abrirá la traducción en la barra lateral, donde podrás realizar tus modificaciones:
Puedes usar el mismo enfoque de "apuntar y hacer clic" para traducir cada pieza de contenido de tu sitio, incluyendo las imágenes. Si quieres ver más ejemplos, tenemos muchas guías que te muestran cómo traducir elementos específicos de tu sitio:
- Imágenes
- Bloques del Editor (Gutenberg)
- Campos personalizados
- Tipos de publicaciones personalizadas
- Formularios de WordPress
- Menús de WordPress
- Contenido emergente
- Deslizadores
- Productos de WooCommerce
- Elementor (constructor de páginas)
- Divi (constructor de páginas)
- Oxígeno (creador de sitios web)
Con la versión premium de TranslatePress y su complemento SEO Pack, también puedes Optimización de motores de búsqueda metadatos e información de redes sociales de plugins como Yoast SEO.
También puedes excluir cierto contenido de la traducción si solo quieres traducir partes de tu sitio.
4. Configura tu selector de idioma
Como viste en los ejemplos de sitios web multilingües, hay todo tipo de formas.
TranslatePress te ofrece varias opciones para colocar el selector de idioma. De forma predeterminada, añade un selector de idioma flotante en la esquina inferior derecha de tu sitio web, pero también puedes colocarlo en el menú (como muchos de los sitios de ejemplo) o en cualquier otro lugar de tu sitio usando un shortcode.
También obtendrás opciones de personalización, como mostrar u ocultar la bandera del idioma.
Para configurar todas estas opciones, ve a Configuración → TranslatePress y desplázate hacia abajo hasta el Cambiador de Idioma área de configuración:
Para más detalles, consulta nuestra guía completa para añadir un selector de idioma de WordPress.
Inspírate con estos ejemplos de sitios web multilingües
En esta publicación, compartimos algunos ejemplos de sitios web multilingües para darte una idea de cómo puedes implementar la funcionalidad multilingüe en tu propio sitio.
Si utilizas el popular software WordPress, puedes crear fácilmente tu propia página web multilingüe con el plugin gratuito TranslatePress.
Con solo la versión gratuita en WordPress.org, puedes traducir tu sitio a un nuevo idioma. Luego, actualizar a la versión premium para acceder a funciones más útiles como:
- Soporte para idiomas ilimitados.
- Funciones mejoradas de SEO multilingüe, como la posibilidad de traducir títulos y meta descripciones SEO.
- Soporte de DeepL para traducción automática.
- Redirigir automáticamente a los usuarios a su idioma preferido.
TranslatePress Multilingüe
¿Todavía tienes alguna pregunta sobre la creación de un sitio web multilingüe? ¡Háznoslo saber en los comentarios!
