Agregue un widget de traducción a su sitio web ConveyThis

Resume este post con: 7 min de lectura

ChatGPT

Perplejidad

Grok

Inteligencia artificial de Google

Un widget de traducción es el botón o menú que utilizan los visitantes para cambiar su sitio a otro idioma. Puede agregar uno de tres maneras: compilarlo usted mismo en una API de traducción automática, instalar un complemento de traducción para su CMS o pegar un fragmento JavaScript de un servicio de traducción de un sitio web. La elección correcta depende menos del botón y más de lo que sucede detrás de él: si las traducciones se pueden editar y si cada idioma obtiene su propia dirección que los motores de búsqueda pueden indexar.

Esta guía cubre las opciones, los pasos de configuración para ConveyThis, cómo diseñar un conmutador que las personas realmente puedan usar y qué probar antes de anunciar los nuevos idiomas.

1. Constrúyelo en una API de traducción

Antiguo fragmento gratuito “Traductor de sitios web” de Google (el google_translate_element El código que muestran muchos tutoriales antiguos) está llegando al final de su soporte, como se explica en nuestro Alternativa al widget Google Translate guía. Google señala a los propietarios de sitios a los que pagan API de traducción en la nube en cambio. Con la API, un desarrollador puede enviar el texto de su página para traducirlo y representar el resultado detrás de un menú de idioma personalizado.

Eso te da control total sobre cómo se ve el botón, pero también eres dueño de todo lo demás: almacenar en caché las traducciones para que no se te facture la misma oración dos veces, un lugar para corregir resultados incorrectos, manejar páginas que cambian y generar URL de idiomas separadas si quieres que esas páginas aparezcan en los resultados de búsqueda. Para la mayoría de las empresas, esto es un proyecto de software, no un widget.

2. Instalar un complemento de traducción de CMS

Si su sitio se ejecuta en WordPress, Shopify, Joomla o una plataforma similar, un complemento o aplicación de traducción suele ser el camino más corto. La mayoría de los complementos agregan su propio selector de idioma que puedes colocar en un menú, barra lateral o pie de página. Algunos almacenan traducciones en su base de datos CMS; otros, incluido ConveyThis, las mantienen en un panel en la nube y las envían a su sitio. Ver el Integración de WordPress y Shopify integración páginas para detalles específicos de la plataforma.

3. Pegue un fragmento JavaScript de un servicio de traducción

Para sitios creados sobre cualquier otra cosa (una pila personalizada, un creador de sitios, un sitio estático), un servicio como ConveyThis le brinda un script para pegar en el <head> de cada página. El script agrega el conmutador y sirve la versión traducida cuando un visitante elige un idioma. Hay 35 integraciones para plataformas comunes, y la JavaScript integración cubre todo lo demás.

Illustration of a website with a language menu

Cómo agregar el ConveyThis selector de idioma

Los pasos son los mismos independientemente de la plataforma que utilices, solo cambia el paso de instalación.

Crea una cuenta y agrega tu dominio. En el panel ConveyThis, elija su plataforma (o “JavaScript” para un sitio personalizado), ingrese su dominio y configure el idioma original y los idiomas que desea agregar.
Instalar. En WordPress, instale el complemento ConveyThis desde el directorio de complementos e ingrese la clave API desde su panel. En Shopify, instala la aplicación ConveyThis. Para otros sitios, copia el fragmento que se muestra en el panel y pégalo en el <head> sección de todas las páginas. La mayoría de los creadores de sitios tienen una configuración de “código personalizado” o “código de encabezado” para esto.
Compruebe el conmutador. Recarga tu sitio. De forma predeterminada, el conmutador aparece en la esquina inferior derecha; la primera vez puede tardar unos minutos.
Revisa las traducciones. El primer paso es la traducción automática. Abra el panel para editar oraciones individuales, use el Editor visual Para corregir el texto en contexto, agregue glosario reglas para nombres de marcas y productos, e invitar a traductores o colegas con roles de equipo.

ConveyThis language button settings in the WordPress plugin

Dar estilo y posicionar el conmutador

En la configuración del dominio puedes elegir:

