En el modo JavaScript, una etiqueta de script en el <head> de tu sitio hace todo el trabajo: muestra el selector de idioma, elige un idioma para cada visitante y cambia el texto de tu página por su traducción en el navegador. Tus URL nunca cambian, por lo que example.com/about es la misma dirección en cada idioma y no hay DNS que configurar. La desventaja es que los motores de búsqueda solo ven tu idioma de origen.
El modo JavaScript es el único modo para Webflow, Framer, Squarespace, Duda, Tilda, Weebly y Lovable, y una de las dos opciones para proyectos de Cualquier sitio web.
Qué se traduce
Universally extrae cadenas de tu página con los mismos analizadores que utiliza para la traducción del lado del servidor:
- Texto en la página.
- El contenido de
<title>y meta. - Los atributos
placeholder,aria-label,alt,titleyvalue.
Las traducciones almacenadas, el conteo de palabras y las reglas del glosario funcionan igual que en cualquier otro modo. El script también establece <html lang> y dir para el idioma elegido.
Qué no se traduce
- Los motores de búsqueda no ven traducciones. Las traducciones solo existen en el navegador y los rastreadores obtienen tu HTML de origen. No se agregan enlaces hreflang.
- Solo se traducen las páginas públicas. Universally recupera cada página por sí mismo, sin la sesión del visitante, por lo que una página detrás de un inicio de sesión o una contraseña muestra su texto de origen.
- El texto que JavaScript agrega después de que la página se carga no se traduce cuando no está en el HTML que tu servidor envía. El script vuelve a aplicar las traducciones al contenido nuevo durante unos segundos después de la carga y en las navegaciones de aplicaciones de una sola página, pero solo para las cadenas que ya tiene.
- JSON-LD no se traduce.
- Se ignoran las cadenas de consulta.
?a=1y?a=2comparten un conjunto de traducciones. - Aproximadamente 2000 cadenas por página es el límite. Las cadenas más allá de eso permanecen en el idioma de origen.
- Solo se aplican las reglas de selectores CSS. En Reglas de traducción, Excluir selectores CSS funciona. Excluir páginas y Excluir localización de enlaces no tienen efecto en el modo JavaScript, y tampoco Incluir selectores CSS. Ver Incluir y excluir selectores CSS.
- El selector no tiene configuraciones de diseño. Se ubica en la esquina inferior derecha con banderas y nombres de idiomas (esquina superior derecha en Framer y Lovable).
Cuando se agotan las palabras prepagas del proyecto, las nuevas cadenas permanecen en el idioma de origen y las cadenas ya traducidas continúan mostrándose. Ver Límites de uso.
Cómo funciona
- El script se carga. El archivo
s.jsse sirve con una caché de 15 minutos. Mientras el proyecto está inactivo o no tiene un idioma de destino activo, no sirve nada, por eso tu sitio no cambia hasta que agregas un idioma. - Se elige un idioma. Un visitante por primera vez se empareja automáticamente con el idioma de su navegador. La elección se guarda en una cookie llamada
universally_langdurante 30 días. Elegir un idioma en el selector establece la cookie y recarga la página. El interruptor Redirigir por idioma del navegador en Configuración general no tiene efecto en este modo: la coincidencia automática ocurre independientemente. - El navegador envía la URL de la página. Solo la URL y el idioma van a Universally, nunca el contenido de la página.
- Universally recupera la página en sí. Solicita la URL de tu sitio publicado de forma anónima, sin cookies de visitante ni inicio de sesión, extrae las cadenas, las traduce y las devuelve.
- El navegador reemplaza cada cadena en su lugar. Nada se recarga y la dirección permanece igual.
Las traducciones de una página se almacenan en caché durante 24 horas del lado de Universally y se guardan en el almacenamiento del navegador del visitante, por lo que una vista repetida no tiene parpadeo. Las ediciones en la pantalla de Traducciones se muestran una vez que expira la caché de 24 horas, o de inmediato después de hacer clic en Borrar caché del traductor en Configuración general, lo que borra ambas. Ver Editar traducciones manualmente.
Para ver cuánto de una página se tradujo, añade ?uni_debug=1 a su URL y abre la consola del navegador.
¿Cuándo elegir subdominios en su lugar?
Si deseas que cada idioma tenga su propia dirección, un proyecto Cualquier sitio web puede moverse a subdominios de idioma desde su página de Configuración. Aún no se puede volver atrás. Ver Subdominios de idioma.