How do I embed a translation button on my website?

A translation button is embedded either with a client-side widget script that swaps visible text in the browser, or by routing each language to its own URL served by a CMS plugin or a translation proxy like Smartling's Global Delivery Network. Only the URL-based approaches give search engines and AI crawlers a translated page they can index and cite.

¿Cómo funcionan los widgets y plugins de traducción de sitios web?

Un widget de traducción de sitios web es un componente incrustable — normalmente un fragmento de JavaScript o un plugin CMS — que permite a los visitantes ver tu sitio en otro idioma. Cada widget o plugin emplea una de tres arquitecturas: un script del lado del cliente que intercambia el texto visible en el navegador, un plugin CMS que almacena las traducciones dentro de tu plataforma de contenido, o un proxy de traducción que sirve las páginas completamente traducidas en sus propias URLs. La arquitectura, no el diseño de los botones, determina si las páginas traducidas pueden ser indexadas por los motores de búsqueda, citadas por motores de respuestas de IA y controladas por la calidad como el resto de tu contenido.

¿Existen herramientas gratis para traducir fácilmente el contenido de un sitio web?

Sí, herramientas gratis como la traducción de páginas integrada de Chrome y la interfaz sitio web de Google Translate pueden traducir cualquier página pública a otro idioma al instante, y no cuestan nada. El problema es que traducen para un visitante a la vez, en el navegador de ese visitante, lo que significa que tu sitio web nunca obtiene una página traducida. Los equipos que comienzan con herramientas gratis tienden a topar con los mismos cinco obstáculos:

La traducción del navegador es solo para el lado del visitante. Chrome o Edge traduciendo una página ayuda a ese lector, pero el texto traducido solo existe en su sesión de navegador — tu sitio sigue publicando en un idioma y no controlas la calidad de la salida.
Google retiró su widget integrable gratis para compañías. Google dejó de ofrecer el widget Traductor de sitios web para nuevos usuarios comerciales en diciembre de 2019, y su relanzamiento en 2020 está restringido a sitios web no comerciales de gobiernos, organizaciones sin ánimo de lucro y entidades académicas; por lo tanto, el tradicional botón gratis de "traducir" ya no es una opción para el sitio web de una compañía.
Los intercambios de texto en el lado del cliente son invisibles para los rastreadores. Un script que sustituye el texto tras cargar la página deja el HTML en el idioma original como lo único que los motores de búsqueda y los motores de respuesta de IA leen realmente, por lo que el contenido traducido no puede posicionar ni ser citado en otros mercados.
La traducción automática en bruto se entrega sin revisión. Las herramientas gratis aplican traducción automática genérica sin memoria de traducción, glosario ni paso de revisión humana, por eso los nombres de productos, la copia legal y la voz de la marca son donde se ven claramente fallando primero.
El contenido dinámico se filtra. El contenido generado por frameworks de JavaScript o personalizado para cada usuario es precisamente lo que las herramientas genéricas de traducción de páginas manejan con menos fiabilidad, por lo que las aplicaciones sitio web modernas acaban estando traducidas a medias.

¿Cuáles son los principales tipos de widgets y plugins de traducción de sitios web?

Las herramientas de traducción de sitios web se dividen en cinco niveles, ordenados aproximadamente según el grado de control que ofrecen sobre la calidad y el SEO:

