Texto alternativo de imagen: mejores practicas
El texto alternativo hace que las imagenes sean accesibles para lectores de pantalla y ayuda a los buscadores a entender tus visuales. Asi se escribe alt text eficaz para cada tipo de imagen.
El texto alternativo (alt text) es una descripcion escrita y breve de una imagen, que los lectores de pantalla leen en voz alta y que se muestra cuando la imagen no carga. Bien hecho, permite que personas con discapacidad visual entiendan tu contenido y da a los buscadores el contexto que necesitan para indexar tus imagenes. Mal hecho — o en blanco — excluye a usuarios y desperdicia una senal de ranking. Esta guia cubre las reglas conforme a WCAG, los tres tipos de imagenes que encontraras y como escribir alt text que funcione.
Que es el texto alternativo (y por que importa)
El texto alternativo vive en el atributo alt de una etiqueta img de HTML. Los lectores de pantalla lo anuncian para que usuarios ciegos o con baja vision sepan que muestra una imagen. Es un requisito central de las Pautas de Accesibilidad al Contenido Web (WCAG 1.1.1, Contenido no textual) y en muchas regiones es una obligacion legal de accesibilidad.
El alt text cumple doble funcion para el SEO. Google no puede ver una imagen como una persona, asi que se apoya en el atributo alt, el texto que la rodea y el nombre del archivo para entender y posicionar la imagen — sobre todo en Google Imagenes. Un alt text claro y preciso es uno de los pocos lugares donde la accesibilidad y el SEO van en la misma direccion.
Los tres tipos de imagenes
Antes de escribir una sola palabra, decide que tipo de imagen estas describiendo. El enfoque correcto es totalmente distinto para cada una.
Decorativa
Puramente visual — bordes, adornos de fondo, divisores. No aportan nada al significado de la pagina. Dales un atributo alt vacio para que los lectores de pantalla las omitan. Nunca elimines el atributo por completo.
alt="" (vacio a proposito)Funcional
Imagenes que hacen algo — un logo que enlaza al inicio, un boton de busqueda con lupa, un icono de impresora. Describe la accion o el destino, no la imagen.
Boton de busqueda → alt="Buscar"Informativa
Imagenes que llevan informacion — fotos, graficos, diagramas, capturas. Describe la informacion que transmite la imagen. Los visuales complejos necesitan un alt corto mas una descripcion larga cercana.
alt="Grafico: ingresos 2025 suben 30% vs 2024"Como escribir alt text eficaz
Lo importante primero
Describe el sujeto principal y que ocurre, no como se ve. Pon la informacion mas importante al inicio.
Ej: "Golden retriever atrapando un frisbee en un parque"
Se conciso
Quedate bajo unos 125 caracteres. Los lectores de pantalla no pausan dentro del alt text y muchas herramientas truncan cadenas largas. Lleva el detalle extra a un caption o descripcion larga.
Ajusta al contexto
El alt text correcto depende de por que esta la imagen en la pagina. La misma foto necesita alt distinto en un articulo de noticias que en la ficha de una tienda de camaras.
Misma imagen, distinto proposito → distinto alt
Sin relleno
No empieces con "Imagen de" o "Foto de" — los lectores de pantalla ya lo anuncian como imagen. Elimina palabras redundantes.
Mal: "Imagen de una bici roja" → Bien: "Bici roja urbana"
Transcribe el texto en imagenes
Si una imagen contiene texto — una cita grafica, un cartel, el titulo de una infografia — incluye ese texto palabra por palabra en el alt o cerca.
Cartel "50% off" → el alt debe incluir "50% off"
Keywords, con naturalidad
Incluye una keyword relevante una vez si describe la imagen con honestidad. Nunca hagas stuffing — perjudica a usuarios y al ranking.
Ej: "panel de ai image describer"
Alt text bueno vs. malo en la practica
La misma imagen puede tener alt text debil o fuerte segun el contexto. Asi se mejora en casos comunes:
| Imagen | ❌ Debil | ✅ Fuerte |
|---|---|---|
| Foto de producto (tienda) | “zapatos” | “Zapatillas de correr rojas, vista lateral” |
| Portada de noticia | “image1.jpg” | “Bomberos combatiendo un incendio cerca de Atenas” |
| Grafico en un informe | “grafico” | “Linea: usuarios activos se duplican de ene a jun” |
| Divisor decorativo | “linea” | “"" (vacio — decorativo)” |
Errores comunes a evitar
- Dejar el alt ausente — los lectores de pantalla pueden leer el nombre del archivo en su lugar.
- Escribir "imagen", "foto" o "grafico" como todo el alt text.
- Hacer keyword-stuffing en el atributo alt para manipular el ranking.
- Describir una imagen decorativa en vez de darle un alt vacio.
- Duplicar el caption tal cual — alt y caption deben complementarse, no repetirse.
- Olvidar transcribir texto significativo incrustado en una imagen.
No olvides los nombres de archivo
Los buscadores tambien leen los nombres de archivo. Un nombre descriptivo y con guiones refuerza el alt text.
IMG_3349.PNGzapatillas-rojas-vista-lateral.pngEscribe alt text mas rapido con IA
Describir cada imagen a mano es lento. AI Image Describer lee tu imagen y redacta un atributo alt conciso, una descripcion larga y un caption en segundos — para que sigas las reglas de arriba sin el trabajo manual. Revisa siempre el resultado por contexto y precision antes de publicar.
Genera texto alternativo accesible en segundos — gratis, sin registro.
Prueba el generador de alt textPreguntas frecuentes
Que es el texto alternativo de una imagen?
El alt text es una descripcion escrita y breve en el atributo alt de una etiqueta de imagen HTML. Los lectores de pantalla lo leen en voz alta para usuarios con discapacidad visual y aparece si la imagen no carga. Los buscadores lo usan para entender la imagen.
Que longitud debe tener el alt text?
Apunta a menos de unos 125 caracteres. La mayoria de lectores de pantalla y herramientas lo manejan bien. Si una imagen necesita mas explicacion, manten el alt corto y agrega una descripcion larga en el texto cercano o un caption.
Las imagenes decorativas necesitan alt text?
No. Las imagenes decorativas que no aportan informacion deben tener un atributo alt vacio (alt="") para que los lectores de pantalla las omitan. No elimines el atributo — dejalo presente pero vacio.
Es el alt text un factor de ranking en Google?
Si, de forma indirecta. Google usa el alt text para entender las imagenes, lo que las ayuda a posicionar en Google Imagenes y aporta contexto a la pagina. Pero escribelo para los usuarios primero — el keyword-stuffing perjudica mas que ayuda.
Debo incluir keywords en el alt text?
Incluye una keyword relevante solo si describe la imagen con precision, y solo una vez. La descripcion precisa siempre va antes que las keywords; el stuffing perjudica la accesibilidad y el SEO.