En esta publicación
En esta publicación
¿Cuál es la mejor manera de traducir tu sitio web en 2026? Esta es una pregunta popular entre los propietarios de sitios web, ¡especialmente si se trata de un sitio web de negocios que administras!
En este tutorial, te guiamos paso a paso a través de todo el proceso y te mostramos todas las etapas de traducción de tu sitio web en su totalidad: desde menús hasta contenido, imágenes e incluso SEO.
Empecemos:
¿Cuál es la mejor manera de traducir tu sitio web?
Si tu sitio web funciona con WordPress, entonces traducir tu sitio es una tarea bastante sencilla. Sin embargo, aún necesitas un plugin de traducción o multilingüe para encargarse de la tarea principal. Aquí te explicamos por qué:
Es posible que hayas oído que WordPress está “listo para traducir” o “listo para localización,”, lo que sugiere que todas las herramientas necesarias para traducir tu sitio web ya están ahí, integradas.
Esto es parcialmente cierto.
Que WordPress esté listo para ser traducido solo significa que es posible traducir un sitio web a nivel de código. En otras palabras, si eres un desarrollador web, WordPress tiene algunas estructuras prefabricadas para ti que añaden capacidad de traducción a tus temas o plugins. Pero esto no ayuda mucho al usuario final, ¿verdad?
Aquí es donde entran en juego los plugins de traducción.
Plugins de traducción, como TranslatePress, toma las herramientas integradas de WordPress, expándelas, añade interfaces de usuario y, de manera efectiva, proporcionarle la mejor manera de traducir todo su sitio web de principio a fin.
Lo genial de esto es que puedes traducir todo tu sitio web sin ningún conocimiento de codificación, y no tienes que hacer nada que implique remotamente programación web.
Le mostraremos cómo hacer esto en el siguiente tutorial. Primero, instalemos un complemento de traducción:
Paso 1: Instalar y configurar un plugin de traducción
El plugin de traducción que usaremos es el nuestro TranslatePress. La versión gratuita del plugin te da acceso a todas las funcionalidades necesarias para traducir un sitio web de manera efectiva.
Instalar TranslatePress en tu página web es un proceso muy sencillo. Ve al panel de control de WordPress, a Plugins → Añadir Nuevo, y escribe “TranslatePress” en el campo de búsqueda. Haz clic en Instalar Ahora y luego en Activar junto al nombre del plugin.
TranslatePress te permite añadir hasta dos idiomas nuevos en la versión gratuita y varios idiomas en la versión premium. Puedes hacerlo en Configuración → TranslatePress. Haz clic en el Añadir botón para comenzar
A continuación, decidamos cómo tus lectores podrán cambiar entre estos idiomas:
Decide dónde colocar tus selectores de idioma
Al final de la página de configuración, verá estas opciones:
TranslatePress te ofrece tres mecanismos principales para cambiar de idioma:
- Código corto. Es una pieza de texto única que puedes agregar a cualquier publicación o página. Cuando WordPress vea este texto, lo reemplazará con un selector de idioma en vivo.
- Elemento del menú. Este es el tipo de selector de idioma más utilizado. Tus visitantes generalmente esperarán ver enlaces a otros idiomas en el menú principal.
- Selección de idioma flotante. El último tipo de selector de idioma es un cuadro flotante que se coloca en la esquina de la pantalla, sin importar la página que el visitante esté navegando actualmente.
Siéntete libre de elegir la opción que mejor funcione para tu sitio y también configura cómo quieres que se vean.
Además del selector de idioma, te animo a que revises las demás opciones de esta página de configuración y las ajustes a tu gusto.
Haz clic en Guardar cambios al final cuando termines.
❔ Si necesitas inspiración sobre cuáles son las mejores prácticas en cuanto a selectores de idioma, lee esto Guía todo en uno para selectores de idioma.
Paso 2: Traduce tus Menús
Con tu nuevo idioma o idiomas añadidos al sitio web, un buen lugar para empezar a trabajar en traducciones reales es la navegación de tu sitio web: los menús que tienes en el sitio.
Para empezar, haz clic en el Traducir página botón en la barra de administración superior.
Esto te llevará a la interfaz principal de traducción de TranslatePress.
Para traducir cualquiera de los enlaces de tu menú, pasa el ratón sobre ellos y haz clic en el icono del lápiz. Esto abrirá la caja de traducción en la barra lateral y te permitirá añadir versiones localizadas de cada uno de los enlaces de tu menú.
Haz clic en Guardar en la parte superior para aprobar tu entrada.
Revisa los enlaces de tu menú uno por uno y crea nuevas versiones localizadas de ellos. Ten en cuenta que solo traduciendo los enlaces ellos mismos en este punto. Nos ocuparemos más adelante del contenido real al que conducen estos enlaces.
Cuando termines con el menú principal, sigue el mismo proceso con los otros menús que tengas en la página.
¿Quiere mostrar diferentes elementos del menú para diferentes idiomas?
En algunos casos, es posible que desees mostrar un conjunto diferente de enlaces para cada versión de idioma en tu sitio web. Esto es fácil de hacer usando Navegación basada en el idioma complementodisponible en el versiones premium).
❔ Si desea saber más, aquí tiene un tutorial detallado sobre traducir sus menús a varios idiomas.
Paso 3: Traduce tu contenido (páginas, publicaciones de blog, CPTs, etc.)
Ve a la página que quieras traducir y haz clic en Traducir página botón en la barra superior de administración. Esta es la misma interfaz que entramos al traducir los menús.
Coloca el cursor sobre cualquier parte del texto de la página y haz clic en el icono del lápiz. Introduce tu traducción en la barra lateral.
Así nomás, de párrafo a párrafo hasta que tengas toda la página traducida.
Para que no te pierdas nada importante, TranslatePress muestra en un menú desplegable de la barra lateral una lista con todo lo que se puede traducir en una página determinada. Puedes revisar esa lista o utilizar el atajos de teclado disponibles en lugar de escanear tu página manualmente.
Repite este proceso para traducir las otras páginas de tu sitio web.
Si te parece demasiado trabajo manual, puedes aprovechar el módulo de traducción automática de TranslatePress:
Habilitando traducciones automáticas
Las traducciones automáticas pueden ahorrar mucho tiempo, especialmente si recién estás comenzando a traducir tu sitio web y tienes páginas y páginas de contenido que abordar.
Ir a Configuración → TranslatePress. Cambiar a la Traducción automática pestaña.
El módulo de traducción automática funciona con Google Traductor o DeepL (traductor de IA). Aquí tienes una comparación realizamos entre los dos motores para ayudarte a decidir cuál es el mejor para ti.
Conectarlo a Google Translate es más fácil y más barato para empezar. Lo único que hay que hacer es obtener una clave de la API de traducción. Aquí tienes un Guía detallada sobre cómo obtener la clave API.
En cuanto introduzcas esa clave API y la valides, TranslatePress se pondrá en marcha y generará tus traducciones automáticamente.
Lo que también es importante es que puedes intervenir y corregir cualquier traducción que no haya resultado ideal.
❔ Aquí tienes nuestro guía de traducciones automáticas si te gustaría aprender más sobre cómo funcionan las traducciones automáticas y cómo optimizarlas de la mejor manera.
Traducir contenido de cualquier editor de páginas
Los constructores de páginas como Elementor, Divi o Beaver Builder se han vuelto muy populares últimamente. ¡Y no es para menos! Son una excelente manera de crear una página con un aspecto increíble sin necesidad de programar nada.
Te alegrará saber que TranslatePress también puede gestionar el contenido de los creadores de páginas con bastante facilidad. Puedes traducir cualquier página creada con un creador de páginas del mismo modo que has venido trabajando con tus páginas estándar.
Nuevamente, simplemente haga clic en el ícono del lápiz junto al texto que desea traducir y agregue su traducción en la barra lateral.
❔ Tenemos guías separadas sobre cómo traducir contenido de Elementor y Contenido de Divi Builder. Dales una leída si necesitas que algo se aclare.
Paso 4: Traduce tus formularios de contacto
Si tienes formularios de contacto en tu sitio web, querrás traducirlos también. La buena noticia es que no importa qué plugin estés utilizando para la funcionalidad del formulario de contacto, traducir el formulario no será un problema.
Ve a la página que tiene tu formulario de contacto y haz clic en Traducir página botón en la barra de administración superior para comenzar.
Coloca el cursor sobre los elementos de tu formulario, como la etiqueta del campo “Your Name”, etc. Traduce todos esos textos en la barra lateral. Recuerda hacer clic en Guardar después de añadir cada uno. Tú también puedes traducir tu enviar botón de forma similar.
With the main form texts done, you should also take care of any of the error y success messages that your form script generates after a visitor makes a submission attempt.
The easiest way to trigger those is to actually click on the enviar button yourself and see what happens. You’ll see something like this:
You can click on any of these texts and translate them in the sidebar.
With the errors done, now fill out the form with example info and click on the enviar button again. This will show the success message. Translate it as well.
Translate that success message as well.
❔ Here’s a more detailed guide on how to translate your contact forms.
Paso 5: Traducir Imágenes que Contienen Texto
Not all website owners do this, but some like to show different images for different languages. This is especially valid if you like to put text in your images.
Consider the following example:
If you have an image like that on your homepage, you probably don’t want it to show for languages other than English.
Here’s how you “translate” any image on your site:
As with any of the previous steps, click on the Traducir página botón en la barra de administración superior.
Hover your mouse over the image that you want to replace and click on the lápiz icon.
In the sidebar, you will be able to pick a new image for each additional language version.
❔ Here’s more on translating images and how to best go about doing it.
Paso 6: Traducir Elementos SEO
If you want your translated pages to rank well in Google, you should also translate their meta strings and URLs.
These strings are what Google looks at when determining what your page is about and where it should sit in the rankings.
You can translate all SEO elements on a page using the Complemento SEO Pack for TranslatePress. It’s a separate plugin that installs alongside TranslatePress. This add-on integrates with all popular SEO plugins such as Yoast SEO, Rank Math, All in One SEO Pack, and others.
With the add-on active on your site, you’ll be able to access the new SEO options by clicking on the Traducir página button in the top admin bar, and then clicking into the drop-down menu of the available translations. Like so:
❔ To learn more about how multilingual SEO works and what steps to take when trying to rank your content for multiple languages, read this guide.
¿Tienes una tienda WooCommerce?
If you have a WooCommerce store running on your WordPress site, translating the products in your catalog might be something you’re interested in.
Taking care of basic translations in your store works just the same as it does for any other page.
For starters, visit your main shop page and click on the Traducir página button in the top admin bar. Go from product to product and translate their names, descriptions, and the other details associated with them. Simply click on the lápiz icon next to a given piece of text and add the translation in the sidebar.
Your main shop catalog and individual products are not everything. Don’t forget about your shopping cart page, the checkout page, and the customer profile page as well.
We cover WooCommerce translations in much more detail in this guide. Read it to go full pro with your WooCommerce store and translate it from top to bottom.
¿Qué sigue?
This guide is your roadmap to the easiest and also the best way to translate your website.
That said, there’s a lot more you can do to make your site truly multilingual and get advanced features like detección automática de idioma del usuario, custom navigation for individual languages, translations for logged-in users, and more. All this comes standard with the premium versions of TranslatePress. Check it out.
TranslatePress Multilingüe
Do you still have questions on the best way to translate your entire website? Let us know in the comments below!
Si encontraste útil esta publicación, por favor visita nuestro Canal de YouTube, donde subimos constantemente tutoriales en video cortos y fáciles de seguir. También puedes seguirnos en Facebook y Twitter ser el primero en enterarte cada vez que publicamos.
