Divi tips 143: traducir su sitio con

Un sitio web multilingüe Divi sin esfuerzo con wpLingua!

Actualizado en 20/09/24

2636 palabras

9 minutos de lectura
0 comentarios

Este artículo contiene enlaces de afiliados reconocibles por el icono porcentaje (%) → Soy un enlace de afiliado

En este artículo, te mostraré cómo convertir tu Sitio Divi en un sitio web multilingüe utilizando wpLingua, un potente y sencillo plugin para usar. Aquí hay una guía completa que explica todo desde la instalación hasta la edición de traducciones y la gestión del SEO multilingüe.

1 – ¿Qué wpLingua, cómo funciona?

wpLingua es un plugin de WordPress que permite simplificar el proceso de traducción de su sitio. Al instalar, puede Traducir automáticamente contenido estático y dinámico de su sitio a diferentes idiomas, sin límite de palabras. Es una herramienta ideal para crear un sitio web multilingüe de una manera rápida y fácil!

Pero sobre todo, debes haberte dado cuenta de que era no siempre fácil traducir sitio entero Divi con extensiones tradicionales.

El método de traducción utilizado por wpLingua garantiza una traducción completa de su sitio Divi, desde el encabezado hasta el pie! Esto se debe a que wpLingua intercepta el contenido de la página y analiza el código HTML y JS: la extensión descubre todos los textos, los traduce y hace las páginas multilingües. Este enfoque garantiza la compatibilidad con la mayoría de temas, extensiones y constructores de páginas como Gutenberg, Elementor, Divi...

2 – wpLingua demo video con Divi

El video muestra la mayoría de las características de wpLingua pero algunas partes merecen ser desarrolladas, por lo que sugiero que vuelva a los pasos en detalle en la continuación de este artículo...

3 – wpLingua: instalación y traducción automática

Para empezar, vaya a la pestaña « Extensiones √≥ Add Extension », Búsqueda « wplingua » en el campo dedicado (importante, escríbalo en una palabra: « wplingua » y no « wp lingua »), instalarlo y activarlo. También puede descargar directamente desde el directorio oficial si prefiere una instalación manual.

1 instalación wplingua plugin

Una vez activado, será redirigido a la página de registro, si no, vaya directamente a la pestaña llamada wpLingua, ahora disponible en el panel de control:

2 conseguir una tecla api
  1. El campo URL del sitio web se rellena automáticamente.
  2. La dirección de correo electrónico también está preinformada, este campo utiliza la configuración del sitio y por lo tanto la dirección de correo electrónico de la administración del sitio. Puedes cambiarlo si lo necesitas.
  3. El idioma del sitio web es el idioma original del sitio web. Ya está pre-traído y se basa en la configuración del sitio (Configuración de la pestaña General). Si este no es el idioma correcto, es porque los ajustes básicos de su sitio son incorrectos y deben ser cambiados.
  4. Elige tu idioma de traducción. Tendrás una elección de 24 idiomas.
  5. Lea y acepte los términos de uso.
  6. Validar haciendo clic « Obtener clave de API », usted lo recibirá por correo electrónico, comprobar la caja indeseable en caso de...
  7. Copiar la clave API recibida por correo electrónico y pegarla en el campo dedicado y confirmar haciendo clic « Establecer clave API ».
3 traducción automática wplingua
  1. Tan pronto como valides, la primera traducción es en generación, sólo espera.
  2. Luego recibe un mensaje de éxito, puede visitar el sitio en su versión traducida. Para cambiar de un idioma a otro, puede utilizar el selector de idioma en la parte inferior de la pantalla en el sitio.

⚠️ Cuidado con las traducciones automáticas de su navegador!

4 visita el sitio traducido

Cuando visita la versión traducida de su sitio, su navegador comprenderá inmediatamente que este no es su idioma (dependiendo de la configuración del navegador con respecto a sus preferencias de idioma). Por lo tanto, es posible que su navegador le sugiera traducir la página: rechazar. De hecho, cuando se desarrolla un sitio multilingüe, esta opción de traducción automática por el navegador debe ser deshabilitada.

4 - La configuración wpLingua

