Complemento TranslatePress: traduzca cualquier sitio de WordPress de forma rápida y sencilla

Traducir contenido web a otros idiomas parece un trabajo duro, ¿no es así? Pero hay un número creciente de propietarios de sitios web que traducen su contenido a otros idiomas y abren su contenido a nuevas oportunidades y nuevas audiencias.

Entonces, ¿cómo están haciendo esto? ¿Y cuáles son los costos involucrados?

En esta revisión, le mostraremos cómo puede traducir su sitio web de WordPress autohospedado utilizando un complemento multilingüe intuitivo llamado TranslatePress.

Lo guiaremos a lo largo de todo el proceso. Este artículo cubre la instalación, la traducción de contenido y la importancia del SEO multilingüe (optimización de motores de búsqueda).

¿Qué es TranslatePress?

TranslatePress es un complemento de traducción intuitivo de WordPress que funciona de inmediato con cualquier complemento o tema (creadores de páginas incluidos). Otros complementos de traducción de WordPress tienden a funcionar en el administrador de WordPress, donde puede agregar traducciones de idiomas.

TranslatePress adopta un enfoque diferente, favoreciendo una interfaz de traducción visual similar al personalizador de WordPress. Básicamente, navegas por el sitio y traduces todo lo que ves.

Esto lo beneficia de dos maneras: ve la traducción en tiempo real y no se pierde ninguna palabra en el proceso.

TranslatePress es de uso totalmente gratuito y está disponible para descargar desde el repositorio de WordPress.org . El complemento funciona de forma visual con cualquier tema o complemento que muestre texto de interfaz.

TranslatePress vs otros complementos de traducción

Antes de traducir su contenido existente a diferentes idiomas, debe conocer las diferencias entre varios complementos de traducción de WordPress.

Estas son algunas de las características que ofrece TranslatePress en comparación con otros complementos multilingües:

Como puede ver, el desembolso inicial de TranslatePress es gratuito. Si bien hay versiones premium disponibles con características adicionales, por ahora, nos quedaremos con el uso de la versión gratuita y veremos qué ofrece.

¿Cómo traducir WordPress con TranslatePress?

Como parte de nuestra revisión, lo guiaremos a través del proceso de traducción de todo su sitio utilizando el complemento, para que sepa qué esperar con TranslatePress.

Instalación de TranslatePress

Instalar TranslatePress es increíblemente sencillo; todo lo que tiene que hacer es navegar a Complementos → Agregar nuevo , y en la barra de búsqueda, escriba TranslatePress .

- Instalar y activar TranslatePress

Haga clic en instalar ahora y active el complemento. Encontrará una nueva adición al menú en su backend de WordPress, en Configuración → TranslatePress .

- Configuración de TranslatePress

Para nuestra revisión, usaremos el francés como idioma adicional que nos gustaría mostrar.

Agregar un idioma secundario

Justo debajo del menú desplegable de idioma predeterminado, tenemos la opción de agregar un idioma. En la barra de búsqueda, comenzamos a escribir en francés, lo que nos da más opciones:

- Agregar idioma secundario en TranslatePress

Al elegir francés (Francia) y hacer clic en Agregar , hemos agregado fácilmente nuestro nuevo idioma.

- Elija el francés como idioma secundario

Como puede ver en la captura de pantalla, hay una caja Slug . Aquí, el texto fr se adjuntará cuando un usuario visite el sitio y elija el francés como idioma de su elección.

Personalización del selector de idioma

¿Qué es exactamente Language Switcher? Me alegro de que lo hayas preguntado. Language Switcher es una función totalmente opcional que permite a los visitantes de su sitio ver el sitio web en su idioma. Cubriremos las opciones que tiene para elegir aquí.

- Selector de idioma en TranslatePress

La primera opción, Shortcode [language-switcher] , le permite agregar un shortcode a cualquier página / publicación o widget.

Las opciones disponibles son:

• Nombres completos del idioma
• Nombres breves de idiomas
• Banderas con nombres de idiomas completos
• Banderas con nombres de idioma cortos
• Solo banderas

Código corto del selector de idioma

- Código corto para el selector de idiomas

La captura de pantalla anterior muestra dos métodos para mostrar el conmutador de idioma a través de un código corto.

El primer método está en una publicación de blog y, como verá, el segundo método está en un widget HTML personalizado en la barra lateral derecha.

Selector de idioma como elemento de menú

Puede usar esta opción para agregar un elemento de navegación a su menú principal de WordPress, menú de pie de página, etc.

- Selector de idioma como elemento del menú

Cualquier idioma que haya elegido en la configuración de TranslatePress se mostrará automáticamente en la opción de menú Selector de idioma recién agregada.

Entonces se trata de asignar el menú a cualquier área que necesite en su tema de WordPress. Vea a continuación un ejemplo:

- Ejemplo de menú de traducción

Selector de idioma flotante

