Texto alternativo (alt text): qué es y cómo hacerlo

El texto alternativo, o alt text, es la descripción en texto que acompaña a una imagen en la web. En el código, vive en el atributo alt de la etiqueta de imagen, algo como alt="gráfico de barras del crecimiento del tráfico orgánico". Ese texto no suele aparecer en la pantalla para quien ve la imagen, pero es esencial para quien depende de él.

Cumple tres papeles al mismo tiempo. Primero, los lectores de pantalla lo leen en voz alta, permitiendo que personas con discapacidad visual entiendan la imagen. Segundo, se muestra en lugar de la imagen cuando esta no carga, por un error de conexión o de ruta del archivo. Tercero, es una de las principales pistas que los buscadores usan para saber qué representa la imagen.

Conviene separar el alt text de otros textos ligados a la imagen, como el título (title), la leyenda visible y el nombre del archivo. Cada uno tiene su función, pero el texto alternativo es el único que sirve, a la vez, a la accesibilidad y a la indexación, lo que lo convierte en un elemento obligatorio de cualquier trabajo de SEO on-page.

El texto alternativo nació como un recurso de accesibilidad, y sigue siéndolo en primer lugar. Para millones de personas que navegan con lectores de pantalla, una imagen sin alt es un vacío: el software solo anuncia "imagen" o lee el nombre del archivo, sin transmitir ninguna información útil.

El tamaño del problema es grande. Según el informe WebAIM Million de 2026, que analizó la página de inicio de 1 millón de sitios, el 16,2% de todas las imágenes no tenía texto alternativo, y los fallos de alt aparecen entre los errores de accesibilidad más comunes de la web año tras año. Es decir, cuidar el alt ya coloca tu sitio por delante de buena parte de la competencia.

Del lado del SEO, el beneficio es directo. El texto alternativo ayuda al buscador a entender el contenido de la imagen y a mostrarla en la búsqueda de imágenes, una fuente de tráfico muchas veces olvidada. También refuerza la relevancia de la página en su conjunto y mejora la experiencia, dos señales que conversan con el SEO técnico y con la calidad percibida del contenido.

Escribir un buen alt text es cuestión de describir con claridad lo que importa en la imagen, en el contexto en el que aparece. Una hoja de ruta sencilla:

• Describe lo esencial: di lo que muestra la imagen de forma objetiva, sin empezar con "imagen de" o "foto de", ya que el lector de pantalla avisa de que es una imagen.
• Sé específico, pero conciso: una buena descripción suele tener hasta 125 caracteres. Céntrate en lo relevante para el texto que la rodea.
• Ten en cuenta el contexto: la misma foto puede tener alts diferentes según la página. Describe el detalle que importa en ese contenido.
• No hagas keyword stuffing: repetir la palabra clave a la fuerza en el alt es keyword stuffing, perjudica la experiencia y puede ser penalizado.
• Deja vacías las imágenes decorativas: los iconos y adornos sin información deben tener alt="", para que el lector de pantalla los salte sin ruido.

Mira la diferencia en la práctica para la foto de un gráfico:

Las descripciones claras también hacen el contenido más fácil de entender por partes, reforzando la escaneabilidad de la página para quien usa tecnología asistiva.

Para el buscador, una imagen es un archivo opaco: sin ayuda, no sabe si ese JPG es un producto, un gráfico o un gato. El texto alternativo es la principal señal que traduce la imagen a un lenguaje que el motor de búsqueda entiende, junto al nombre del archivo y al texto que la rodea.

Esto tiene efectos concretos:

• Búsqueda de imágenes: un alt descriptivo aumenta la posibilidad de que la imagen aparezca en los resultados de imagen y traiga visitantes.
• Relevancia de la página: las imágenes bien descritas refuerzan el tema general del contenido para el buscador.
• Imágenes que son enlaces: cuando una imagen es clicable, el alt funciona como el texto ancla de ese enlace, dando contexto al destino.

Una salvedad técnica importante: el alt text no sustituye la optimización de peso. Las imágenes pesadas perjudican la carga y el LCP, así que describir bien la imagen va de la mano con comprimir y dimensionar el archivo correctamente.

Casi nunca necesitas tocar el código para añadir alt text. La mayoría de las plataformas ofrece un campo propio para ello:

• WordPress: al insertar una imagen, la biblioteca de medios muestra un campo "Texto alternativo" en la barra lateral. Basta con rellenarlo antes de publicar.
• Canva: al exportar o publicar, Canva permite añadir una descripción de texto alternativo a cada elemento, útil cuando el diseño se convierte en imagen en un sitio.
• Constructores de sitios y e-commerce: plataformas como Wix, Shopify y Webflow tienen el campo de alt en la configuración de cada imagen.
• Editores de texto y presentaciones: herramientas como Word, Google Docs y PowerPoint también tienen la opción de texto alternativo, pensando en la accesibilidad de los documentos.

El punto común es claro: siempre que la herramienta ofrezca un campo de descripción o texto alternativo, rellénalo. Es una de las mejoras de accesibilidad y de SEO on-page con mejor relación entre esfuerzo y resultado.

Las redes sociales también adoptaron el alt text, tanto por accesibilidad como para describir imágenes automáticamente. El funcionamiento varía según la plataforma:

• Instagram: al publicar, toca "Configuración avanzada" y luego "Escribir texto alternativo" para añadir tu propia descripción. Si no la escribes, Instagram genera un alt automático, casi siempre genérico.
• Facebook y LinkedIn: ofrecen la opción de editar el texto alternativo de cada imagen antes de publicar.
• X (Twitter): permite añadir una descripción a las imágenes, con un sello ALT que indica que tiene texto alternativo.

Conviene recordar que el alt de las redes sociales sirve a la accesibilidad dentro de la plataforma, no al SEO de tu sitio. Para el buscador, lo que cuenta es la descripción de las imágenes alojadas en tus propias páginas. Para el compartido social, quien controla la apariencia del enlace es el Open Graph, y no el alt text.