Qué es el alt text
El alt text, también llamado texto alternativo, es la descripción textual que se añade a una imagen mediante el atributo alt en HTML. Su función principal es explicar la información o la función de la imagen cuando esta no puede verse, cuando no carga o cuando una persona usa un lector de pantalla.
En una frase: el alt text es el texto que describe una imagen en HTML para que su contenido o función siga siendo comprensible para usuarios, tecnologías de asistencia y motores de búsqueda.
<img src="radiador-aluminio-blanco.jpg" alt="Radiador de aluminio blanco instalado bajo una ventana" />Para qué sirve el alt text
El alt text tiene una función doble: mejora la accesibilidad y ayuda a los buscadores a entender mejor las imágenes. También aporta resiliencia: si una imagen no carga, el usuario puede seguir entendiendo qué debía aparecer en ese punto de la página.
Explica la imagen
Permite que una persona que usa lector de pantalla reciba la información que la imagen aporta a la página.
Aporta contexto
Ayuda a relacionar imagen, texto cercano, página y búsqueda visual sin abusar de keywords.
Cubre fallos
Si la imagen no carga, el texto alternativo mantiene parte del significado del contenido.
Cómo escribir un buen alt text
Un buen texto alternativo es claro, breve y contextual. No siempre tiene que ser largo: una imagen de producto, una captura de pantalla, un icono funcional o una foto decorativa necesitan tratamientos distintos.
Pregunta qué aporta la imagen
Si la imagen aporta información, descríbela. Si solo decora, puede llevar alt vacío. Si es un enlace o botón, describe la acción.
Escribe como una persona
Usa una frase natural. No hace falta empezar con “imagen de” salvo que sea relevante para entender el formato.
Incluye detalles útiles
En ecommerce, incluye producto, variante, color o uso si ayuda. En una guía, describe el elemento que se está explicando.
Evita repetir texto visible
Si el mismo texto ya aparece junto a la imagen, no lo dupliques sin necesidad. El alt debe complementar, no molestar.
No hagas keyword stuffing
Meter diez palabras clave en el alt empeora la experiencia y puede parecer spam. Mejor precisión que repetición.
Qué alt poner según el tipo de imagen
La mejor decisión depende de la función de la imagen dentro de la página. La misma foto puede necesitar un alt distinto si aparece en una ficha de producto, en un artículo técnico o como fondo decorativo.
| Tipo de imagen | Qué debe hacer el alt | Ejemplo recomendado | Error habitual |
|---|---|---|---|
| Producto ecommerce | Describir producto, variante y característica relevante. | “Zapatilla running blanca con suela azul vista lateral” | “zapatillas zapatillas baratas comprar zapatillas” |
| Foto editorial | Explicar la escena que aporta contexto al artículo. | “Técnico revisando una caldera mural en una vivienda” | “imagen calefacción SEO caldera gas Girona” |
| Captura de pantalla | Describir la interfaz o el dato que se está mostrando. | “Informe de Search Console con caída de clics orgánicos” | “captura pantalla” |
| Icono funcional | Describir la acción, no el dibujo. | “Buscar” / “Abrir menú” / “Descargar archivo” | “lupa” cuando funciona como botón de búsqueda |
| Imagen decorativa | No añadir ruido si no aporta información. | alt="" |
Describir adornos que no ayudan a entender la página |
| Gráfico complejo | Resumir la idea y ampliar la explicación en texto cercano. | “Gráfico de barras con aumento de ventas en el tercer trimestre” | Intentar meter todos los datos dentro del alt |
Alt text y SEO: cómo usarlo sin sobreoptimizar
En SEO, el alt text ayuda a que la imagen tenga una descripción comprensible y coherente con la página. Es especialmente importante en artículos visuales, ecommerce, portfolios, recetas, fichas técnicas, proyectos, tutoriales y páginas donde Google Imágenes puede traer tráfico cualificado.
Conecta imagen y tema
El alt debe tener relación real con la imagen y con el contenido de la página.
Una frase basta
Lo normal es que sea una descripción corta, específica y fácil de entender.
No trabaja solo
Google también puede usar texto cercano, nombre de archivo, contenido de la página y datos estructurados.
Generador rápido de criterio para alt text
Esta herramienta no escribe el alt por ti, pero te indica qué enfoque deberías usar según la función de la imagen.
¿Qué alt debería tener esta imagen?
Elige el tipo de imagen y su función dentro de la página.
Para una imagen de producto, escribe un alt específico: tipo de producto, color, variante, vista o característica relevante. Evita meter keywords repetidas.
Ejemplos de alt text buenos y malos
La diferencia entre un buen alt y uno malo no está en la longitud, sino en la utilidad. Debe describir lo que alguien necesita saber de esa imagen para entender el contenido.
Imagen: radiador toallero blanco en un baño.
alt="radiador calefacción baño oferta comprar radiador barato"
No describe bien la imagen y está sobreoptimizado.
Imagen: radiador toallero blanco en un baño.
alt="Radiador toallero blanco instalado en un baño moderno"
Describe la imagen con precisión y naturalidad.
Imagen: botón con icono de lupa.
alt="lupa"
Si el icono funciona como botón, lo importante es la acción.
Imagen: botón con icono de lupa.
alt="Buscar"
Describe la función que tendrá para el usuario.
Imagen: forma abstracta usada solo de fondo.
alt="onda verde diseño moderno fondo elegante"
Añade ruido si la imagen no aporta información.
Imagen: forma abstracta usada solo de fondo.
alt=""
Si es decorativa, el alt vacío suele ser lo correcto.
Alt text vs title, caption, nombre de archivo y texto cercano
El alt text no es el único elemento que ayuda a entender una imagen. En una página bien optimizada, cada pieza tiene una función distinta.
| Elemento | Qué es | Cuándo importa | Ejemplo |
|---|---|---|---|
| Alt text | Texto alternativo dentro del atributo alt. |
Accesibilidad, carga fallida, SEO de imágenes. | “Bomba de calor instalada en terraza exterior” |
| Title de imagen | Atributo opcional que puede mostrar información adicional. | No debe sustituir al alt. | “Modelo instalado en vivienda unifamiliar” |
| Caption | Pie de foto visible para todos los usuarios. | Cuando la imagen necesita explicación editorial. | “Instalación finalizada en vivienda de Girona.” |
| Nombre de archivo | Nombre del archivo de imagen. | Orden, contexto y SEO técnico. | bomba-calor-terraza.jpg |
| Texto cercano | Contenido que rodea la imagen. | Ayuda a contextualizar la imagen dentro de la página. | Párrafo que explica la instalación o producto. |
Cómo medir si estás trabajando bien el alt text
El alt text no se mide solo revisando rankings. Conviene combinar auditoría técnica, accesibilidad, tráfico de imágenes y calidad editorial.
Imágenes sin alt
Revisa cuántas imágenes relevantes no tienen atributo alt o lo tienen vacío sin ser decorativas.
Alt duplicados
Detecta textos alternativos repetidos en productos, galerías o listados donde deberían variar.
Tráfico de imágenes
Analiza impresiones, clics y consultas visuales en Search Console para páginas con contenido visual.
Errores frecuentes con el alt text
Muchos sitios tienen imágenes con alt automático, vacío o lleno de palabras clave. El problema es que eso no ayuda ni a usuarios ni a buscadores.
| Error | Por qué perjudica | Cómo corregirlo |
|---|---|---|
| Usar keywords en cadena | Suena artificial, no describe la imagen y puede parecer spam. | Escribe una descripción natural y contextual. |
| Dejar alt vacío en imágenes importantes | Se pierde información clave para accesibilidad y contexto. | Describe la información o función que aporta la imagen. |
| Describir imágenes decorativas | Añade ruido innecesario a lectores de pantalla. | Usa alt="" si no aporta información. |
| Repetir el mismo alt en toda una galería | No diferencia variantes, ángulos o detalles. | Indica vista, color, modelo o detalle relevante. |
| Confundir alt con pie de foto | El alt no siempre debe explicar contexto editorial largo. | Usa caption para ampliar y alt para describir la imagen. |
| Olvidar iconos enlazados | El usuario no sabe qué acción hace el icono. | Describe la función: “Abrir menú”, “Descargar”, “Buscar”. |
Checklist para optimizar alt text
Antes de publicar una página con imágenes importantes, revisa estos puntos.
Clasifica cada imagen
Informativa, funcional, decorativa, producto, captura, gráfico complejo o fondo visual.
Describe solo lo necesario
Incluye lo que aporta la imagen en ese contexto y evita detalles irrelevantes.
Usa alt vacío cuando toque
Las imágenes decorativas deben poder ser ignoradas por tecnologías de asistencia.
Evita duplicados masivos
En ecommerce y portfolio, cada variante o vista importante debe tener una descripción diferenciada.
Audita después de publicar
Revisa imágenes sin alt, tráfico de imágenes, accesibilidad básica y posibles automatismos del CMS.
FAQ sobre alt text
No hay una longitud universal. Lo normal es que sea breve y claro: suficiente para describir la imagen sin convertirlo en un párrafo. Si la imagen es compleja, explica lo esencial en el alt y amplía la información en el texto cercano.
Todas las imágenes deberían tener atributo alt, pero no todas necesitan texto. Las imágenes decorativas pueden usar alt="". Las informativas o funcionales sí necesitan una descripción útil.
Sí, si describe la imagen de forma natural. El problema no es usar una keyword, sino forzarla, repetirla o escribir un alt que no representa la imagen.
No. El alt text es el texto alternativo de la imagen. El atributo title puede aportar información adicional, pero no sustituye al alt. El pie de foto, en cambio, es contenido visible para todos.
Si el texto de la imagen es importante y no aparece cerca en HTML, el alt debe transmitir esa información. Aun así, siempre que sea posible, es mejor evitar texto importante dentro de imágenes y ponerlo como texto real en la página.
¿Quieres revisar el SEO visual de tu web?
Puedo ayudarte a detectar imágenes sin alt, textos alternativos duplicados, errores de accesibilidad, oportunidades en Google Imágenes y mejoras SEO en fichas, artículos y landings.
