HANS & FRIENDSEl texto alternativo es la breve descripción que hay detrás de cada imagen. Casi nunca se ve, y precisamente por eso se olvida. Sin embargo, un buen texto alternativo solo lleva unos segundos por imagen y ayuda por partida doble: a las personas que no pueden ver tu página y a los buscadores.
¿Qué es el texto alternativo?
El texto alternativo está en el atributo alt de la imagen, dentro del código HTML. Sustituye a la imagen cuando no se puede ver: los lectores de pantalla lo leen en voz alta a personas ciegas o con baja visión, y el navegador lo muestra cuando una imagen no carga.
Por qué importa el texto alternativo
- Accesibilidad: sin texto alternativo, quien usa un lector de pantalla no sabe qué muestra la imagen o, en el peor de los casos, escucha el nombre del archivo. Además, desde el 28 de junio de 2025 la Ley Europea de Accesibilidad hace obligatoria la accesibilidad para muchas tiendas online en la UE.
- Buscadores: Google usa el texto alternativo para entender qué muestra una imagen y qué papel tiene en la página. Esto ayuda sobre todo en la búsqueda de imágenes.
- Cuando faltan imágenes: si una imagen no carga, por ejemplo porque su origen está caído, al menos queda la descripción.
Ejemplos buenos y malos
| Imagen | Flojo | Mejor |
|---|---|---|
| Foto de producto | imagen1.jpg | Taza de café roja de gres con borde blanco |
| Foto de equipo | Foto | Tres compañeras junto a una pizarra durante un taller |
| Gráfico | Gráfico ventas | Gráfico de barras: las ventas de 2025 crecieron un 18 % frente a 2024 |
| Logo como enlace | Logo | Hans & Friends – página de inicio |
| Imagen importada | Image from https://… | Vista del faro desde la playa al atardecer |
Seis reglas para un buen texto alternativo
- Describe lo importante. No cada detalle, sino lo que la imagen debe decir en ese lugar.
- Breve y concreto. Normalmente basta con una frase o unas palabras. Una regla habitual es unos 125 caracteres.
- Nada de «imagen de…». El lector de pantalla ya anuncia que es una imagen.
- Nada de listas de palabras clave. Una palabra clave está bien si encaja. Las listas de palabras clave no ayudan a nadie y hasta pueden perjudicar.
- El texto de la imagen va en el texto alternativo. Si un gráfico contiene texto, debe aparecer también en el texto alternativo.
- Los enlaces describen su destino. Si una imagen es un enlace, di adónde lleva.
Imágenes decorativas: texto alternativo vacío
Las imágenes puramente decorativas, como fondos, separadores o un icono junto a un texto que dice lo mismo, llevan un texto alternativo vacío (alt=""). Así, los lectores de pantalla las saltan. Importante: vacío no es lo mismo que ausente. Si falta el atributo por completo, algunos lectores de pantalla leen el nombre del archivo. El árbol de decisión para el texto alternativo del W3C te ayuda a decidir.
Cómo gestionar el texto alternativo en WordPress
- Al insertar: haz clic en la imagen en el editor. En la barra lateral derecha encontrarás el campo «Texto alternativo».
- En la biblioteca de medios: en Medios → Biblioteca abre una imagen y escribe allí el texto alternativo. Se usará cuando insertes la imagen a partir de ese momento.
Cuidado, un error típico: si cambias más tarde el texto alternativo en la biblioteca de medios, el texto de las entradas ya publicadas no cambia. WordPress guarda el texto alternativo directamente en la entrada al insertar la imagen. Las entradas existentes tienes que corregirlas tú en el editor.
Revisa bien tras una migración o importación
Si traes imágenes de un sistema antiguo o importas imágenes externas a la biblioteca de medios, a menudo llegan con textos alternativos que no describen nada: nombres de archivo como IMG_4711, marcadores como «Image from https://…» o nada en absoluto. En la web no se nota, así que después de cada migración merece la pena repasar las páginas más importantes. Empieza por las más visitadas.
Lista de comprobación rápida
- ¿Tiene texto alternativo cada imagen importante?
- ¿Describe lo que la imagen dice en ese lugar?
- ¿Tienen las imágenes decorativas un
alt=""vacío? - ¿Aparece en el texto alternativo el texto de los gráficos?
- ¿Dicen las imágenes enlazadas adónde llevan?
- ¿No quedan nombres de archivo ni marcadores tras una importación?
Preguntas frecuentes
¿El texto alternativo es lo mismo que el título de la imagen?
No. El título (title) aparece como información emergente en algunos navegadores y los lectores de pantalla no suelen leerlo de forma fiable. Para la accesibilidad y los buscadores cuenta el texto alternativo.
¿Y el pie de foto?
El pie de foto lo ve todo el mundo. Complementa la imagen, pero no sustituye al texto alternativo. No lo repitas palabra por palabra en el texto alternativo o quien use un lector de pantalla oirá la misma frase dos veces.
¿Puede una IA escribir los textos alternativos?
Como propuesta, sí, y ahorra tiempo. Pero revisa el resultado: una IA no sabe por qué muestras la imagen justo en ese lugar.
Fuentes: W3C Web Accessibility Initiative: Images Tutorial, Google Search Central: prácticas recomendadas de SEO para imágenes.
