Traducir imágenes y textos ALT en una web multilingüe

Traduces la web entera, revisas los textos, montas el hreflang y te quedas tranquilo. Pero abres la versión en francés, pasas el ratón por una foto de producto y ahí sigue: alt="Zapatillas de running para hombre - envío gratis". En español. Y no es la única: el banner de la home lleva el reclamo incrustado en el propio JPG y el pie de foto se quedó sin traducir.

Las imágenes son el punto ciego de casi todas las webs multilingües. No se ven en una revisión rápida y aun así afectan a tres cosas que sí importan: la búsqueda por imágenes, la accesibilidad para quien usa lector de pantalla y la sensación de que la web está "a medias" en ese idioma. En esta guía te cuento qué se traduce exactamente, qué no hace falta tocar y cómo dejarlo resuelto sin rehacer la web.

Resumen rápido

• El texto ALT sí se traduce. Es contenido leído por Google y por los lectores de pantalla; dejarlo en el idioma original rompe tanto el SEO de imágenes como la accesibilidad.
• El texto incrustado dentro de una imagen no se traduce solo. Ninguna herramienta de traducción web reescribe píxeles: si tu banner lleva el reclamo dentro del JPG, necesitas una versión por idioma o sacar ese texto fuera de la imagen.
• El nombre del archivo importa poco y molesta mucho. Traducirlo obliga a duplicar archivos y a gestionar redirecciones; no compensa salvo en imágenes muy estratégicas.
• Los pies de foto, títulos y textos de botones sobre imágenes son texto normal: si tu herramienta los detecta, se traducen como el resto.
• Con Lantis los textos ALT se traducen automáticamente en cada idioma, con glosario propio para que los nombres de marca y producto no se te descuadren.

Qué se traduce y qué no

La respuesta corta: se traduce todo lo que sea texto de verdad; no se traduce lo que sean píxeles. Esta tabla resume dónde vive cada cosa y qué hacer con ella.

El caso que más se olvida es el penúltimo de la lista, y el que más duele es el quinto. Vamos por partes.

El texto ALT: el que sí o sí tienes que traducir

El atributo alt es la descripción escrita de una imagen. Cumple dos funciones a la vez y las dos dependen del idioma:

• Accesibilidad. Es lo que lee en voz alta un lector de pantalla. Si un usuario francés navega tu web en francés y su lector le suelta una frase en español, la experiencia se rompe. Las Web Content Accessibility Guidelines del W3C exigen alternativas textuales para el contenido no textual, y en la práctica eso significa alternativas en el idioma de la página.
• SEO de imágenes. Google usa el alt para entender de qué va la foto y posicionarla. Un alt en español en tu página en alemán es una señal contradictoria.

Cómo escribir un buen ALT traducido

Un ALT no es un almacén de palabras clave, es una descripción. Reglas rápidas que valen en cualquier idioma:

1. Describe lo que se ve, en una frase corta y natural.
2. No empieces con "imagen de": el lector de pantalla ya anuncia que es una imagen.
3. Mantén los nombres propios sin traducir: tu marca, tus modelos de producto, los nombres de personas. Esto es exactamente para lo que sirve el glosario de traducciones de marca.
4. Si la imagen es decorativa, déjala con alt="". Un ALT vacío es correcto y le dice al lector de pantalla que se la salte; rellenarlo con ruido es peor que dejarlo vacío.
5. No repitas el pie de foto palabra por palabra: quien usa lector de pantalla oiría lo mismo dos veces.

Si usas una herramienta que traduce el HTML servido, como Lantis, los alt se traducen solos junto con el resto del contenido, y puedes corregirlos desde el editor de traducciones igual que cualquier otro texto.

Imágenes con texto incrustado: el problema caro

Aquí va la conclusión primero: ninguna herramienta de traducción web va a reescribir el texto que está dentro de un archivo de imagen. Ni Lantis, ni Weglot, ni un plugin de WordPress. Son píxeles, no marcado.

Afecta sobre todo a banners de home, cabeceras de campaña, infografías y tarjetas de redes reutilizadas en la web. Y el coste no es solo de traducción: cada idioma nuevo te obliga a rehacer la pieza gráfica.

Las tres salidas, de mejor a peor

1. Saca el texto fuera de la imagen. Deja el JPG como fondo limpio y pon el titular y el botón como texto HTML encima, con CSS. Es la mejor opción: se traduce solo, pesa menos, se lee con lector de pantalla y se adapta al móvil. Framer, Webflow, Wix y Squarespace lo permiten sin esfuerzo.
2. Versión por idioma solo para las imágenes clave. Si el diseño exige texto dentro de la imagen, hazlo únicamente para las dos o tres piezas que de verdad venden. Asume que cada idioma nuevo son piezas nuevas.
3. Déjalo en el idioma original. A veces es lo razonable: un logo o un gráfico complejo pueden quedarse como están si el alt y el texto de alrededor explican qué se ve. Lo que no puede quedarse igual es una llamada a la acción o un precio.

