Puntos clave
- El texto alt describe lo que muestra una imagen, para lectores de pantalla y para Google.
- Google lo llama el atributo más importante para darle información sobre una imagen.
- Describe la imagen en contexto, en una frase corta. No hagas listas de palabras clave.
- Las imágenes decorativas llevan alt vacío para que los lectores de pantalla las salten.
¿Qué es el texto alt?
El texto alt, o atributo alt, es una descripción corta que se agrega a una imagen en el código. Los lectores de pantalla la leen en voz alta a quien no puede ver la imagen, el navegador la muestra si la imagen no carga y los buscadores la usan para entender qué muestra.
En código se ve así: <img src="tenis-trail-rojo.jpg" alt="Tenis de trail rojo con suela gruesa de caucho">. Las buenas prácticas de imágenes de Google llaman al texto alt el atributo más importante para darle información adicional sobre una imagen. También ayuda a las personas que usan tu sitio con lector de pantalla, por eso es un requisito básico de accesibilidad y no solo un truco de SEO.
¿Cómo escribo un buen texto alt?
Describe qué muestra la imagen y por qué está en la página, en una frase corta que se pueda leer en voz alta. Sé específico: color, modelo, material o acción. No empieces con imagen de, no repitas el pie de foto y nunca hagas listas de palabras clave, que Google advierte que pueden verse como spam.
Google usa un ejemplo sencillo: un alt vacío es malo, una lista de palabras sobre cachorros es mala y "cachorro dálmata jugando a buscar la pelota" es lo mejor. Así se aplica la misma idea a una tienda:
| Versión | Texto alt | Veredicto |
|---|---|---|
| Vacío | (nada) | Google y los lectores de pantalla no reciben nada |
| Relleno | cuchilla podadora, cuchillas podadoras, mejor cuchilla barata, comprar cuchilla | Ilegible y riesgoso |
| Genérico | imagen del producto | No dice nada útil |
| Bueno | Cuchilla de repuesto de 21 pulgadas para podadora, con agujeros de montaje | Claro, específico y honesto |
Superviso el SEO de 18 tiendas online en EE. UU. que venden repuestos para equipos de jardín, con más de 3 millones de productos entre todas. En repuestos, el detalle útil es lo que el comprador revisa antes de pedir: medida, forma y cómo se monta. Ese detalle va primero en el título y la descripción del producto, y el texto alt lo acompaña. En catálogos de ese tamaño escribimos reglas por categoría, para que el alt salga de los datos reales del producto y no se escriba a mano.
¿Todas las imágenes necesitan texto alt?
No. Las imágenes que solo decoran, como formas de fondo, separadores o una foto que repite el texto de al lado, deben llevar el atributo alt vacío, escrito como alt con dos comillas y nada adentro. Así los lectores de pantalla las saltan. Las imágenes que dan información, o que funcionan como enlace o botón, siempre necesitan una descripción real.
El árbol de decisión del W3C para el atributo alt es la guía más clara que conozco. En resumen:
- Imagen informativa (foto de producto, del equipo, un antes y después): describe lo que muestra.
- Imagen funcional (un logo que lleva al inicio, el ícono del carrito): describe la acción o el destino, por ejemplo "Inicio" o "Ver carrito".
- Imagen con texto: escribe ese mismo texto en el alt.
- Gráfico o infografía: un alt corto y los datos completos en el texto de la página.
- Imagen decorativa: alt vacío.
Texto alt para tiendas online, paso a paso
- Empieza por la foto principal del producto. Es la que aparece en Google Imágenes y en resultados de compras.
- Usa los datos que ya tienes. Nombre, color, talla y material del catálogo forman un buen alt.
- Cada ángulo con su propio alt. "Vista trasera con el bolsillo de cremallera" sirve más que repetir el título cinco veces.
- Nombra bien los archivos. Google recomienda nombres cortos y descriptivos, como tenis-trail-rojo.jpg en vez de IMG00023.jpg.
- Traduce el alt en sitios bilingües. La página en español necesita alt en español y, mejor aún, nombres de archivo en español.
El texto alt es una pieza de la ficha de producto. Las buenas prácticas de e-commerce de Google y los datos estructurados de producto cubren el resto de lo que hace fácil entender un producto. Juntos son el centro del SEO para e-commerce, y si vendes en Shopify, mi checklist de SEO para Shopify muestra dónde editar el alt en el panel. Si estás pensando en montar tu tienda, mira también el servicio de diseño de tiendas online.
¿Cómo encuentro imágenes sin texto alt?
Haz un rastreo con una herramienta como Screaming Frog, que lista cada imagen sin alt o con alt demasiado largo, o revisa páginas sueltas con la auditoría de accesibilidad de Lighthouse en Chrome. Empieza por las plantillas: en la mayoría de sitios, corregir la plantilla de producto o de blog arregla miles de imágenes de una vez.
La falta de texto alt es uno de los hallazgos más comunes en mis auditorías, junto con imágenes demasiado pesadas que hacen lentas las páginas. Las dos cosas se corrigen en la plantilla cuando el sitio está bien hecho, y por eso las reviso en cada sitio que diseño o reconstruyo. Para saber cómo está el tuyo, agenda el diagnóstico gratis de 30 minutos desde el inicio.
Preguntas frecuentes
¿Qué tan largo debe ser el texto alt?
Normalmente una frase corta. Di lo que importa de la imagen y detente: un alt largo cansa al escucharlo y no le suma nada a Google.
¿Debo poner palabras clave en el alt?
Solo si describen la imagen con honestidad. El nombre del producto en la foto de ese producto está bien. Una lista de búsquedas, no.
¿El texto alt es lo mismo que el título de la imagen?
No. El atributo title aparece como globo al pasar el mouse y es opcional. El alt es el que usan los lectores de pantalla y Google.
¿El texto alt ayuda en la búsqueda con IA?
Ayuda a los sistemas de búsqueda a entender las imágenes de tu página. Pesa más un texto claro y útil en la página.
¿Puede una IA escribir mis textos alt?
Puede hacer un borrador, pero revísalo. Las descripciones automáticas pasan por alto lo que le importa al comprador, como el modelo o la medida exacta.