Traductores gratis de navegador y páginas — la traducción integrada de Chrome y la interfaz sitio web de Google Translate solo se traducen en el lado del visitante. Útil para hacer gisting, pero no aportan nada a tu sitio en sí.
Widgets JavaScript alojados — los servicios en las categorías Weglot y Localize agregan traducción mediante un fragmento de script, cambiando la velocidad de configuración por la dependencia de la capa alojada del proveedor. Al evaluar uno, la cuestión decisiva es si sirve a cada idioma en su propia URL indexable o si solo intercambia texto en el lado del cliente.
Plugins y conectores CMS — los plugins viven dentro de una plataforma de contenido específica y traducen su contenido almacenado; El propio plugin Connector de Smartling para WordPress en wordpress.org es un ejemplo. Para una comparación específica de las opciones de plugins para WordPress, consulta los 9 mejores plugins de traducción para WordPress.
Proxies de traducción — un proxy como la Red Global de Entrega (GDN) de Smartling se sitúa entre tu servidor sitio web y los visitantes, intercambiando texto traducido y reescribiendo URLs durante el tránsito, por lo que funciona independientemente de la tecnología sobre la que se construya el sitio y no requiere re-plataformación.
Bibliotecas y APIs de traducción del lado del cliente — Dynamic Content Support (DCS) de Smartling es una biblioteca JavaScript que traduce contenido en el momento en que el navegador lo renderiza, construida para aplicaciones renderizadas por framework (React, Next, Vue, Angular), y la API de Entrega de Traducción sirve para traducciones como endpoint de API cuando un equipo quiere tener control total sobre la entrega.

La mayoría de los sitios empresariales acaban combinando capas — un proxy para páginas HTML más una biblioteca del lado del cliente para componentes renderizados en el framework — en lugar de apostarlo todo por un solo mecanismo.

Widgets y plugins de traducción de sitios web: los números

Métrico	Cifra	fuente
Disponibilidad de widgets de Google Website Translator para sitios comerciales	Descontinuado en diciembre de 2019; Reedición de 2020 limitada a sitios gubernamentales, sin ánimo de lucro y académicos	Ayuda de Google Translate: Traducir documentos y sitios web
Garantía de tiempo de actividad de Smartling GDN	99.99%	Smartling GDN
Estructuras de URL de localización que la GDN puede proporcionar	3 (ccTLD, subdominio, subdirectorio), con URLs y palabras clave traducidas	Smartling GDN
Conectores Smartling y plugins preconstruidos	50+	Integraciones de Smartling
Los motores LLM y MT están disponibles a través de Smartling AI Hub.	20+	Centro de IA Smartling
Red de lingüistas profesionales que respaldan los flujos de trabajo de Smartling.	4,000+	Traducción profesional Smartling

¿Cómo puedo insertar un botón de traducción en mi sitio web?

Integrar el botón es la parte fácil; la verdadera decisión está en qué sucede cuando un visitante hace clic en él. La secuencia de trabajo:

Decide qué cambia el botón — un intercambio de texto en el navegador o una URL localizada real por idioma. Solo el cambio basado en URLs da a cada idioma una página que los motores de búsqueda y los rastreadores de IA pueden indexar y citar, por lo que esta elección limita todo lo que viene después.
Elige la arquitectura de servicio : un fragmento de widget alojado para mayor velocidad, un complemento CMS si todo el contenido reside en una sola plataforma, o un proxy de traducción como GDN de Smartling si el sitio abarca varias tecnologías y no quieres cambiar de plataforma.
Diseña el propio control del selector — la ubicación, las etiquetas en el idioma nativo y la persistencia determinan si se usa el botón; la guía completa de UX se encuentra en las mejores prácticas de diseño de selectores de lenguaje y conmutadores.
Captura y traduce el contenido : con la GDN, el texto traducible se captura automáticamente a medida que se navega por las páginas (o a través del rastreador de la GDN), se traduce mediante un flujo de trabajo humano, de IA o híbrido, y se almacena en la memoria de traducción para que no sea necesario volver a traducir ni alojar el contenido manualmente.
Planea los cambios de contenido — toda arquitectura necesita un camino de recaptura cuando el contenido fuente se actualiza; saltártelo produce un "filtrado de fuente", donde las páginas traducidas muestran una mezcla de traducciones antiguas y texto nuevo sin traducir.

Un enfoque de widget o plugin se adapta a equipos que...

Necesitas cobertura multilingüe visible en semanas, no en un trimestre, y puedes aceptar los sacrificios de una capa de script alojada para llegar ahí.
Ejecuta todo el contenido en un solo CMS, donde un plugin o conector diseñado específicamente pueda traducir el contenido almacenado directamente.
No disponemos de cotización de ingeniería para internacionalizar el código fuente; una capa de proxy o de widgets funciona sin necesidad de reconstruir el sitio web.
Están probando la demanda en un nuevo mercado y quieren que la traducción funcione antes de comprometer con un programa completo de localización.

