El texto alternativo de imágenes de producto es donde tu diagrama de medidas deja de existir sin hacer ruido. La foto carga, las medidas están ahí en cuerpo 48, y todo lector que no sea un par de ojos humanos — lector de pantalla, rastreador de búsqueda, motor de respuestas con IA — recibe un espacio en blanco.
El estudio de accesibilidad en e-commerce del Baymard Institute le pone número a lo común que es esto: el 55% de los sitios de e-commerce no usa texto alternativo para comunicar el contenido central de las imágenes informativas, el 64% incrusta texto directamente dentro de las imágenes y el 9% presenta información compleja únicamente como imagen. Si vendes muebles, herrajes o materiales de construcción, ese último 9% casi con certeza eres tú, porque la tabla de medidas es un JPEG.
Abajo hay seis patrones de texto alternativo sacados de galerías de productos reales, por qué falla cada uno y qué escribir en su lugar.
Qué tiene que hacer realmente el texto alternativo de imágenes de producto
El texto alternativo de imágenes de producto es la alternativa textual guardada en el atributo alt de una imagen: las palabras que un lector de pantalla anuncia en lugar de la foto, y la única descripción de esa imagen disponible para cualquier sistema que no pueda mirarla.
Tiene dos audiencias, y la mayoría de los vendedores solo presupuesta la primera:
| Lector | Para qué usa el texto alternativo | Qué obtiene cuando el texto alternativo está mal |
|---|---|---|
| Usuario de lector de pantalla | Todo el contenido de la imagen | Silencio, o un nombre de archivo leído letra por letra |
| Rastreador de búsqueda | Contexto de la imagen y tema de la página | Ninguna señal; la imagen no posiciona para nada |
| Motor de respuestas con IA | La única versión legible por máquina de lo que muestra la foto | Lo que diga tu HTML, que puede no decir nada |
| Tu propio PIM o exportación de feed | Descripciones de imagen que se envían a marketplaces y catálogos | Campos vacíos que tus socios de canal rellenan mal |
La Iniciativa de Accesibilidad Web del W3C es directa sobre el problema de fondo: cuando el texto queda horneado dentro de una imagen, "es buena práctica de diseño usar texto real con estilos CSS en lugar de una presentación de texto basada en imagen", y cuando una imagen de texto es realmente inevitable, la alternativa textual debe contener exactamente el mismo texto que aparece en la imagen. Una medida impresa dentro de un JPEG no es dato de producto. Es una foto de un dato de producto, y nada salvo un ojo humano puede leerla.
En Europa esto ya tiene además un filo legal. La Ley Europea de Accesibilidad — Directiva (UE) 2019/882 — enumera los servicios de comercio electrónico en el artículo 2(2)(f) como servicio cubierto, y los Estados miembros la aplican desde el 28 de junio de 2025. Las microempresas que prestan servicios quedan exentas por el artículo 4(5), y el artículo 3(23) define microempresa como la que emplea a menos de 10 personas y cuyo volumen de negocios anual o balance general anual no supera los 2 millones de euros. Si eres más grande que eso y vendes a consumidores de la UE, el JPEG de la tabla de medidas ya no es solo un problema de conversión.
Antipatrón 1: el nombre de archivo
alt="IMG_4821.jpg". alt="sofa-3-final-v2-USE-THIS". alt="chair_dim_01".
Esto es lo que sale cuando las imágenes se exportan de una carpeta y se suben en lote sin que nadie escriba una descripción. En una página a la que le falta el atributo alt, la mayoría de los lectores de pantalla recurre a leer el nombre del archivo, así que el cliente escucha "i eme ge guion bajo cuatro ocho dos uno punto jota pe ge" y sigue de largo.
El arreglo no tiene misterio. Es una frase que describe el producto concreto en la toma concreta.
| En lugar de | Escribe |
|---|---|
alt="IMG_4821.jpg" |
alt="Oak dining table, 180 cm long, seen from the front" |
alt="chair_dim_01" |
alt="Dining chair dimension diagram: seat height 46 cm, overall height 88 cm, seat width 45 cm" |
Antipatrón 2: el amontonamiento de palabras clave
alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online".
La propia guía de imágenes de Google lo señala sin rodeos: el texto alternativo es "el atributo más importante a la hora de aportar más metadatos sobre una imagen", y saturarlo "genera una mala experiencia de usuario y puede hacer que tu sitio sea visto como spam". El ejemplo que Google publica como bueno tiene cuatro palabras: alt="Dalmatian puppy playing fetch".
Hay un segundo costo que nadie menciona. Un lector de pantalla lee la cadena completa, a la velocidad de lectura del usuario, sin manera de saltarse nada. Nueve palabras clave repetidas son nueve segundos de ruido antes de que la persona sepa algo de tu producto.
Escribe la única descripción verdadera. La palabra clave por la que de verdad quieres posicionar aparece ahí de forma natural, una vez.
Antipatrón 3: la tabla de medidas que solo existe como imagen
Este es el caro, y es el estándar de hecho en muebles, ropa y materiales de construcción: una tabla completa de medidas exportada como PNG de 1200 px y soltada en la galería.
El W3C trata esto como una imagen compleja y dice que hace falta una alternativa textual en dos partes: una descripción corta que identifique la imagen y apunte a la descripción larga, y una descripción larga que sea "una representación textual de la información esencial que transmite la imagen", disponible para todo el mundo en lugar de escondida.
En la práctica, "disponible para todo el mundo" es la respuesta entera. No intentes meter doce medidas en un atributo alt. Publica la tabla como tabla HTML real en la página y deja que el atributo alt apunte a ella:
alt="Size chart for the Larsen sofa range; the same measurements are listed in the table below"
Y después pon la tabla debajo. No te cuesta nada: una tabla marcada es indexable, citable por un motor de respuestas con IA, traducible, y se adapta al teléfono, cosa que un PNG de 1200 px con texto de cuerpo 9 no hace. Páginas de referencia como medidas estándar de sofás existen como texto exactamente por eso. Si además quieres las medidas sobre la propia imagen para el comprador que nunca baja, conserva ambas. La imagen y la tabla no compiten; el problema es la imagen sin la tabla.
Antipatrón 4: describir la foto en lugar de los números
alt="grey fabric sofa in a bright living room" — en un diagrama de medidas.
Este es el fallo más sutil, porque la frase es técnicamente correcta. Describe una foto. Simplemente no describe esta foto, cuya única razón de existir es que carga cinco medidas que la descripción del producto no tiene.
Dos reglas cubren casi todos los casos:
- Si el trabajo de la imagen es verse bien, describe cómo se ve.
- Si el trabajo de la imagen es cargar información, el texto alternativo carga la información: los números, las unidades y qué mide cada número.
Donde la gente se equivoca es cuando el mismo producto tiene las dos. Una foto principal y un diagrama de medidas del mismo sofá necesitan textos alternativos completamente distintos, y pegar el de la foto principal en el diagrama tira a la basura la única imagen de la página que responde "¿me va a entrar?".
Antipatrón 5: un párrafo de texto alternativo en una imagen decorativa
La textura de fondo, el gráfico separador, el adorno de marca en la cabecera del módulo A+. Alguien escribe alt="beautiful natural oak wood grain texture background" para todos ellos, y ahora el usuario de lector de pantalla escucha tres frases de paisaje entre cada imagen real de producto.
Las imágenes decorativas llevan un atributo alt vacío — alt="" — que le indica a la tecnología de asistencia que se salte la imagen por completo. Eso no es lo mismo que omitir el atributo, lo cual convierte a la imagen en un elemento sin etiqueta que igual se anuncia. Vacío y ausente se ven idénticos en tu CMS y se comportan de manera opuesta.
Vale la pena dejar explícito un criterio: una toma de referencia de escala no es decorativa. Una foto de tu producto junto a una hoja A4 estándar está haciendo trabajo informativo, y su texto alternativo debería decirlo.
Antipatrón 6: un texto alternativo, doce imágenes de galería
Las herramientas de edición masiva vuelven esto trivialmente fácil. Cada imagen de la ficha recibe alt="Larsen 3-seat sofa", así que un usuario de lector de pantalla escucha las mismas cinco palabras doce veces y nunca se entera de que la imagen 4 es el diagrama de medidas, la 7 el detalle de la tela y la 9 la caja embalada.
Numéralas por función, no por posición. Esta es la plantilla que le pasamos a quienes publican productos con medidas:
| Rol de la imagen | Patrón de texto alternativo |
|---|---|
| Principal | {product name}, {finish/colour}, {view} |
| Diagrama de medidas | {product} dimension diagram: {measurement 1}, {measurement 2}, {measurement 3} |
| Referencia de escala | {product} shown beside {reference object} for scale |
| Detalle / material | Close-up of {material/joint/finish} on {product} |
| Instalado / en contexto | {product} installed in {context}, showing {clearance or fit detail} |
| Caja embalada | Packed carton for {product}: {L} x {W} x {H} {unit}, {weight} |
| Tabla de medidas | Size chart for {range}; same measurements listed in the table below |
| Decorativa | alt="" |
La auditoría de 60 segundos
Corre esto en tus cinco fichas más vendidas antes que en ningún otro lado.
- Ningún atributo alt contiene una extensión de archivo (
.jpg,.png,.webp) - No hay dos imágenes de la misma ficha que compartan texto alternativo idéntico
- El texto alternativo de cada diagrama de medidas contiene al menos un número y una unidad
- Cada imagen de tabla de medidas va acompañada de los mismos datos como tabla HTML
- Las imágenes decorativas tienen
alt="", no un atributo ausente ni una descripción - Ningún atributo alt repite una palabra clave más de una vez
- El texto alternativo está escrito en el idioma de la tienda, no solo en inglés
- Las medidas del texto alternativo coinciden con las de la ficha técnica — revísalo, muchas veces no coinciden
Ese último punto atrapa más errores que todos los demás juntos. En cuanto un número se dibuja sobre una imagen deja de estar conectado al registro del que salió, y sigue equivocado a lo largo de cada revisión de ficha. El mismo fallo aparece en los feeds: mira datos estructurados de dimensiones de producto para los campos que quedan sin llenar por razones idénticas.
Qué tiene que ver esto con que te citen
Los buscadores llevan dos décadas indexando atributos alt. Lo que cambió es quién más los lee. Un motor de respuestas con IA que arma una respuesta sobre "profundidad de sofá para un departamento chico" no puede abrir tu JPEG. Solo puede trabajar con el texto de tu HTML: la descripción del producto, la ficha técnica y los atributos alt. Todo lo que dibujaste sobre la imagen y en ningún otro lado le resulta invisible.
Ese es el argumento práctico a favor de la disciplina de arriba, independiente de la ley de accesibilidad e independiente de los lectores de pantalla: las medidas que publicas como texto son las medidas que pueden citarte.
Preguntas frecuentes
¿Qué extensión debe tener el texto alternativo de imágenes de producto?
Lo bastante largo para transmitir lo que muestra la imagen, lo bastante corto para escucharse de un tirón. Para una foto principal suelen ser de 5 a 12 palabras. Para un diagrama de medidas es más largo, porque los números son el contenido. Si te pasas de unas dos líneas, la imagen es una imagen compleja y necesita el tratamiento en dos partes: un alt corto más los datos completos publicados como texto de la página.
¿El texto alternativo ayuda al SEO?
Sí, pero como contexto y no como una palanca de posicionamiento que puedas accionar. Google describe el texto alternativo como la fuente más importante de metadatos sobre una imagen, y saturarlo de palabras clave está explícitamente listado como comportamiento de spam. Escríbelo para una persona que no puede ver la imagen; el beneficio SEO es un efecto secundario de hacerlo bien.
¿Qué texto alternativo debo escribir para una imagen de tabla de medidas?
Una frase corta que identifique y apunte a la tabla real — por ejemplo, "Size chart for the Larsen sofa range; the same measurements are listed in the table below" — y después publica de verdad la tabla en HTML. Intentar meter una cuadrícula entera de medidas en un atributo alt produce algo que ningún usuario de lector de pantalla puede seguir y ningún rastreador puede parsear en filas.
¿Necesito texto alternativo en las imágenes de producto decorativas?
Necesitan un atributo alt vacío, alt="", que no es lo mismo que dejar el atributo fuera. Vacío le dice a la tecnología de asistencia que se salte la imagen. Ausente la convierte en un elemento desconocido que se anuncia igual, normalmente por nombre de archivo.
¿La Ley Europea de Accesibilidad aplica a mi tienda en línea?
Si prestas servicios de comercio electrónico a consumidores de la UE y no eres una microempresa, sí: los servicios de comercio electrónico están enumerados en el artículo 2(2)(f) de la Directiva (UE) 2019/882, aplicable desde el 28 de junio de 2025. La exención para microempresas del artículo 4(5) cubre a prestadores de servicios con menos de 10 personas y volumen de negocios anual o balance general anual de 2 millones de euros o menos. Revisa la transposición nacional de tu país para el detalle, porque la aplicación y las sanciones se fijan a nivel de Estado miembro.
¿Por qué se cortan mis etiquetas de medidas antes de que alguien pueda leerlas?
Ese es un problema aparte con la misma raíz: información que solo vive en píxeles. Las galerías de marketplace recortan a sus propias proporciones, y las etiquetas puestas cerca del borde desaparecen; relación de aspecto de imágenes de producto cubre las reglas de área segura por canal.
Fuentes y referencias
- Baymard Institute — Usa texto "ALT" para comunicar el contenido central de las imágenes "informativas" (el 55% de los sitios no lo hace)
- Iniciativa de Accesibilidad Web del W3C — Tutorial de imágenes: imágenes de texto
- Iniciativa de Accesibilidad Web del W3C — Tutorial de imágenes: imágenes complejas
- Iniciativa de Accesibilidad Web del W3C — Tutorial de imágenes: imágenes decorativas
- Google Search Central — Prácticas recomendadas de Google Imágenes, incluida la guía sobre texto alternativo
- EUR-Lex — Directiva (UE) 2019/882 (Ley Europea de Accesibilidad): artículo 2(2)(f), artículo 3(23), artículo 4(5), artículo 31
- Comisión Europea — Ley Europea de Accesibilidad: productos y servicios cubiertos
Arreglar esto una vez en lugar de una vez por imagen
Cada antipatrón de arriba es el mismo fallo con distinto sombrero: una medida se dibujó dentro de una imagen y nunca quedó escrita en ningún lugar que una máquina pudiera leer. Eso no se arregla solo con mejores hábitos de texto alternativo, porque los números que estás describiendo fueron tecleados a mano sobre la foto y ya se están desviando de la ficha técnica.
La versión que aguanta consiste en tratar la capa de medidas como dato y no como ilustración. Mide contra los bordes reales del producto para que el número sea el medido y no el calculado a ojo; mantén la capa de anotación viva y editable en lugar de aplanarla en un JPEG; y después exporta dos cosas desde la misma fuente: la imagen etiquetada al tamaño que pide cada canal, y la lista de medidas como texto que pegas en la ficha técnica y en el atributo alt. Esa es la diferencia entre un software de anotación medida y un generador de imágenes con IA que produce un número verosímil junto a tu producto: uno puede decirte qué midió, el otro lo inventó. Si de todos modos vas a rehacer los materiales de tus fichas, la ficha técnica es el lugar correcto para que los números queden vivos, porque es el documento que leen tanto el comprador como tu propio catálogo.