Texto alternativo de imágenes: cómo escribirlo bien para tu web
El texto alternativo describe la información o función de una imagen cuando alguien no puede verla. Para redactarlo, piensa qué aporta esa imagen a la página y escribe una descripción breve y concreta. Si solo decora o repite información que ya está junto a ella, lo adecuado puede ser dejar el atributo vacío.
- Describe el propósito de la imagen, no una lista de palabras clave.
- En imágenes decorativas, usa
alt="". - En gráficos complejos, explica los datos también en el contenido de la página.
Decide qué función cumple la imagen
Antes de escribir, pregúntate qué perdería el visitante si la imagen no apareciera. Si aporta un dato, representa un producto o ayuda a comprender el texto, incluye una descripción breve que transmita esa información. Por ejemplo, para una fotografía relevante en una página de servicio podría servir «Técnica revisando el diseño de una página web en un portátil», siempre que eso sea lo que realmente muestra.
Si la imagen es un adorno, un separador o una ilustración que no añade información, usa un texto alternativo vacío: alt="". No omitas el atributo: un lector de pantalla podría anunciar el nombre del archivo. La guía de decisión del W3C ayuda a distinguir estos casos.
Redáctalo paso a paso
Localiza la imagen en el editor de tu web y sigue este proceso:
- Identifica el propósito: ¿informa, enlaza, contiene texto o solo decora?
- Elige el dato esencial: qué aparece o qué acción permite realizar.
- Escribe una frase concisa: evita empezar por «imagen de» si no aporta contexto.
- Comprueba la página: el texto debe tener sentido junto al contenido cercano y no repetirlo innecesariamente.
Si una imagen funciona como enlace y no hay otro texto que explique el destino, describe la acción o el destino, no solo su aspecto. Por ejemplo, el logotipo enlazado a la página de inicio podría llevar un texto alternativo como «Ir a la página de inicio de Online Managers». El tutorial de imágenes del W3C diferencia imágenes informativas, decorativas y funcionales.
Qué evitar y cuáles son los límites
No rellenes el atributo con términos repetidos para intentar mejorar el posicionamiento. Google explica que utiliza el texto alternativo junto con el contenido de la página y sistemas de análisis visual para entender las imágenes; no es una garantía de aparecer en los resultados. También recomienda utilizar elementos HTML de imagen para que sus sistemas puedan encontrarlas. Consulta sus buenas prácticas para imágenes.
Un gráfico con cifras o relaciones complejas no se explica necesariamente con una frase corta: añade sus conclusiones o datos esenciales en el texto de la página. Del mismo modo, no existe una descripción universal para cada imagen; depende de su contexto. Revisa estos atributos como parte del diseño y mantenimiento de tu web, especialmente después de cambiar imágenes o plantillas.
Preguntas frecuentes
¿Todas las imágenes necesitan texto alternativo?
Las imágenes insertadas deben tener el atributo alt. Su valor puede ser descriptivo o vacío, según la función de la imagen.
¿Qué pongo en una imagen decorativa?
Deja el atributo vacío: alt="". Así se evita anunciar información que no aporta al contenido.
¿Debo incluir palabras clave?
Solo si describen de forma natural la imagen y son relevantes para el contexto. No las repitas artificialmente.
¿Cómo describo una infografía?
Resume en el texto alternativo su propósito si procede, y ofrece los datos importantes también como texto en la página.