SEO
Texto alternativo: qué es y cómo escribir el alt de tus imágenes (con ejemplos)
Qué es el alt, para qué lo usan Google y los lectores de pantalla, cómo escribirlo paso a paso y ejemplos medidos carácter a carácter para fotos de producto, gráficos, logos e imágenes decorativas.
El texto alternativo es la frase que describe una imagen dentro del código de tu web, en el atributo alt, para quien no puede verla. Lo leen en voz alta los lectores de pantalla, lo enseña el navegador si la imagen no carga y Google lo usa para entender qué hay en la foto.
Escribirlo bien es fácil y casi nadie lo hace. Revisamos 10 páginas que enseñan a escribir alt y 4 tenían imágenes sin él. Aquí tienes cómo hacerlo, qué dice Google, cuánto debe medir y ejemplos buenos y malos por tipo de imagen, medidos carácter a carácter.
Es una pieza pequeña del SEO con doble premio: una web más accesible y unas imágenes que Google entiende mejor.
En esta guía
Qué es el texto alternativo y qué no es
El texto alternativo es la descripción breve de una imagen que va en el atributo alt y sustituye a la imagen cuando no se puede ver.
El texto alternativo, o atributo alt, es un texto corto que se escribe dentro de la etiqueta img del HTML y cuenta qué muestra la imagen y para qué está ahí. Lo leen los lectores de pantalla que usan las personas ciegas, aparece si la imagen falla y ayuda a Google a indexarla.
Lo que no es: no es el pie de foto que ves debajo, no es el título de la imagen (el atributo title) y no es el nombre del archivo. Tampoco es un hueco para meter palabras clave.
Así lo busca la gente en España, según DataForSEO (media de 12 meses, consultada a finales de octubre de 2026). Curioso: se busca más en inglés que en español.
| Búsqueda | Al mes | Tendencia en un año |
|---|---|---|
| alt text | 140 | Estable |
| alt html | 70 | Sube un 50 % |
| texto alternativo | 50 | Estable |
| alt imagen | 50 | Sube un 450 % |
| texto alternativo ejemplo | 40 | Sube un 1.000 % |
| img alt | 40 | Estable |
| texto alternativo instagram y atributo alt | 30 y 30 | Bajan o estables |
| texto alternativo word y etiqueta alt | 20 y 20 | Suben o bajan según el mes |
| texto alternativo wordpress | 10 | Baja |
¿Es obligatorio el texto alternativo?
Para la accesibilidad web, sí: la norma WCAG lo exige en su criterio 1.1.1, que es de nivel A, el mínimo de todos. Y en la Unión Europea la accesibilidad es obligatoria para muchas tiendas y servicios online desde junio de 2025. Para el navegador no: la página carga igual, pero dejas fuera a quien no ve la imagen.
Texto alternativo y SEO: lo que dice Google
Google dice que el texto alternativo es el atributo más importante para darle información de una imagen, y que no lo llenes de palabras clave.
En sus prácticas recomendadas de SEO para imágenes, actualizadas el 2 de marzo de 2026, Google explica que usa el alt junto con algoritmos de visión artificial y el contenido de la página. Su ejemplo va de peor a mejor: sin alt, un alt lleno de palabras clave, solo «cachorro» y, lo mejor, un cachorro de dálmata jugando a buscar la pelota.
Dos detalles que casi nadie cuenta. Google no indexa las imágenes puestas como fondo con CSS, así que esas no tienen alt que valga. Y pide nombres de archivo cortos y descriptivos: zapatilla-running-azul.jpg mejor que IMG00023.JPG. Si tus fotos importan para tu negocio, también puedes listarlas en tu sitemap xml.
¿El texto alternativo ayuda a salir en Google Discover?
Ayuda a que Google entienda la imagen, que es la base de todo. Pero lo que decide la tarjeta de Google Discover es otra cosa: una imagen grande, de 1.200 px o más, y un título honesto.
Atributo alt en HTML: cómo escribirlo paso a paso
Para escribir el atributo alt, decide qué aporta la imagen en esa página y cuéntalo en una frase, sin «imagen de» y sin relleno.
-
Decide si la imagen informa o decora
Si la quitas y no se pierde nada, es decorativa: lleva
alt=""y ya está. Si se pierde algo, sigue. -
Pregúntate qué perdería quien no la ve
Eso es lo que escribes. La misma foto puede necesitar dos alt distintos según la página donde esté.
-
Escríbelo en una frase y sin «imagen de»
El lector de pantalla ya anuncia que es una imagen. Ve directo a lo que se ve.
-
Usa la palabra clave solo si describe la imagen
Si la foto es de una zapatilla de running, decirlo es describir. Repetir «zapatillas baratas» tres veces es spam.
-
Mide la longitud
Pásalo por el contador de caracteres. Si supera las dos frases, lo que necesitas es una descripción en el texto de la página.
-
Escúchalo con un lector de pantalla
NVDA es gratis en Windows y VoiceOver viene en el iPhone y el Mac. Escuchar tu web una vez te cambia la forma de escribir alt.
Así queda en HTML una foto de producto bien resuelta:
<img src="zapatilla-running-azul.jpg" alt="Zapatilla de running azul marino con suela blanca, vista lateral">¿Cuántos caracteres debe tener el texto alternativo?
No hay un límite oficial. Google no da ninguna cifra y la guía de texto alternativo de WebAIM, la referencia en accesibilidad, dice que suelen bastar unas pocas palabras. La cifra de 125 caracteres que repiten muchas guías no aparece en ninguna de las dos fuentes. Nuestros ejemplos buenos miden entre 39 y 73 caracteres.
Actúa como especialista en accesibilidad web. Te describo una imagen de mi web: [qué se ve] y la página donde está: [tema de la página]. Escribe un texto alternativo de una sola frase que explique lo que aporta la imagen en esa página, sin empezar por «imagen de» y sin repetir palabras clave. Si crees que es decorativa, dime que lleve alt vacío y por qué.
Texto alternativo: ejemplos buenos y malos por tipo de imagen
Un buen texto alternativo depende del tipo de imagen: en un producto describes lo que se compra; en un gráfico, la conclusión.
| Tipo de imagen | Mal | Bien | Caracteres |
|---|---|---|---|
| Foto de producto | zapatillas | Zapatilla de running azul marino con suela blanca, vista lateral | 64 |
| Gráfico de ventas | grafico1 | Gráfico de barras: las ventas del cuarto trimestre doblan las del primero | 73 |
| Logo que enlaza a la portada | logo | Panadería Lola, ir a la página de inicio | 40 |
| Banner con texto | banner rebajas | Rebajas del 30 % en toda la tienda hasta el domingo | 51 |
| Foto del equipo | foto de equipo | La fundadora amasando pan en el obrador | 39 |
| Línea separadora | separador | (vacío: alt="") | 0 |
La versión mala más cara es la de palabras clave: «zapatillas baratas comprar zapatillas running oferta zapatillas» mide 63 caracteres, casi lo mismo que la buena, y no describe nada.
¿Qué alt llevan las imágenes decorativas?
Un alt vacío, escrito así: alt="". WebAIM lo dice tal cual. Si quitas el atributo entero, muchos lectores de pantalla leen el nombre del archivo, y nadie quiere oír «separador guion dos punto png».
Generador de texto alternativo con IA: cuál usar y cómo revisarlo
Sirve para el primer borrador, no para el definitivo. Un generador de alt mira píxeles, así que no sabe por qué esa foto está en tu página. Eso lo pones tú.
Ahrefs, por ejemplo, tiene un generador gratuito con IA: subes una imagen JPG, PNG o GIF de menos de 10 MB, añades el contexto si quieres y te devuelve tres variantes. Instagram, Facebook y Word también proponen un alt automático por su cuenta.
Estos son los fallos típicos y su arreglo. Son ejemplos inventados, con el tipo de borrador vago que suelen dar estas herramientas, no salidas reales de ninguna.
| Imagen | Borrador típico de la IA | Lo que debes escribir |
|---|---|---|
| Foto de producto | Una taza de cerámica | Taza de cerámica esmaltada en verde, 350 ml, con asa ancha |
| Captura de informe | Captura de pantalla de un gráfico | Informe de Search Console: los clics suben de 800 a 1.900 en tres meses |
| Cartel de un evento | Cartel colorido con texto | Taller gratis de SEO local el 14 de noviembre en Valencia, a las 18:00 |
| Retrato en un artículo | Mujer sonriendo con un portátil | Lucía Ferrer, fundadora, presentando su plan de marketing al equipo |
Nuestra regla: deja que la IA redacte las fotos simples y escribe tú las capturas, los carteles y los gráficos. Dale siempre el contexto de la página y pasa cada borrador por la prueba de tapar la imagen.
Texto alternativo en Instagram y WordPress
En Instagram se añade en la configuración avanzada de cada publicación; en WordPress, en el campo «Texto alternativo» de cada imagen.
- Instagram: al subir una foto, antes de compartir, entra en la configuración avanzada y busca la opción de escribir el texto alternativo. Si no lo haces, Instagram genera uno automático.
- WordPress: haz clic en la imagen dentro del editor y rellena «Texto alternativo» en la barra lateral. Escríbelo en la entrada, no solo en la biblioteca de medios, porque cambiarlo allí no actualiza las imágenes ya insertadas.
Imágenes sin texto alternativo: cómo encontrarlas y arreglarlas
Revisa una página a mano y rastrea el resto con una herramienta. En una página, haz clic derecho sobre una imagen, elige Inspeccionar y mira la etiqueta img. Que no lleve atributo alt es el peor caso; un alt="" vacío es correcto si la imagen es decorativa.
Para rastrear toda la web, el SEO Spider de Screaming Frog tiene tres filtros de alt en su pestaña Images: Missing Alt Text (el atributo existe pero está vacío), Missing Alt Attribute (no hay atributo) y Alt Text Over 100 Characters. La versión gratuita rastrea hasta 500 URL y la de pago costaba 199 libras al año en octubre de 2026.
No trates cada aviso como un fallo. Pongamos que el rastreo de 120 páginas marca 340 imágenes. Quizá 90 son separadores e iconos que deben seguir vacíos, 25 son logos y botones y 225 son fotos de producto. Es un ejemplo inventado, pero el orden es razonable: primero las imágenes dentro de enlaces, porque un enlace sin nombre es inservible; después las fotos de producto y los gráficos; y los adornos, déjalos en paz.
Empieza por tus diez páginas con más clics en Search Console. Diez páginas arregladas valen más que ciento veinte a medias.
Preguntas frecuentes sobre el texto alternativo
¿Qué es texto alternativo en Word?
Es la descripción que añades a una imagen, un gráfico o una forma de un documento de Word para que el lector de pantalla la lea en voz alta. Se pone con clic derecho sobre la imagen y la opción «Ver texto alternativo», donde también puedes marcarla como decorativa. Microsoft recomienda una o dos frases. Cuenta igual que en una web: si exportas el documento a PDF accesible, ese texto viaja con la imagen.
¿Cómo pongo texto alternativo en Facebook?
Facebook genera un texto alternativo automático con IA para cada foto, pero suele quedarse en cosas como «puede ser una imagen de una persona». Para cambiarlo, edita la foto antes de publicarla o después, busca la opción de texto alternativo y escribe el tuyo encima del generado. Usa la misma regla que en la web: qué se ve y por qué importa en esa publicación, en una frase.
¿Cómo se pone texto alternativo en Canva?
En el editor de Canva, selecciona la imagen o el elemento, abre el menú de más opciones y elige «Texto alternativo». Escribe la descripción en una frase y guarda. Sirve para lo mismo que en una web: que quien usa lector de pantalla sepa qué hay en tu diseño cuando lo publicas o lo compartes. Si diseñas una imagen con texto encima, como un cartel de rebajas, pon ese texto en el alt.
¿Se puede generar el texto alternativo con IA?
Sí, y para empezar sirve: Facebook, Instagram, Word y muchos generadores online proponen un alt automático. El problema es que la IA describe lo que ve, no por qué está la imagen en tu página. Escribe «hombre con taza» donde tú pondrías «Nuestro tostador probando el café de Etiopía antes de envasarlo». Úsala como borrador y revísala siempre, sobre todo en fotos de producto, gráficos y botones.
¿Qué es alt text?
Alt text es el nombre en inglés del texto alternativo: «alt» viene de «alternative». Por eso lo verás así en herramientas como Ahrefs, Canva o Instagram, aunque estén en español. También se le llama etiqueta alt, alt tag o atributo alt, y todo es lo mismo. Técnicamente es un atributo de la etiqueta img del HTML, no una etiqueta propia, pero el nombre de «etiqueta alt» se ha quedado.
¿Es lo mismo etiqueta alt que atributo alt?
Sí, hablan de lo mismo. Lo correcto es «atributo alt», porque en HTML la etiqueta es img y alt es uno de sus atributos, igual que src o width. «Etiqueta alt» es como lo llama mucha gente del marketing y del SEO desde hace años. Lo que no es lo mismo es el atributo title, que enseña un recuadro al pasar el ratón y no sustituye al alt.
¿Cómo añadir texto alternativo en una web sin tocar código?
Desde el gestor de contenidos. En WordPress, al hacer clic en una imagen del editor tienes el campo «Texto alternativo» en la barra lateral, y en la biblioteca de medios también. Shopify, Wix y Squarespace tienen un campo parecido al editar cada imagen. Ojo con un detalle: en WordPress, el alt que escribes en la biblioteca no cambia las imágenes que ya estaban insertadas en entradas antiguas.