Texto alternativo (alt text)
El texto alternativo (alt text) es una cadena de texto descriptiva escrita en el atributo alt de una etiqueta <img> de HTML. Se muestra en lugar de la imagen cuando esta no se puede renderizar o percibir visualmente.
El texto alternativo (alt text) es una cadena de texto descriptiva escrita en el atributo alt de una etiqueta <img> de HTML. Se muestra en lugar de la imagen cuando esta no se puede renderizar o percibir visualmente.
Por qué es importante
El texto alternativo desempeña un papel crucial tanto en la accesibilidad como en el SEO.
En primer lugar, los lectores de pantalla leen en voz alta el valor del atributo alt, lo que permite a los usuarios con discapacidad visual comprender el contenido de una imagen. El estándar de nivel A de las WCAG (Pautas de Accesibilidad para el Contenido Web) exige texto alternativo para todo el contenido no textual.
En segundo lugar, los rastreadores de los motores de búsqueda no pueden "ver" las imágenes directamente, por lo que dependen del atributo alt para comprender el tema de una imagen. Google ha confirmado oficialmente que el texto alternativo es una señal de clasificación para la búsqueda de imágenes. Las imágenes con un texto alternativo bien redactado tienen más probabilidades de aparecer en la Búsqueda de imágenes de Google y en herramientas de búsqueda visual como Google Lens.
En tercer lugar, los sistemas de IA generativa como ChatGPT y Perplexity también utilizan el texto alternativo como una fuente de información importante al analizar imágenes, lo que lo hace cada vez más relevante desde la perspectiva del GEO (Generative Engine Optimization).
Pautas de redacción
- Sé específico. Escribe partiendo de la pregunta: "¿Qué información se perdería un usuario si no pudiera ver esta imagen?".
- Mantenlo por debajo de los 125 caracteres. La mayoría de los lectores de pantalla truncan el texto alternativo que supera aproximadamente los 125 caracteres.
- Incluye palabras clave relevantes de forma natural. Integra una o dos palabras clave que se ajusten al contexto del contenido de la página.
- Omite prefijos como "imagen de", "foto de" o "fotografía de". Los lectores de pantalla ya anuncian el elemento como un
<img>, por lo que esto resulta redundante. - Usa un alt vacío (
alt="") para las imágenes decorativas. Añadir descripciones a imágenes decorativas que no cumplen ninguna función de contenido genera ruido innecesario para los usuarios de lectores de pantalla.
Buenos ejemplos frente a malos ejemplos
| Tipo | Texto alternativo | Motivo |
|---|---|---|
| Bueno | Pastel de chocolate vegano hecho a mano en un plato blanco | Específico, conciso y transmite la información esencial de la imagen |
| Bueno | Gráfico de líneas que muestra las tendencias del tráfico orgánico mensual en 2025 | Describe con claridad el tipo de gráfico y el tema de los datos |
| Malo | Pastel | Demasiado vago: imposible saber qué tipo de pastel es |
| Malo | Foto de pastel imagen postre delicioso pastel chocolate pastel de chocolate pastel hecho a mano pastel vegano | Keyword stuffing: puede marcarse como spam |
| Malo | IMG_20250301_142055.jpg | Un nombre de archivo en bruto que carece de sentido tanto para los usuarios como para los motores de búsqueda |
Errores comunes
- Keyword stuffing: enumerar palabras clave de forma repetida en el texto alternativo puede ser clasificado como spam por Google y perjudica gravemente la experiencia del usuario. Las palabras clave deben incluirse de forma natural dentro del contexto.
- Usar el mismo texto alternativo para todas las imágenes: copiar y pegar la misma descripción en varias imágenes de una página puede hacer que los motores de búsqueda las traten como contenido duplicado. Cada imagen debe tener una descripción única que refleje su contenido específico.
- Omitir el texto alternativo por completo: si falta el propio atributo alt, los lectores de pantalla leerán en voz alta el nombre del archivo, lo que degrada notablemente la accesibilidad. Incluso las imágenes decorativas deben incluir un atributo alt vacío (
alt=""). - Usar texto alternativo generado por IA sin revisarlo: el texto alternativo sugerido por las herramientas de IA puede no reflejar plenamente el contexto. La revisión humana y la optimización para el contenido de la página siempre son necesarias.
- Copiar el texto del cuerpo literalmente: colocar en el texto alternativo el mismo pie de foto o el mismo texto del cuerpo que aparece junto a una imagen hace que los usuarios de lectores de pantalla escuchen el mismo contenido dos veces. El texto alternativo debe complementar el texto circundante, no duplicarlo.
Fuentes:
- Mejores prácticas de SEO de imágenes - Google Search Central
- Texto alternativo para SEO: cómo optimizar tus imágenes - Ahrefs
Artículos relacionados de inblog
- Lista de verificación de SEO para publicaciones de blog 2025
- 7 errores de SEO en blogs que acaban con tus clasificaciones
Cómo ayuda inblog
El editor de inblog ofrece un campo para introducir el texto alternativo al insertar imágenes y muestra una advertencia cuando se deja vacío.