Traducción multimedia: cómo traducir imágenes, vídeos y archivos PDF en su sitio web

Resume este post con: 9 minutos de lectura

ChatGPT Perplejidad Grok Inteligencia artificial de Google

Traduces las imágenes de un sitio web en dos capas. Primero, traduzca el texto que pertenece a cada imagen (texto alternativo, atributos de título, subtítulos y nombre del archivo). En segundo lugar, para cualquier imagen con palabras o contenido cultural específico incorporado, cree una versión localizada y sirva ese archivo solo en la versión de idioma correspondiente de la página. Los vídeos y archivos PDF siguen la misma regla: traducir lo que los describe e intercambiar el archivo cuando el contenido está vinculado al idioma.

Conclusiones clave

• El texto alternativo es la parte que lee Google. Google lo llama “el atributo más importante cuando se trata de proporcionar más metadatos para una imagen” (Centro de búsqueda de Google), por lo que un atributo alt no traducido es una señal de clasificación perdida en todos los idiomas.
• Sólo las imágenes con texto, precios, referencias locales o señales sobre personas y cultura necesitan un archivo separado. Las imágenes decorativas y las fotografías de productos normalmente no lo hacen.
• Intercambie archivos por idioma por URL en lugar de superponer texto con trucos de CSS. Cada página de idioma debe hacer referencia a su propio archivo de imagen.
• Google también recomienda traducir los nombres de los archivos al localizar imágenes.
• La forma más rápida de evitar la mayor parte de este trabajo es dejar de poner texto dentro de las imágenes en los nuevos diseños.

Por qué es importante la traducción de medios

Los visitantes se dan cuenta cuando las palabras están traducidas y las imágenes no. Una página de precios en francés que muestra un banner en inglés “Comprar ahora” o una página de destino en alemán con una captura de pantalla llena de interfaz de usuario en inglés se lee como a medio terminar.

El argumento comercial para hacerlo correctamente proviene de cómo la gente compra. En la encuesta “No puedo leer, no compraré” de 2020 de CSA Research a 8.709 consumidores en 29 países, el 76% de los compradores en línea dijeron que prefieren comprar productos con información en su idioma nativo y el 40% dijeron que nunca comprarán en sitios web en otros idiomas (CSA Research, julio de 2020). Una infografía, una tabla de tallas o un diagrama “de cómo funciona” también es información del producto.

También hay un motivo de búsqueda. La búsqueda de imágenes y las imágenes dentro de los resultados regulares se comparan con las palabras que las rodean. Un texto alternativo en inglés en una página en español le da a Google una descripción en inglés de una página destinada a buscadores en español.

Lo que cuenta como “medios” en un sitio web

Paso 1: Audite las imágenes que realmente contienen lenguaje

Comience con un rastreo o una pasada manual rápida de sus páginas principales en los idiomas que ya ofrece. Haz tres preguntas sobre cada imagen:

1. ¿Hay texto en los píxeles? Banners, botones dibujados como imágenes, gráficos con etiquetas, capturas de pantalla.
2. ¿Existe alguna referencia local? Precios en moneda, números de teléfono, direcciones, formatos de fecha, unidades de medida, temas estacionales (una pancarta nevada “festiva” significa julio en Australia).
3. ¿La imagen depende de la cultura? Gestos con las manos, ropa, comida, colores con fuerte significado local o personas que no reflejan el mercado al que te diriges.

Si la respuesta es “no” las tres veces, la imagen solo necesita traducir sus atributos de texto. Todo lo demás va en una lista de localización, ordenada por tráfico.

Paso 2: Traduce las palabras adjuntas a cada imagen

Esto se aplica a todas las imágenes, incluidas las que conservas:

• Escribe el texto alternativo en el idioma de destino. No traduzca automáticamente una lista de palabras clave; siga la misma regla que Google da para el inglés y escriba una descripción breve y específica (Google).
• Traducir atributos de título y subtítulos. Los subtítulos son textos visibles en el cuerpo, por lo que deben traducirse con el resto de la página.
• Traducir nombres de archivos. La orientación de Google es directa: “Si localiza sus imágenes, recuerde traducir también los nombres de los archivos, teniendo en cuenta las pautas de codificación de URL si utiliza caracteres no latinos o especiales” (Google). zapatillas-running-rojas.jpg le dice a un índice de español más de red-running-shoes.jpg.
• Si el marcado de un producto o artículo hace referencia a una imagen, name y description a su alrededor también debe estar en el idioma de la página.

Paso 3: Crea versiones localizadas de imágenes con mucho texto

Para las imágenes de su lista de localización:

1. Obtenga los archivos fuente. Recrear un banner a partir del archivo de diseño en capas (Figma, Photoshop, Canva) es mucho más rápido y limpio que editar un JPG aplanado.
2. Primero traduce el texto y luego diseña. Envíe las cadenas a su traductor o ejecútelas a través de su herramienta de traducción, revíselas y solo entonces colóquelas en el diseño. Espere que el texto sea más largo; Los titulares en alemán y francés suelen necesitar más espacio que los en inglés, así que deje espacio o reduzca el tipo.
3. Verifique los diseños de derecha a izquierda. Para árabe o hebreo, refleje elementos direccionales (flechas, pasos de progreso, orden de lectura de una imagen de antes y después).
4. Exportar con un patrón de nombres claro, por ejemplo pricing-banner-de.webp, pricing-banner-fr.webp, y mantener las mismas dimensiones que el original para que el diseño no salte.
5. Mantenga un registro de qué imágenes tienen versiones localizadas, de modo que cuando cambie el banner en inglés, los demás idiomas también se actualicen.