wpLingua ofrece muchas opciones de personalización para mejorar la experiencia del usuario y adaptar la traducción a sus necesidades específicas. Aquí hay una visión general de las principales características disponibles.

4.1 – Elección de banderas de idiomas

Desde la pestaña « Ajustes generales », puede elegir las banderas para mostrar en el selector de idioma. Por ejemplo, para un sitio de habla francesa, puede elegir la bandera de país apropiada, así como un sitio de habla inglesa, etc. Si no encuentra la bandera ideal, puede importar una imagen personalizada.

5 modificar las banderas de los idiomas

4.2 - Personalización del selector de idiomas

El selector de idiomas es un elemento esencial para proporcionar una buena experiencia de usuario en un sitio multilingüe. wpLingua ofrece muchas combinaciones de personalización:

6 Personalizar el Selector de Idioma
  1. Disposición: Usted puede elegir un bloque, en línea o menú desplegable.
  2. Nombres mostrados: Puede mostrar los nombres de idiomas traducidos, identificadores de lenguaje, o no mostrar nada en absoluto.
  3. Estilo de la bandera: banderas redondas / rectangulares / onduladas, banderas personalizadas (importar sus propias imágenes), o ninguna bandera.
  4. Temas de color : elegir el diseño del selector de idiomas gracias a muchos temas de color y formas (shadow, gris, blanco, borroso / cuadrado, bordes redondeados, dobles fronteras...).
  5. Sinopsis: cuando pruebe las diferentes opciones, verá los cambios en el nivel de vista previa.
  6. Custom CSS: para un diseño aún más preciso, puede añadir su propio CSS.
  7. Inserción automática: por defecto, el selector de idiomas se mostrará en la parte inferior del sitio en el centro, pero también se puede colocar en la derecha, a la izquierda, o ocultarlo.
  8. Código corto: Un código corto también está disponible y le permite mostrar el selector de idioma donde desea en su sitio.
  9. Selector en el menú: la última opción permite insertar el selector de idioma como elemento de menú 👇
7 añadir el selector de idioma al menú ok
  1. Para ello, vaya a la configuración de su menú de WordPress (en la pestaña Menús Apariencia ≤).
  2. Abre la caja llamada « wpLingua » y ajustar las opciones de visualización para satisfacer sus necesidades.
  3. A continuación, añadirlo al árbol de su menú.
  4. Guardar y visitar su sitio para comprobar la visualización del selector de idiomas en el menú. Usted notará que el diseño del selector de lenguaje encaja perfectamente en la apariencia de su sitio ya que recupera los estilos del tema de WordPress utilizado.

4.3 – Añadir reglas al diccionario

wpLingua le permite definir reglas específicas para la traducción de ciertas palabras o expresiones usando un diccionario. Esto le da un mejor control sobre las traducciones, asegurando que los términos técnicos, nombres adecuados o oraciones específicas estén siempre correctamente traducidos.

8 reglas discrecionales

Módulo de código Divi

  1. Puede agregar términos para nunca traducir, puede ser útil para un nombre de marca por ejemplo.
  2. O puede agregar una traducción universal para un término específico (« siempre »).

⚠️ Las reglas del diccionario se aplican en el momento de la generación de traducción automática.

Tenga en cuenta que este diccionario no es retroactivo, por lo que es importante definir las reglas del diccionario antes de generar todas las traducciones del sitio. Contrariamente a lo que le mostré en el video, recomiendo terminar la configuración de wpLingua antes de navegar por el sitio en el idioma traducido.

4.4 – Adición de reglas de exclusión

Puede haber algunas páginas o partes de contenido que no desea traducir. wpLingua ofrece una opción de exclusión que le permite elegir qué páginas o secciones prefiere dejar en el idioma original. Esta función es particularmente útil para contenidos sensibles o irrelevantes para ciertos públicos.

9 reglas de exclusión para traducciones

Por ejemplo, en Tips Divi, decidí no traducir la parte de los comentarios, ni las páginas de ventas de mis entrenamientos porque ellos mismos están disponibles sólo en francés. Además, usted podría excluir páginas legales (información legal, política de privacidad, CGV, etc.) es muy raro traducir este tipo de contenido en sitios multilingües.

