Escribir textos alternativos que funcionan — para lectores de pantalla y para SEO

Q: ¿Qué es en realidad un texto alternativo?

El texto alternativo (el atributo alt) es la descripción textual de una imagen en tu HTML. Un lector de pantalla lo lee en voz alta cuando una persona ciega o con baja visión pasa por la imagen. Si no hay texto alternativo, esa persona solo oye "imagen" — o peor, un nombre de archivo ilegible como IMG48392final.jpg. Ante una foto de producto, ese cliente abandona de inmediato, a menudo justo en el pago.

Q: ¿Cómo se escribe un buen texto alternativo?

Tres reglas simples y lo tienes: 1. Describe el producto, no el ambiente. Empieza por la descripción objetiva y omite "foto de…" o "imagen de…" — el lector de pantalla ya anuncia la imagen. 2. Distingue lo informativo de lo decorativo. Una foto de producto, un gráfico o un banner reciben una descripción breve. Una línea de adorno o una forma de fondo reciben un alt vacío (alt=""), para que el lector de pantalla la salte — más tranquilo para la persona usuaria. 3. No metas palabras clave a la fuerza. Escribe para la persona; los buscadores en 2026 reconocen los textos alternativos atiborrados como spam y lo penalizan. El lenguaje natural gana, tanto para quien visita como para el algoritmo. De flojo a fuerte, con un bolso de mujer de cuero como ejemplo: Malo: alt="bolso bonito" — subjetivo y vago. Regular: alt="imagen de un bolso" — el "imagen de" sobra, sin detalle. Bueno: alt="Bolso de mujer de cuero marrón con correa de hombro ajustable" — concreto y útil.

5 de junio de 2026

Respuesta corta. Un buen texto alternativo describe en unas pocas palabras lo que aparece en una imagen y por qué está ahí. Eso hace tus fotos de producto legibles para personas que usan un lector de pantalla — y ayuda a Google y a la IA a entender tus imágenes. Una sola frase corta, doble beneficio. Las imágenes decorativas reciben un alt vacío (alt=""); las imágenes informativas, una descripción breve y concreta.

¿Qué es en realidad un texto alternativo?

El texto alternativo (el atributo alt) es la descripción textual de una imagen en tu HTML. Un lector de pantalla lo lee en voz alta cuando una persona ciega o con baja visión pasa por la imagen. Si no hay texto alternativo, esa persona solo oye "imagen" — o peor, un nombre de archivo ilegible como IMG_48392_final.jpg. Ante una foto de producto, ese cliente abandona de inmediato, a menudo justo en el pago.

¿Cómo se escribe un buen texto alternativo?

Tres reglas simples y lo tienes:

Describe el producto, no el ambiente. Empieza por la descripción objetiva y omite "foto de…" o "imagen de…" — el lector de pantalla ya anuncia la imagen.
Distingue lo informativo de lo decorativo. Una foto de producto, un gráfico o un banner reciben una descripción breve. Una línea de adorno o una forma de fondo reciben un alt vacío (alt=""), para que el lector de pantalla la salte — más tranquilo para la persona usuaria.
No metas palabras clave a la fuerza. Escribe para la persona; los buscadores en 2026 reconocen los textos alternativos atiborrados como spam y lo penalizan. El lenguaje natural gana, tanto para quien visita como para el algoritmo.

De flojo a fuerte, con un bolso de mujer de cuero como ejemplo:

Malo: alt="bolso bonito" — subjetivo y vago.
Regular: alt="imagen de un bolso" — el "imagen de" sobra, sin detalle.
Bueno: alt="Bolso de mujer de cuero marrón con correa de hombro ajustable" — concreto y útil.

Un ejemplo práctico: un saco de comida para perros

Texto alternativo	Lo que experimentan el cliente y Google
Sin alt	El lector de pantalla lee el nombre de archivo en voz alta; Google pierde el contexto.
`alt="producto"`	Demasiado vago — el cliente sigue sin saber qué es.
`alt="Saco de pienso seco para perros adultos, 12 kg, con pollo"`	El cliente ciego sabe exactamente qué compra; Google indexa la página correctamente.

¿Dónde pones los textos alternativos en tu tienda online?

En la mayoría de las plataformas no hace falta meterse en el código; hay un campo integrado:

Shopify: producto → archivos multimedia → "editar texto alternativo".
WooCommerce / WordPress: Multimedia → clic en la imagen → campo "Texto alternativo".

Consejo de prioridades: no empieces por todas tus miles de páginas de producto. Coge primero tus banners de la página de inicio, tus iconos de navegación y tus 10 productos más vendidos — ahí el impacto en tu conversión es mayor. Esto es, por cierto, uno de los 10 errores de accesibilidad más frecuentes, así que es muy probable que aquí tengas algo que ganar.

¿Aparecen entonces tus productos también en los resultados de IA?

Sí — y ese es el plus. Como Google y los motores de IA (como ChatGPT y Perplexity) no pueden "ver" las imágenes, se apoyan por completo en el texto que las rodea. Si una persona consumidora le pregunta a un motor de IA "¿cuál es el mejor pienso seco con pollo para mi perro?", este busca fuentes que describan el producto de forma objetiva. Por tanto, unos buenos textos alternativos aumentan tu probabilidad de aparecer en los resultados de búsqueda de imágenes y en las respuestas de IA. Es el mismo principio que en accesibilidad = SEO: la misma corrección, doble beneficio.

Ve dónde faltan textos alternativos

¿Quieres saber qué imágenes de tu sitio aún no tienen texto alternativo? Escanea gratis una página. Verás, por cada hallazgo, qué imágenes faltan y cómo lo resuelves — en menos de 60 segundos, sin cuenta.