¡Esta es una característica interesante! Habilitar esta opción y establecer una posición mostrará un elemento que permite al usuario cambiar de idioma.

Las opciones de este elemento tienen la misma configuración que los dos anteriores, con más funciones.

Elegirás entre Oscuro o Claro, el segundo. Luego debe seleccionar dónde se colocará el elemento:

• Abajo a la derecha
• Abajo a la izquierda
• Parte superior derecha
• Arriba a la izquierda

Para ver ejemplos de la selección de idioma flotante, eche un vistazo a la captura de pantalla a continuación. En este caso, hemos configurado el selector en la parte inferior derecha:

- Botones oscuros / claros para traducción

El selector de la izquierda usa la opción oscura, mientras que el de la derecha usa la opción clara. También hemos optado por mostrar banderas con nombres de idiomas completos.

Como el selector de idioma flotante tiene un posicionamiento flexible, no interferirá con ningún boletín informativo de llamado a la acción / banner de cookies que tenga. Simplemente cambie la posición o apáguelo si es necesario.

Traducir contenido con el editor visual

Como TranslatePress es una herramienta visual para traducciones, tiene sentido que el complemento emule el personalizador de WordPress, que la mayoría de nosotros usamos en algún momento para cosas como agregar CSS adicional, modificar una configuración o agregar un widget.

Para acceder a la interfaz de traducción, haga clic en el texto del sitio de traducción en la barra de administración de WordPress como se muestra a continuación:

- Editor de traducción visual en TranslatePress

Una vez hecho clic, se cargará la interfaz. Eche un vistazo a esta captura de pantalla para ver un ejemplo:

- Ejemplo de editor de traducción visual

Una fortaleza clave de TranslatePress, el editor o la interfaz, es cómo es visual, lo que nos permite ver con precisión cómo se forman las cosas a medida que traducimos nuestro sitio.

Antes de profundizar en lo que puede traducir con este complemento, hay algo que debe saber.

Explicación del icono de lápiz azul / icono de lápiz verde

TranslatePress diferencia el texto de dos formas. Primero, está el ícono de lápiz azul:

- Traducir encabezados en WordPress

Básicamente, el lápiz azul le permite editar cualquier texto definido por el usuario, cosas como títulos de páginas / publicaciones, elementos de menú, etc.

El icono de lápiz verde se ocupa de Gettext. Gettext son cadenas de texto generadas por temas / complementos de WordPress. Eche un vistazo al siguiente ejemplo:

- Traducir comentarios en WordPress

Como el texto del comentario se considera un Gettext (una constante en todo el sitio), puede traducirlo aquí. La traducción penetrará en todas las instancias de este texto en particular, en todo el sitio.

Ahora, volvamos a traducir un sitio web con TranslatePress.

Traducción de una publicación de blog

Entonces nuestro ejemplo es un poco aburrido; es la publicación estándar de WordPress "Hola mundo" . Si bien puede parecer aburrido, nos permite mostrar lo que es posible con TranslatePress.

Usando el editor visual y navegando hasta el encabezado de la publicación, vemos un lápiz azul. Como este texto está definido por el usuario, hacer clic en el título nos permite agregar la traducción al francés:

- Traducción de una publicación de blog

Si usa el Traductor de Google e ingresa el término "Hola mundo", puede obtener la traducción al francés. Luego corte y pegue como se hizo anteriormente.

Para que funcione nuestra traducción, podemos hacer clic en el botón Guardar traducción o usar un atajo, como CTRL (⌘) + S (dependiendo de si estás en Windows / Mac).

¿Cómo sabemos si la traducción se ha realizado correctamente? Bueno, aquí viene la parte interesante:

- Traducción de un sitio web

Un cambio rápido entre idiomas y puede ver en tiempo real cómo se ve la traducción. Esta es una característica excelente en TranslatePress, ¡y está en la versión gratuita!

¿Qué más puedes traducir usando el complemento? Párrafos de texto, comprobar. Títulos, cheque. Elementos del menú, comprobar.

Lo que es interesante de ver es la capacidad de alterar el texto de la imagen también. Eche un vistazo a esta captura de pantalla:

- Traducción de textos alternativos de imagen

Haga clic en Agregar medios y elija una imagen diferente. Una vez seleccionado, vea la versión traducida y vea el cambio de imagen.

Esto es increíblemente útil para aquellos que desean mostrar una imagen diferente según las necesidades del usuario.

Traducción de un formulario de contacto

Para probar aún más TranslatePress, vamos a instalar un complemento de formulario de contacto. ¿Por qué? Porque la gran mayoría de ustedes usará un complemento de formulario en su sitio de WordPress.

En nuestro ejemplo, hemos instalado un complemento del repositorio de WordPress llamado WPForms. Veamos si podemos traducir una forma:

- Traducción de un formulario de contacto

¡Éxito! Pasando por todos los campos que genera WPForms, puede traducir cada uno de ellos. Es bueno ver que TranslatePress se adapta a la traducción del texto del complemento y del texto del tema.

