Atributo Alt

El atributo Alt (de «alternative text» o texto alternativo) es un atributo HTML que se incluye dentro de la etiqueta <img> para proporcionar una descripción textual de una imagen. Su objetivo principal es mejorar la accesibilidad web y ofrecer contexto cuando la imagen no puede visualizarse.

Cuando una imagen no se carga por un error o una conexión lenta, el navegador puede mostrar el texto del atributo Alt en su lugar, de modo que el usuario siga entendiendo el contenido. Además, los lectores de pantalla utilizan este texto alternativo para describir las imágenes a las personas con discapacidad visual, lo que convierte al atributo Alt en un elemento clave de la navegación accesible.

Desde la perspectiva de SEO, el atributo Alt ayuda a los motores de búsqueda a comprender de qué trata una imagen, ya que estos no pueden «ver» el contenido visual. Un texto alternativo claro y descriptivo contribuye a que las imágenes se posicionen mejor en los resultados de búsqueda y en buscadores específicos de imágenes.

La sintaxis básica del atributo Alt en HTML es:

<img src="producto-zapatos.jpg" alt="Zapatillas deportivas blancas para correr">

Para usar correctamente el atributo Alt, es recomendable:

• Ser descriptivo y específico sobre lo que muestra la imagen.
• Evitar el relleno de palabras clave forzado solo por SEO.
• Aportar contexto relacionado con el contenido de la página.
• No repetir expresiones como «imagen de» o «foto de» si ya es evidente por el contexto.

Un buen uso del atributo Alt mejora simultáneamente la experiencia de usuario, la accesibilidad y la visibilidad orgánica de un sitio web.