Cuando un widget de traducción ligero puede no ser suficiente

Si el objetivo es la búsqueda orgánica o la visibilidad de respuestas de IA en mercados objetivo, un widget solo del lado del cliente no puede entregarlo: el texto traducido nunca existe en una URL rastreable.
Si el contenido de marca, legal o regulado necesita revisión antes de publicar, un widget exclusivo para máquina sin flujo de trabajo pone el texto no revisado delante de los clientes.
Si el sitio es una aplicación sitio web renderizada por framework (React, Next, Vue, Angular), los widgets genéricos gestionan cadenas renderizadas dinámicamente de forma poco fiable — este es el caso para el que se crearon las librerías del lado del cliente como DCS de Smartling.
Si el volumen de traducción abarca un sitio web más una app móvil, un centro de ayuda o la interfaz del producto, un widget de página no puede compartir memoria de traducción entre esos canales, así que todos pagan por traducir las mismas cadenas de nuevo.

Lista de verificación de evaluación: preguntas que debes hacer antes de agregar un widget o plugin de traducción

¿Cada idioma tiene su propia URL indexable?
Subdirectorio, subdominio o ccTLD — si la respuesta es "el texto simplemente cambia en la misma URL", el contenido traducido es invisible para los motores de búsqueda y los motores de respuesta de IA.

¿Cómo gestiona el contenido renderizado en JavaScript y dinámico?
Pregunte específicamente sobre las aplicaciones renderizadas mediante frameworks; el contenido ensamblado en el navegador es donde la traducción en tránsito se vuelve impredecible sin un componente del lado del cliente.

¿Existe un flujo de trabajo de calidad detrás de la salida de la máquina?
La memoria de traducción, los glosarios y un paso opcional de revisión humana son lo que diferencia una plataforma de traducción de un script que intercambia texto.

¿Qué ocurre cuando cambia el contenido original?
Confirma que existe una ruta de recuperación automatizada (como un rastreador); de lo contrario, las páginas actualizadas se envían con una mezcla de texto traducido y sin traducir.

¿Puedes llevarte tus traducciones?
Las traducciones almacenadas en una memoria de traducción portátil sobreviven a un switch de fabricante; las traducciones bloqueadas dentro de un widget alojado generalmente no.

¿Cómo traduce Smartling sitios web sin un widget adicional?

La Red Global de Distribución (GDN) de Smartling reemplaza el patrón de widgets por un proxy de traducción más una capa del lado del cliente, de modo que cada idioma se distribuye como un sitio real e indexable en lugar de una superposición con script intercambiado. El proxy traduce el contenido HTML en tránsito entre tu servidor sitio web y el visitante — intercambiando texto traducido y reescribiendo URLs mientras preserva el diseño, el diseño y las imágenes — y funciona independientemente de la tecnología sobre la que se construya el sitio, sin proyecto de internacionalización ni requeriendo traducciones autoalojadas. Para aplicaciones renderizadas por framework, Dynamic Content Support (DCS) traduce contenido de React, Next, Vue y Angular en el momento en que el navegador lo renderiza, y la API de Entrega de Traducción ofrece una alternativa basada en endpoints cuando un equipo quiere que la entrega esté completamente en sus propias manos. Las páginas localizadas se mantienen en ccTLDs, subdominios o subdirectorios con URLs y palabras clave traducidas, respaldadas por una garantía de disponibilidad del 99,99%, y el contenido se captura para su traducción automáticamente a medida que se navegan las páginas o a través del GDN Crawler. Los equipos cuyo contenido reside en un CMS pueden usar uno de los 50+ conectores y plugins preconstruidos de Smartling — incluido el plugin Smartling Connector para WordPress — y cada canal emplea la misma memoria de traducción. Smartling fue nombrado Líder en Gestión de Traducción en G2. "Recomendaría encarecidamente esta herramienta... Es increíblemente sencilla, rápida y eficiente — todo está optimizado para ti", dice Paulo Pinto, Senior Localization Project Manager en Talkdesk, describiendo la GDN.