Si el texto de una imagen influye en que alguien compre, ese texto no debería estar dentro de la imagen.

Nombres de archivo, SVG y capturas: los casos raros

¿Traduzco el nombre del archivo?

Casi nunca. El nombre del archivo (/img/oferta-verano.jpg) es una señal de SEO muy débil comparada con el alt y el contexto de la página, y traducirlo implica duplicar archivos, mantener rutas distintas y gestionar redirecciones. El coste supera al beneficio salvo que compitas fuerte en búsqueda de imágenes en un mercado concreto.

Lo que sí conviene: nombres descriptivos, en minúsculas y con guiones desde el principio. zapatilla-running-azul.jpg es infinitamente mejor que IMG_20260612_final_v3.jpg, en cualquier idioma.

SVG con texto dentro

Los SVG son un híbrido: son imágenes, pero su texto vive en el marcado. Si el SVG está insertado directamente en el HTML (inline), su texto es texto y se puede traducir. Si está cargado con <img src="grafico.svg">, se comporta como una imagen normal y no se traduce. Si tienes diagramas o iconos con etiquetas importantes, insértalos inline.

Capturas de pantalla de producto

El clásico de cualquier SaaS. Si tu producto tiene interfaz en varios idiomas, captura cada idioma; si no, deja la captura en el idioma original y explica en el texto qué se ve. Lo tratamos también en traducir un SaaS y su documentación.

Un repaso rápido antes de publicar

Antes de dar por buena una versión traducida, haz esta ronda de cinco minutos por página importante:

1. Pasa el ratón por las imágenes principales: ¿los alt están en ese idioma?
2. Busca banners o cabeceras con texto dentro: ¿queda algo en español?
3. Comprueba los pies de foto y los textos superpuestos.
4. Revisa que la marca y los nombres de producto no se hayan traducido dentro de los alt (aquí es donde el glosario te salva).
5. Mira el resultado en móvil: los titulares traducidos suelen ser más largos y pueden tapar la imagen.

Con eso cubres casi todos los problemas, y el resto se corrige desde el editor sin tocar la web original.

Preguntas frecuentes

¿Hay que traducir el texto ALT de las imágenes en una web multilingüe?

Sí. El atributo alt es texto real dentro del HTML: lo lee Google para posicionar la imagen y lo leen en voz alta los lectores de pantalla. Dejarlo en el idioma original en una página traducida perjudica el SEO de imágenes y rompe la accesibilidad para usuarios con discapacidad visual. Las herramientas de traducción que trabajan sobre el HTML servido, como Lantis, traducen los alt automáticamente junto con el resto del contenido.

¿Puede una herramienta de traducción traducir el texto que está dentro de una imagen?

No. El texto incrustado en un archivo JPG o PNG son píxeles, no marcado, así que ninguna herramienta de traducción web lo reescribe. Las soluciones son dos: sacar el texto fuera de la imagen y ponerlo como texto HTML encima con CSS —lo recomendable, porque además mejora el rendimiento y la accesibilidad—, o crear una versión distinta de la imagen para cada idioma.

¿Merece la pena traducir los nombres de archivo de las imágenes?

En general no. El nombre del archivo es una señal de SEO mucho más débil que el texto ALT o el contenido que rodea a la imagen, y traducirlo obliga a duplicar archivos y mantener rutas y redirecciones por idioma. Es más rentable usar nombres descriptivos en el idioma original y dedicar el esfuerzo a que los textos ALT, los pies de foto y el contenido de la página estén bien traducidos.

Conclusión

Las imágenes no son un detalle decorativo en una web multilingüe: son texto disfrazado. Los alt se traducen siempre, los pies de foto y los textos superpuestos también, y el texto dentro de un JPG es el único caso que exige trabajo manual — y la señal de que ese texto debería haber salido de la imagen desde el principio.

Con Lantis los textos ALT, los title, los pies de foto y todo el contenido HTML de cada página se traducen automáticamente en cada idioma, con tu glosario aplicado para que la marca y los nombres de producto no se descuadren, y con URL propia, hreflang y sitemap por idioma. Desde 3 €/mes por idioma, sin coste por palabras ni por visitas. Empieza gratis y revisa tú mismo cómo quedan tus imágenes en el idioma nuevo.