Llevo más de 10 años haciendo auditorías SEO y, si te soy sincero, hay un error que se repite en el 80% de las webs que analizo, desde pymes en Chamberí hasta grandes e-commerce. Es un detalle que muchos pasan por alto, lo consideran «trabajo de becario» o simplemente lo ignoran. Hablo del atributo alt en las imágenes. Un pequeño texto que, bien utilizado, puede ser una palanca brutal para tu visibilidad en Google y, lo que es más importante, para hacer tu web accesible a todo el mundo.
La verdad es que optimizar el atributo alt no es una tarea glamurosa, pero su impacto en el SEO para imágenes y en la experiencia de usuario es innegable. Es una de esas acciones de bajo esfuerzo y alto retorno que marcan la diferencia. En este artículo te voy a contar, sin rodeos y con ejemplos de mi día a día, cómo dejar de tratar tus imágenes como simples adornos y empezar a convertirlas en activos que te traigan tráfico y clientes.
Lo que aprenderás en este artículo:
- Qué es el atributo alt y por qué es CRÍTICO – La explicación clara, sin tecnicismos, para entender su doble función en SEO y accesibilidad.
- Mi método para escribir textos alternativos que posicionan – Guía paso a paso, con ejemplos reales, para que Google entienda y premie tus imágenes.
- Los 3 errores que te están haciendo perder tráfico – Te cuento lo que veo en mis auditorías y cómo solucionarlo hoy mismo.
- Herramientas gratuitas para auditar tu web – Un checklist práctico para encontrar y corregir todas tus imágenes sin texto alternativo en minutos.
¿Qué es el atributo alt y por qué te debería importar (mucho)?
Vamos al grano. El atributo alt (o texto alternativo) es una descripción textual que se añade al código HTML de una imagen. Su objetivo principal es describir el contenido de esa imagen a quien no puede verla. Así de simple y así de potente.
Imagina que una imagen no carga por una conexión lenta. En su lugar, el navegador mostrará el texto que hayas puesto en el atributo alt. O, más importante aún, piensa en una persona con discapacidad visual que usa un lector de pantalla para navegar. Ese software le leerá en voz alta tu texto alternativo para que entienda el contexto visual. Ojo, que esto no es un detalle menor, es la base de una web inclusiva.
La doble función que el 90% ignora: SEO y accesibilidad
Aquí está la clave del asunto. El atributo alt tiene dos jefes a los que reportar, y tienes que contentar a ambos:
- Los usuarios (Accesibilidad): Como te decía, es fundamental para la accesibilidad web (WCAG). Un alt text bien escrito permite que personas con dificultades visuales comprendan el contenido visual de tu página, creando una experiencia mucho más completa y equitativa. Ignorarlo es, básicamente, ponerle una barrera a una parte de tu audiencia.
- Los motores de búsqueda (SEO): Google, aunque cada vez es más listo con la inteligencia artificial para interpretar imágenes, sigue siendo una máquina que lee código. El atributo alt es el «chivato» que le dice con precisión de qué va tu imagen. Esto le ayuda a entender mejor el contexto general de tu página y, por supuesto, a posicionar esa imagen en Google Imágenes.
En mi experiencia, una estrategia de SEO para imágenes bien ejecutada, empezando por los alt text, puede generar un flujo de tráfico cualificado que muchos negocios ni se plantean. He visto e-commerce de moda disparar sus visitas desde Google Imágenes simplemente optimizando esto.
Así es como Google «ve» tus imágenes gracias al alt text
Cuando Googlebot rastrea tu página, no «ve» la foto de un «portátil plateado sobre una mesa de madera». Lo que ve es algo así: <img src="/portatil-mesa.jpg" alt="portátil MacBook Pro abierto sobre una mesa de madera de roble">.
El texto dentro del alt="..." le da el contexto semántico que necesita. Si tu artículo habla sobre «herramientas para teletrabajar», esa imagen con ese alt text refuerza la temática de la página, diciéndole a Google: «Oye, esta página es súper relevante para este tema, no solo por el texto, sino también por el contenido visual». Es una señal de coherencia y calidad que los algoritmos valoran, y mucho.
Cómo escribir un texto alternativo que funcione de verdad
Vale, ya tienes clara la teoría. Ahora vamos a la práctica. Escribir un buen alt text no es poner un montón de palabras clave sin sentido. Se trata de encontrar el equilibrio perfecto entre ser descriptivo para el usuario y relevante para Google.
Mi checklist para un alt text perfecto
Cuando formo a mi equipo o asesoro a un cliente, siempre les doy esta pequeña lista. Funciona de maravilla:
- Describe lo que ves, sin rodeos: Imagina que le estás describiendo la imagen a alguien por teléfono. Sé conciso pero específico.
- ❌ Mal:
alt="perro" - ✅ Bien:
alt="cachorro de golden retriever jugando con una pelota roja en el césped"
- ❌ Mal:
- Mantén la brevedad: No escribas un párrafo. Lo ideal es moverse en torno a los 100-125 caracteres. Lo justo para describir la escena sin abrumar.
- Usa tu palabra clave (con naturalidad): Si la imagen y el contexto lo permiten, incluye tu keyword o una variante. Ojo, «con naturalidad».
- Contexto: Artículo sobre «mejores zapatillas para maratón».
- ❌ Mal (Keyword Stuffing):
alt="zapatillas correr maratón mejores zapatillas running baratas" - ✅ Bien:
alt="corredor atándose unas zapatillas de maratón Nike Vaporfly de color naranja"
- Evita la redundancia: No empieces con «imagen de…» o «foto de…». Los lectores de pantalla y Google ya saben que es una imagen por la etiqueta
<img>. Ve directo al grano.
Errores típicos que veo en mis auditorías (y cómo evitarlos)
Te sorprendería la de veces que veo estos fallos, incluso en webs grandes:
- Dejar el atributo alt vacío:
alt="". Es el peor error. Estás diciendo a Google y a los usuarios que esa imagen no aporta nada. - Usar el nombre del archivo: Muchos CMS ponen por defecto el nombre del archivo (ej:
alt="IMG_8734.jpg"). Esto no aporta ningún valor. ¡Cámbialo siempre! - Abusar de las palabras clave (Keyword Stuffing): Como en el ejemplo anterior, meter keywords con calzador es contraproducente. Google lo detecta como una práctica spam y puede penalizarte.
Atributo Alt vs. Título de la imagen: la eterna confusión
Esta es una pregunta clásica. ¿El alt es lo mismo que el título? Te lo digo claro: no. Son atributos diferentes con propósitos distintos. Para que no te líes, he preparado esta tabla que lo resume todo a la perfección.
| Característica | Atributo Alt | Título de la Imagen | Nombre del Archivo |
|---|---|---|---|
| Propósito Principal | Accesibilidad y contexto para SEO. Describe la imagen si no se ve. | Información adicional. Aparece como un «tooltip» al pasar el ratón por encima. | Identificar el archivo en el servidor. Ayuda al SEO si es descriptivo. |
| ¿Es crucial para el SEO? | Sí, es fundamental. | No, tiene un impacto mínimo o nulo en el SEO. | Sí, es un factor de ranking secundario pero importante. |
| ¿Cómo se ve en HTML? | <img alt="..."> |
<img title="..."> |
<img src="nombre-del-archivo.jpg"> |
| Ejemplo práctico | «logo de Alberto Fernández consultor SEO» | «Logo oficial de mi marca personal» | logo-alberto-fernandez-seo.png |
| Mi recomendación | Rellénalo siempre, es obligatorio. | Opcional. Úsalo solo si aporta valor extra al usuario. | Siempre descriptivo, con guiones y sin acentos. |
Herramientas para auditar tus atributos alt como un profesional
Revisar los alt text uno a uno es una locura. Por suerte, hay herramientas que nos hacen la vida más fácil. Aquí te dejo las que yo uso en mi día a día.
Opciones gratuitas que uso casi a diario
Para una revisión rápida y efectiva, no necesitas gastar un euro. Con una de estas extensiones para Chrome vas sobrado:
- SEO Minion: Es brutal. Con un clic te analiza todos los enlaces, Hreflangs y, por supuesto, te resalta en rojo todas las imágenes que no tienen atributo alt.
- Web Developer (extensión): Un clásico. Tiene una opción en la pestaña «Images» que te permite «Display Alt Attributes». Te muestra el texto alternativo justo al lado de cada imagen en la propia página. Visual y directo.
Herramientas de pago para ir un paso más allá
Si gestionas una web grande o te dedicas al SEO profesionalmente, necesitas algo más potente. Estas son mis favoritas:
- Screaming Frog SEO Spider: Es el estándar del sector para auditorías técnicas. Rastrea tu web entera y te da un informe detallado de todas tus imágenes, indicando cuáles no tienen alt, cuáles lo tienen demasiado largo, etc. Imprescindible.
- Ahrefs o Semrush: Sus herramientas de «Site Audit» también detectan este problema dentro de un análisis mucho más completo de la salud SEO de tu sitio. Son perfectas para tener una visión global.
Lo que debes llevarte claro de todo esto
Si has llegado hasta aquí, ya sabes más sobre el atributo alt que el 90% de la gente que tiene una web. La idea con la que quiero que te quedes es simple: el texto alternativo no es una opción, es una obligación. Es una de las formas más sencillas y eficaces de mejorar tu SEO y, al mismo tiempo, de construir una web más justa y accesible para todos.
No lo veas como una tarea tediosa, sino como una oportunidad. Cada imagen sin su alt text es una oportunidad perdida de comunicarte con Google y con una parte de tu audiencia. Empieza hoy mismo. Ve a la última entrada que publicaste en tu blog, revisa las imágenes y aplica lo que has aprendido. Te aseguro que es un hábito que, a la larga, da sus frutos.
Dudas que siempre me preguntan sobre el texto alternativo
Para terminar, respondo a algunas de las preguntas que más me hacen mis clientes sobre este tema. Así no te queda ninguna duda.
¿Es obligatorio poner texto alternativo en todas las imágenes?
Casi todas. La única excepción son las imágenes puramente decorativas, como fondos, separadores o iconos que no aportan información. En esos casos específicos, lo correcto según las guías de accesibilidad es dejar el atributo alt vacío (alt=""). Esto le indica a los lectores de pantalla que pueden ignorar esa imagen sin perderse nada importante.
¿Debo meter mi palabra clave principal en todos los atributos alt?
No, por favor. Eso es keyword stuffing y es una mala práctica. Solo debes incluir la palabra clave si describe la imagen de forma natural y precisa. Si tienes 10 imágenes en un post, es muy poco probable que todas ellas se puedan describir con la misma keyword. Prioriza siempre una descripción honesta y útil.
¿Qué pasa con las imágenes de producto en un e-commerce?
En un e-commerce, el atributo alt es tu mejor amigo. Es una oportunidad de oro. Una buena práctica es usar una fórmula que incluya el nombre del producto, la marca y alguna característica relevante. Por ejemplo: alt="Zapatillas Nike Air Max 90 en color blanco y negro - vista lateral". Esto es descriptivo, útil para el SEO y para el usuario.
¿El atributo alt tiene un límite de caracteres?
Técnicamente, no hay un límite estricto, pero la recomendación general es no superar los 125 caracteres. La razón es práctica: la mayoría de los lectores de pantalla cortan la lectura a partir de esa longitud. El objetivo es ser descriptivo y conciso, no escribir una novela.