4.5 - Gestión de todas las traducciones

Tab « wpLingua Todas las traducciones » abre la pantalla de Gestión del Canal de Traducción donde puede ver, editar y organizar todas las traducciones de su sitio.

10 sin duplicación de páginas

👯 No duplicación física de páginas y contenidos

Es bueno en la pestaña « Todas las traducciones » que todas sus traducciones son almacenadas, por lo que no vale la pena buscarlas en las páginas del sitio! De hecho, el método de traducción utilizado por wpLingua no duplica físicamente su contenido y es precisamente por esto que su sitio Divi consigue ser totalmente traducido (cabeza, pie, barra lateral, etc.). Si estás acostumbrado a WPML o Polylang, entiendo que esto puede ser confuso.

5 - Generación automática de traducciones del sitio

Una vez configurado wpLingua, le aconsejo que busque manualmente las páginas de su sitio en el idioma traducido por dos razones:

  1. La generación de traducciones es un proceso automático, pero sólo activa cuando la página traducida es solicitada por primera vez en un navegador. Es mejor que pidas esta página por primera vez en lugar de un usuario de Internet porque la primera generación tarda varios segundos. Una vez que se genere la primera traducción, la página traducida aparecerá tan rápido como la versión original.
  2. Esto le permite dominar el proceso y comprobar que todo salió bien, y eventualmente hacer algunas correcciones si es necesario.
11 Generar todas las traducciones

Tenga en cuenta que la API wpLingua no cuenta el número de palabras traducidas generadas automáticamente, esto es ilimitado 🤩

¿Lo sabías? Puedes probar Divi gratis visitando en esta página y haciendo clic en "Pruébalo GRATIS"

6 – Modificación de las traducciones

Aunque wpLingua genera traducciones automáticas de calidad, es posible que necesite hacer correcciones manuales para algunos textos.

El editor visual de wpLingua te permite hacer esto simplemente, ¡es tan fácil!

12 traducciones de edición
  1. Visite una página traducida y active el editor visual wpLingua seleccionando el idioma para editar.
  2. En la página, el editor activa la visualización de los canales de traducción, se enmarcan en gris. Todo lo que tienes que hacer es hacer clic en el texto que quieres editar.

⚠️ No enciendas el Editor Visual de Divi, no es él quien maneja la edición de traducciones. Independientemente del constructor de páginas utilizado, el editor visual de wpLingua gestiona estos cambios.

13 traducciones de edición más
  1. Se abre un pop-up.
  2. Puede hacer sus cambios o generar una nueva traducción automática.
  3. Luego haga clic en Guardar.
  4. Cierra el pop-up.
  5. Usted encontrará fácilmente sus traducciones verificadas porque están enmarcadas en verde.
  6. Para dejar el wpLingua Editor de Traducción, haga clic « Volver a la página ».

7 – Gestión multilingüe de SEO con wpLingua

Una de las grandes ventajas de wpLingua es que se optimiza para SEO, desde la versión gratuita. De hecho, wpLingua está diseñado para que las páginas traducidas puedan ser descubiertas e indexadas por motores de búsqueda como Google, que puede mejorar significativamente su visibilidad internacional.

Si inspecciona el código fuente de su sitio, verá que etiquetas hreflang y lang se gestionan de acuerdo con wpLingua. Esto nos permite contar motores de búsqueda en los cuales idiomas el contenido está disponible.

Además, ya que wpLingua traduce automáticamente todo el contenido de su sitio, también se traducirán las etiquetas SEO. Para un dominio total de su Natural SEOSin embargo, usted será capaz de editar estas etiquetas que usted no ve con un ojo desnudo en una página, independientemente de su plugin SEO (Yoast, SEOPress, RankMaths...).

En la imagen siguiente, usted notará que he proporcionado un título SEO (A) y una descripción Meta (B) personalizado a través del plugin Yoast, así como un texto alternativo (C) y un título (D) para mis imágenes.

No se sorprenda de no encontrar la opción de editar traducciones de estas etiquetas HTML en la configuración de su plugin SEO o en la biblioteca de medios de WordPress!