Cuando rediseñas, reduce el problema: coloca los titulares en texto HTML en vivo sobre una imagen de fondo en lugar de dentro de ella. El texto en vivo se traduce con el resto de la página y no necesita archivos adicionales.

Paso 4: Sirva el archivo correcto en cada versión de idioma

El archivo localizado sólo ayuda si cada página de idioma apunta a él. La forma de hacerlo depende de la pila:

• Con páginas separadas por idioma (una configuración CMS multilingüe), cargue la imagen localizada en la página o campo multimedia de cada idioma.
• Con una capa o complemento de traducción, utilice su función de reemplazo de medios para que src de la imagen cambia en la página traducida mientras que la página original conserva el archivo original.
• En el código personalizado, almacene referencias de imágenes en sus archivos de recursos localizados, de la misma manera que almacena cadenas.

Cualquiera que sea la ruta que utilice, verifique el HTML renderizado de la página traducida y confirme <img src> y el alt Ambos atributos han cambiado.

Vídeos y archivos PDF

Para los vídeos, los subtítulos son la opción más barata y con mayor capacidad de búsqueda; YouTube y la mayoría de los reproductores de vídeo aceptan un archivo de subtítulos por idioma. Para videos de marketing con mucho texto en pantalla o una voz en off, es mejor un corte localizado separado, y la página traducida debería incrustar esa versión en lugar de la original.

Un folleto o manual en PDF es un documento separado, así que tradúzcalo como documento y cargue el archivo traducido. El enlace en cada versión de idioma de la página debe apuntar al PDF de ese idioma. Si maneja muchos documentos, un servicio de traducción de documentos que mantenga el diseño guardará el formato manual.

Cómo maneja ConveyThis imágenes, vídeos y archivos PDF

Con ConveyThis, el texto alrededor de su medio se maneja automáticamente: cuando se traduce una página, alt, title y placeholder Los atributos se traducen junto con el texto visible, por lo que cada imagen obtiene una descripción en cada idioma sin trabajo adicional.

Para los archivos que necesitan una versión local, habilita la traducción de medios una vez y luego intercambia archivos por idioma:

1. En su panel ConveyThis, abra Configuración → Mostrar más opciones y, en la sección General, activa las opciones multimedia que necesitas: imágenes, vídeo y PDF.
2. Abra la página en el Editor visual, cambie al idioma de destino y haga clic en el icono del lápiz en la imagen (o PDF) que desea reemplazar.
3. Ingrese la URL del archivo localizado, idealmente con las mismas dimensiones que el original, y guárdelo.

El reemplazo de imágenes funciona de forma regular <img> etiquetas y para imágenes de fondo configuradas en línea en un elemento. El reemplazo de video cubre el alojamiento propio <video> fuentes y reproductores de YouTube integrados, para que la página en español pueda reproducir el corte en español. Las guías paso a paso con capturas de pantalla se encuentran en el centro de ayuda: traducir imágenes y medios y Cambiar un archivo multimedia en una versión traducida.

Debido a que cada idioma vive en su propia URL con etiquetas hreflang, el texto alternativo traducido y los archivos localizados son lo que Google indexa para ese idioma. Ver todo Características de ConveyThis, o cómo encaja el editor visual en un Flujo de trabajo de revisión de traducción.

Una lista rápida de verificación de traducción de medios

• Texto alternativo, atributos de título y subtítulos traducidos en cada versión de idioma
• Nombres de archivos localizados para imágenes localizadas
• Imágenes, capturas de pantalla y banners con mucho texto recreados por idioma, comenzando con sus páginas de mayor tráfico
• Los precios, unidades, fechas y números de teléfono en las imágenes coinciden con el mercado objetivo
• Las versiones RTL se reflejan donde la dirección importa
• Vídeos subtitulados o reemplazados; PDF traducidos y vinculados por idioma
• Un registro de activos localizados para que las actualizaciones lleguen a todos los idiomas

Para obtener una visión más amplia de cómo adaptar el contenido a cada mercado, incluido el tono, los ejemplos y las ofertas, lea nuestra guía Construyendo una estrategia de localización de contenidos.

Preguntas frecuentes

¿Google lee texto dentro de las imágenes? No cuentes con ello para el ranking. La guía de imágenes de Google se centra en el texto alternativo, los nombres de los archivos y el texto colocado cerca de la imagen, así que coloque las palabras que importan en esos lugares y en el HTML de la página.

¿Debo traducir texto alternativo para imágenes decorativas? Las imágenes decorativas deben tener un espacio vacío alt="" en todos los idiomas, por lo que no hay nada que traducir. Toda imagen significativa necesita una descripción traducida.

¿Puede la traducción automática manejar texto de imagen? Puede traducir las cuerdas, pero alguien aún tiene que volver a colocarlas en el diseño y verificar el ajuste. Revise a mano cadenas breves y visibles, como botones y titulares.

Siguiente paso

Crea una cuenta ConveyThis, traduzca su sitio y luego use el editor visual para intercambiar las imágenes y los archivos PDF que necesitan una versión local. Comparar planes cuando agregas más idiomas.