Posición. Una esquina fija de la pantalla, o “Personalizada” para colocar el conmutador dentro de un elemento que elijas, como tu menú principal. Ingresas el ID del elemento (por ejemplo menu, sin el #). El guía de posición muestra dónde se encuentra la configuración para los sitios JavaScript y WordPress.
Menú desplegable o lista, y en qué dirección se abre el menú.
Banderas, nombres o códigos. Puede mostrar nombres de idiomas, códigos de idiomas, banderas o una combinación. Tú también puedes cambiar qué bandera representa un idioma, por ejemplo una bandera del Reino Unido en lugar de una bandera de los EE. UU. para el inglés.

Diseñar un conmutador que la gente pueda utilizar

Un botón de traducción es pequeño, pero a menudo es lo primero que busca un visitante que no puede leer su idioma predeterminado. Algunas reglas hacen que sea más fácil de encontrar y menos molesto de usar:

Mostrar nombres de idiomas, no sólo banderas. Las banderas representan países, no idiomas. El español se habla en más de veinte países y es posible que un visitante de México no busque una bandera española. Si utiliza banderas, combínelas con el nombre del idioma.
Escribe el nombre de cada idioma en ese idioma. «Alemán», «Español», «日本語» son más fáciles de detectar que «German», «Spanish», «Japanese» para las personas que los necesitan.
Ponlo donde la gente lo espera. El encabezado o navegación principal es el lugar más común, con el pie de página como segunda ubicación. Un botón de esquina flotante funciona, pero asegúrese de que no cubra los widgets de chat ni los banners de cookies en el móvil.
Mantenga al visitante en la misma página. Al cambiar de idioma se debe mostrar la versión traducida de la página en la que se encuentran, no enviarlos a la página de inicio.
Recuerda la elección. Una vez que alguien elige un idioma, consérvelo mientras navega.
Tenga cuidado con las redirecciones automáticas. Redirigir a las personas por idioma del navegador puede ayudar, pero siempre deje visible el conmutador para que puedan cambiarlo. ConveyThis tiene un redirección opcional al idioma del navegador eso está apagado a menos que lo enciendas.

Un widget que intercambia el texto en el navegador del visitante sólo ayuda a las personas que ya están en su sitio. Los motores de búsqueda indexan las URL, por lo que si cada idioma comparte una dirección, sus páginas traducidas no pueden aparecer en los resultados de búsqueda en esos idiomas.

Para encontrarse en otros idiomas, cada traducción necesita su propia URL, como por ejemplo example.com/es/ o es.example.com, con el título traducido y la meta descripción en esa página y hreflang etiquetas que vinculan las versiones entre sí. Google explica esto en su guía de Gestión de sitios multilingües.

ConveyThis ofrece traducciones en URL de idiomas reales (subcarpetas, subdominios o a ?lang parámetro), traduce metaetiquetas y datos estructurados y agrega hreflang automáticamente. Si creas tu propio widget en una API, tendrás que crearlo todo tú mismo. El página de SEO multilingüe cubre los detalles.

Pruebe antes de anunciarlo

Antes de informar a los clientes que el sitio habla su idioma, revise una breve lista de verificación:

Cambie de idioma en la página de inicio, una página de producto o servicio, una publicación de blog y la página de contacto.
Prueba en un teléfono. Los conmutadores que se ven bien en el escritorio a menudo se superponen a otros botones en pantallas pequeñas.
Envíe un formulario en cada idioma y verifique que las confirmaciones y correos electrónicos lleguen traducidos.
Mire el texto dentro de imágenes, archivos PDF y ventanas emergentes. Éstas son las partes que con mayor frecuencia quedan sin traducir.
Consulte idiomas de derecha a izquierda, como árabe o hebreo, si agregó alguno, para detectar problemas de diseño.
Vea la fuente de la página de una URL traducida y confirme lang Los atributos, el título traducido y las etiquetas hreflang están ahí.
Pídale a un hablante nativo que lea las páginas que más importan, generalmente precios, pago y cualquier cosa legal.

Lo que cuesta

ConveyThis tiene un plan gratuito para un idioma y hasta 5000 palabras, suficiente para probar el conmutador en un sitio pequeño. Los planes pagos comienzan en $12 al mes por 30.000 palabras. Las palabras se cuentan solo cuando se muestra contenido traducido a los visitantes y el tráfico de bots no cuenta. El página de precios enumera todos los planes.

Si está decidiendo qué parte del sitio traducir y en qué orden, comience con cómo traducir un sitio web completo. Para obtener un plan de proyecto paso a paso, consulte cómo traducir un sitio web.

Agregue un widget de traducción a su sitio web

Tres formas de agregar un widget de traducción