Vuelve a la página y habilita al editor wpLingua en modo « Todas las traducciones de la página ». Un pop-up abrirá y usted puede gestionar todas las traducciones en la página, incluyendo etiquetas HTML no visibles tales como:

  • A – Título SEO
  • B – Meta Descripción
  • C – Texto alternativo de las imágenes
  • D - Título de las imágenes
  • etc.

8 - Tarifas para wpLingua

En cuanto a las tarifas de wpLingua, son bastante simples de entender porque sólo hay dos paquetes:

Versión gratuita – $0

  • 1 idioma traducido
  • Traducción automática
  • Número ilimitado de palabras
  • SEO Friendly
  • Uso en 1 sitio sin fines de lucro

Versión Pro – $20 meses/sitio

  • 1 a 24 idiomas traducidos
  • Traducción automática
  • Número ilimitado de palabras
  • SEO Friendly
  • Uso en 1 sitio comercial
  • Todas las características Premium

Personalmente, me gusta cuando las tarifas son simples de entender y asequibles y razonables: $240 por año para obtener un sitio web multilingüe sin ningún esfuerzo, digo SÍ!

Ver diferencias detalladas entre los planes.

Obtén -10% en el primer año con el código promocional “ASTUCESDIVI”

9 - En conclusión: mi opinión sobre wpLingua

Mi opinión puede parecer que no objeta porque wpLingua es un proyecto en el que he estado invirtiendo durante más de un año hoy 🤩. Y eso es verdad... ¡Pero también sé cómo ser autocrítica!

Mi opinión es que wpLingua es una gran herramienta, no soy yo quien lo código – no tengo esa capacidad – pero mis tareas dentro de este proyecto son múltiples: gráficos, estrategia, comunicación, traducción de la interfaz plugin (está disponible en 6 idiomas en la oficina de atrás), etc.

Sin embargo, hay dos puntos sobre los que no quisimos hacer concesiones:

  • Generosidad: Queríamos un plugin generoso de su versión gratuita. Un número ilimitado de palabras se incluyen en todos los planes para la generación de traducción automática. Las opciones SEO también están disponibles desde la versión gratuita. Y sólo dos paquetes: un pagador gratuito y que abre el acceso a todas las características premium actuales y las que vendrán después, así como el permiso para utilizarlo en un sitio comercial.
  • Experiencia de usuario (UX): Solía trabajar con principiantes y veo su frustración cuando los plugins son complejos para configurar... Para wpLingua, queríamos lo contrario: una interfaz intuitiva, fácil de usar y fácil de entender... ¡Y creo que tiene éxito!

Por supuesto, sé que wpLingua aún no es perfecta... Me gustaría ver todas las características que hemos estado pensando en una varita mágica, pero es imposible, ¿sabes? wpLingua creció gradualmente y pronto será como nos imaginamos! Tenemos muchas ideas.

  • Traducción de URLs, enlaces e imágenes.
  • Traducción de correos electrónicos transaccionales.
  • Gestión de las estadísticas de visitas por idioma.
  • etc.

Todo esto está en las tuberías y más 🤫 ¡Oye! Puede rastrear el progreso y cambiarlo directamente desde el GitHub directorio dedicado.

Eso dijo, hoy wpLingua ya es un reto serio que merece ser mejor conocido, y conteo con ustedes amigos! Finalmente un plugin que simplifica la traducción de WordPress y en particular Divi con precios asequibles!

Pruébalo y dame tus comentarios en los comentarios 😉

Lee también:

Obtener Divi

Entrenamiento Divi

Libro electrónico Divi

Consejos gratis

Cuestionario Divi

Entrenamiento en vivo

icono 256x256

Descubre wpLingua, mi WordPress extensión para traducir sus sitios ¡Oye! También disponible de las extensiones î Añadir la ficha Backoffice.

0 comentarios

Presentar un comentario

Su dirección de correo electrónico no será publicada. Los campos obligatorios se indican con *

Este sitio utiliza Akismet para reducir indeseables. Más información sobre cómo se utilizan sus datos de retroalimentación.