Todos utilizan diferentes complementos / temas, pero puede estar seguro de que TranslatePress puede traducir el texto de la interfaz para el que usa.

Traducción de productos de WooCommerce

La traducción de productos abre muchas oportunidades para vender productos a una audiencia más amplia en su idioma nativo. Seríamos negligentes si no realizáramos otra prueba, así que instalaremos WooCommerce y veremos cómo le va.

- Traducción de productos WooCommerce

Bueno, como esperábamos, funciona muy bien con WooCommerce . TranslatePress ofrece la capacidad de cambiar el texto del complemento al carrito, el texto de la ruta de navegación, las pestañas predeterminadas de WooCommerce y más.

Todavía estamos usando la versión gratuita de TranslatePress, y no podemos evitar admirar la gran cantidad de funciones que están disponibles para nosotros en lugar de ser pagadas.

¿Cómo traducir automáticamente WordPress?

La traducción de contenido puede llevar mucho tiempo y resultar difícil. La interfaz de TranslatePress elimina la dificultad de la ecuación, pero ¿qué pasa con el ahorro de tiempo?

Hay dos métodos disponibles para la traducción automática de contenido. En la versión gratuita de TranslatePress, puede utilizar Google Translate a través de una clave API:

- Traducción automática TranslatePress

El segundo método usa algo llamado DeepL; El uso de este motor de traducción requerirá una actualización a la versión premium de TranslatePress.

Si bien esto puede resultar confuso si no está familiarizado con las claves de API, TranslatePress tiene guías paso a paso para habilitar la traducción automática de contenido.

Esto nos lleva a la calidad de la documentación del usuario. Aquí es donde suelen fallar algunos complementos, pero no fue así en este caso. Con instrucciones claras y concisas y guías detalladas, encontrará respuestas a sus preguntas con relativa facilidad.

¿Cómo traducir elementos importantes de SEO?

El SEO (optimización de motores de búsqueda) es un factor crucial al producir contenido, ya sea una publicación de blog, un producto o una página. Para beneficiarse del SEO multilingüe, es importante también traducir completamente el contenido más oculto de su sitio, como los slugs de URL y los metadatos de SEO.

Para ello, necesitará el complemento SEO Pack , que forma parte de la versión premium.

Para esta próxima prueba, hemos instalado el complemento Yoast SEO y el complemento del paquete SEO. Veamos cómo funciona el metabox de Yoast SEO dentro del editor de publicaciones:

- Traducción de elementos de SEO

Ahora echemos un vistazo al editor visual para ver qué ha cambiado:

- Ejemplo de elementos SEO traducidos

Hay dos nuevas adiciones al editor en la base, Visual Editor (que es el que está cargado) y String Translation:

- Opción de traducción de cadenas

Las traducciones de cadenas son una forma de editar slugs de URL. Por ejemplo, puede traducir la categoría slug a otro idioma; todas las babosas de taxonomía que tenga, nuestras taxonomías de tipo de publicación personalizadas se mostrarán aquí, listas para que las traduzca.

¿Qué pasa con la meta descripción de SEO? ¿Cómo puedes cambiarlo? TranslatePress alberga de manera bastante inteligente toda esta información bajo el título “Metainformación”.

- Traducción de metadatos

Es aquí donde puede cambiar el título, la descripción, la barra de SEO e incluso el título / descripción de OG.

OG son las siglas de Open Graph. Esta información se utiliza cuando se comparte en plataformas sociales como Facebook y Twitter.

A estas alturas, los entusiastas del SEO podrían estar preguntándose, ¿qué pasa con los mapas de sitio XML?

- Traducción del mapa del sitio XML

TranslatePress los agrega automáticamente por usted. Todo lo que necesita hacer es traducir su sitio y las babosas que necesite.

Resumen

La versión gratuita de TranslatePress es fácil de configurar y no escatima en funciones en absoluto. El editor visual es increíblemente sencillo y es un placer trabajar con él.

La versión premium de TranslatePress ofrece una variedad de funciones. Para nombrar unos pocos:

• Detección automática del idioma del usuario
• Cuentas de traductor
• Mostrar navegación basada en el idioma de un visitante
• Navegar como un rol de usuario
• Opciones de SEO

Si bien el SEO Pack es un complemento, vale la pena invertir en él dado el asombroso potencial de crecimiento que ofrece desde una perspectiva de SEO multilingüe .

Si eres un blogger que busca traducir contenido, una empresa que busca expandirse a diferentes territorios o el dueño de una tienda que busca vender en otros países, TranslatePress es una opción ideal para traducir su contenido.

Esperamos que haya disfrutado de la revisión y tenga una idea de lo que puede ofrecer TranslatePress. Consulte la versión gratuita, pruébela y compruebe lo fácil que es de usar.

Si desea obtener más información sobre TranslatePress , visite su sitio web para obtener más información.

Nota: este artículo se publicó en colaboración con TranslatePress.