Entender qué es el atributo alt en las imágenes es el primer paso para que Google deje de ignorar el contenido visual de tu web. Este fragmento de código HTML, a menudo llamado erróneamente etiqueta alt, es la descripción textual que los motores de búsqueda y los lectores de pantalla utilizan para interpretar lo que aparece en una fotografía o gráfico. Si una imagen no carga por un error de conexión, este texto es lo que el usuario verá en su lugar. No es un simple adorno técnico; es el puente que une tu estrategia de contenidos con la accesibilidad universal y el posicionamiento en Google Imágenes.
El atributo alt es una propiedad que se incluye dentro de la etiqueta de imagen en el código fuente de tu página. Su función principal es proporcionar una alternativa textual. Cuando un bot de rastreo llega a tu sitio, no puede ver los colores o las formas de un banner promocional, pero sí puede leer el texto que has depositado en su interior. Olvídate de pensar que Google es omnisciente; sin un texto alternativo bien definido, tus imágenes son agujeros negros de información para los algoritmos.
La estructura básica en HTML luce así: <img src='zapato-running.jpg' alt='Zapato de running azul para asfalto marca arteseo'>. Aquí reside la clave del éxito. El texto dentro de las comillas del alt debe ser lo suficientemente descriptivo para que alguien que no pueda ver la pantalla entienda perfectamente qué hay en ese espacio. No se trata de rellenar por rellenar, sino de aportar contexto real al usuario y al buscador.
Muchos profesionales confunden el atributo alt con el atributo title o el nombre del archivo. Mientras que el nombre del archivo ayuda a la organización interna y el title muestra un pequeño globo de texto al pasar el ratón, el alt es el único que tiene un peso real en la accesibilidad web. Si tu web aspira a cumplir los estándares WCAG, el uso correcto de este atributo es innegociable. Aquí está el truco: si quitas la imagen y el texto que queda no aporta valor al párrafo, tu atributo alt es deficiente.
Imagina una tienda online de joyería. Si subes la foto de un anillo y el alt es imagen123.jpg, estás perdiendo una oportunidad de oro para posicionar por anillos de compromiso de oro blanco. El atributo alt es el traductor oficial entre tu creatividad visual y la base de datos de los buscadores.
Es habitual que, al gestionar un CMS como WordPress o Shopify, te encuentres con varios campos para una misma imagen: título, leyenda, descripción y texto alternativo. Para hacer un trabajo profesional, debes saber qué batalla pelea cada uno. El atributo alt es el que Google utiliza para el ranking. El título de la imagen (atributo title) es una función de experiencia de usuario secundaria que suele mostrarse como un tooltip o ayuda visual. En la mayoría de los casos, el title no aporta valor SEO directo y podrías incluso dejarlo vacío sin penalización alguna.
La leyenda o caption es el texto que aparece visible debajo de la imagen para todos los usuarios. Su función es puramente informativa y ayuda a retener la atención del lector, pero no sustituye al atributo alt. De hecho, si usas el mismo texto en la leyenda y en el alt, estás incurriendo en una redundancia que puede resultar molesta para los usuarios de lectores de pantalla, quienes escucharán la misma descripción dos veces seguidas.
El nombre del archivo es el primer nivel de optimización. Antes de subir la imagen a tu servidor, asegúrate de que el nombre sea descriptivo y use guiones para separar palabras. Un archivo llamado mejores-herramientas-seo.jpg con un atributo alt que diga listado de las mejores herramientas SEO en 2024 es una combinación ganadora. Lo que vemos en proyectos es que la coherencia entre el nombre del archivo y el texto alternativo acelera la indexación en las búsquedas visuales.
Aunque el atributo title puede parecer útil, su implementación suele ser inconsistente entre navegadores. Algunos dispositivos móviles ni siquiera lo muestran porque no existe la acción de pasar el puntero sobre un elemento. Por el contrario, el atributo alt es un estándar universal que todos los navegadores respetan por defecto cuando la imagen falla o se utilizan tecnologías de asistencia.
Si tienes poco tiempo, enfoca tus esfuerzos exclusivamente en el texto alternativo. Un error común es copiar y pegar el mismo texto en todos los campos disponibles. Esto no solo es ineficiente, sino que ensucia el código de tu página con información duplicada que no ayuda a nadie. Prioriza siempre la descripción funcional que el atributo alt ofrece al ecosistema digital.
En términos de prioridad técnica, el orden de importancia para un consultor SEO es: 1) Atributo ALT, 2) Nombre del archivo, 3) Leyenda (si aporta contexto al texto) y 4) Atributo TITLE. Si tu flujo de trabajo sigue esta jerarquía, estarás optimizando para lo que realmente mueve la aguja del tráfico orgánico.
Escribir un buen atributo alt es un ejercicio de equilibrio entre la descripción natural y la inclusión de palabras clave. La recomendación actual es evitar el keyword stuffing o saturación de palabras clave. Google es capaz de detectar cuando intentas manipular el ranking metiendo diez variantes de la misma palabra en una imagen de 200 píxeles. En lugar de eso, describe la imagen como si estuvieras contándosela a un amigo por teléfono.
Imagina una fotografía de una oficina moderna en Madrid. Un alt mediocre sería oficina Madrid. Un alt optimizado para SEO y usuario sería equipo de marketing trabajando en una oficina moderna con vistas a la Gran Vía de Madrid. Este último incluye contexto geográfico, acción y descripción del entorno, lo que ayuda a Google a clasificar la imagen en múltiples categorías de búsqueda.
No necesitas empezar tus textos con imagen de… o fotografía de…. Tanto los motores de búsqueda como los lectores de pantalla ya saben que se trata de un elemento visual. Ve directo al grano. Si la imagen contiene texto importante, como una infografía o un botón de llamada a la acción, ese texto debe estar íntegramente en el atributo alt. Si el botón dice comprar ahora el curso de SEO, el alt debe ser exactamente comprar ahora el curso de SEO.
Un truco avanzado es observar qué imágenes están posicionando en el top 3 de Google Imágenes para tu palabra clave principal. Analiza sus atributos alt y verás que suelen ser descripciones precisas que utilizan términos semánticamente relacionados con el tema principal del artículo. No copies, pero usa ese estándar como referencia de calidad para tus propios contenidos.
No todas las imágenes de tu web merecen un atributo alt detallado. Este es uno de los mayores puntos de confusión para quienes están empezando. Existen las llamadas imágenes decorativas: líneas de separación, iconos de adorno o fondos que no añaden información relevante al mensaje. En estos casos, la mejor práctica es dejar el atributo alt vacío, pero presente: alt=''.
Dejar el atributo vacío indica a los lectores de pantalla que deben saltarse ese elemento, mejorando la fluidez de la navegación para usuarios con discapacidad visual. Si olvidas poner el atributo por completo, el software de lectura podría leer el nombre del archivo en voz alta, lo cual resulta extremadamente molesto si el archivo se llama bg-pattern-v2-final.png. Aquí la regla es clara: si la imagen no aporta significado, no le des texto.
Por otro lado, las imágenes informativas, como gráficos de datos, capturas de pantalla de tutoriales o fotos de productos, requieren una precisión quirúrgica. En el caso de los gráficos, no basta con decir gráfico de ventas. Lo ideal es resumir la conclusión principal del gráfico: gráfico de barras que muestra un incremento del veinte por ciento en las ventas de suscripciones durante el último trimestre.
El atributo alt es la voz de tus imágenes. Si no lo cuidas, tu web es muda para una parte importante de tus usuarios y para los bots de Google.
El logotipo de tu marca en la cabecera es un caso especial. Generalmente, el logotipo debe enlazar a la página de inicio y su atributo alt debe ser el nombre de tu empresa o marca. No hace falta poner logotipo de arteseo, con poner arteseo es suficiente. Esto ayuda a reforzar la identidad de marca en cada página de tu sitio sin añadir ruido innecesario.
En el caso de banners publicitarios o promociones, el alt debe actuar como el titular del anuncio. Si tienes un banner que anuncia un descuento del cincuenta por ciento en servicios de diseño web, ese es exactamente el texto que debe llevar el atributo. Recuerda que, para Google, ese banner es una puerta de entrada a otra sección y el texto alternativo funciona de forma similar al anchor text de un enlace.
Saber qué es el atributo alt en las imágenes no sirve de nada si no eres capaz de auditar tu sitio a escala. En proyectos con cientos de URLs, revisar una a una es imposible. Aquí es donde entra en juego el procedimiento avanzado de auditoría técnica utilizando herramientas como Screaming Frog o Google Search Console.
Para realizar una auditoría profesional de tus textos alternativos, sigue estos pasos:
Este procedimiento te permite identificar fallos críticos en minutos. Lo que vemos en proyectos de gran envergadura es que, a menudo, el equipo de diseño sube recursos sin alt y el equipo de contenidos no se percata. Establecer una revisión trimestral de este tipo garantiza que tu SEO de imágenes se mantenga saludable y que no pierdas oportunidades de posicionamiento por descuidos técnicos.
Otro punto avanzado es revisar la coherencia semántica. Si una página habla sobre SEO local, pero todas sus imágenes tienen atributos alt sobre diseño web general, estás enviando señales contradictorias a Google. Asegúrate de que las imágenes refuercen la temática principal de la URL donde están alojadas. Una auditoría no es solo buscar lo que falta, sino validar la calidad de lo que ya existe.
La mayoría de los CMS actuales facilitan enormemente esta tarea sin necesidad de tocar una sola línea de código. En WordPress, por ejemplo, cuando subes una imagen a la biblioteca de medios, el campo Texto alternativo aparece en la barra lateral derecha. Es vital rellenarlo en ese momento, ya que WordPress guardará esa descripción por defecto cada vez que insertes la imagen en un post diferente. Si ya tienes la imagen insertada en una entrada, puedes hacer clic sobre ella, pulsar en el icono del lápiz y editar el texto alternativo desde el editor de bloques.
En Shopify, el proceso es similar. Al acceder a la ficha de un producto, puedes hacer clic en la imagen y seleccionar Añadir texto alternativo. En el comercio electrónico, esto es crítico porque Google Imágenes es una de las fuentes principales de descubrimiento de productos. Un buen texto alternativo en Shopify debería incluir el nombre del producto, el color, el material y cualquier característica única que un comprador pudiera buscar.
| Elemento | Recomendación SEO | Ejemplo Correcto |
|---|---|---|
| Logotipo | Solo el nombre de marca | arteseo |
| Producto | Nombre + Variante + Uso | Zapatilla trail running impermeable mujer |
| Icono social | Nombre de la red | Síguenos en LinkedIn |
| Gráfico | Conclusión del dato | Crecimiento del tráfico orgánico 2024 |
No delegues esta tarea en plugins de generación automática por IA sin supervisión. Aunque la tecnología ha mejorado, las IAs suelen ser demasiado genéricas o cometer errores contextuales graves. Una IA podría describir una imagen como persona frente a ordenador, mientras que un experto humano pondría consultor analizando métricas de Search Console. La diferencia en términos de relevancia para Google es abismal. El siguiente paso lógico tras optimizar tus textos es verificar que el tamaño y formato de tus archivos no estén lastrando tu WPO.
Se añade dentro de la etiqueta HTML img usando el atributo alt=’tu descripción’. En gestores de contenido como WordPress o Shopify, no necesitas tocar código; basta con rellenar el campo Texto alternativo en la configuración de la imagen dentro de la biblioteca de medios o el editor de la página.
Si falta el atributo, los motores de búsqueda no podrán indexar correctamente el contenido visual, perdiendo tráfico de Google Imágenes. Además, los lectores de pantalla para personas con discapacidad visual leerán el nombre del archivo (ej. IMG_543.jpg), lo que arruina la accesibilidad y penaliza la experiencia de usuario general de tu sitio.
El texto alternativo (alt) es esencial para el SEO y la accesibilidad, describiendo el contenido si la imagen falla o no se ve. El título (title) es opcional y sirve para mostrar un texto flotante al usuario cuando pasa el ratón sobre la imagen. Para posicionar, el alt es tu prioridad absoluta.
No. Debes ponerlo en imágenes informativas que aporten valor al contenido. Las imágenes puramente decorativas (separadores, fondos, adornos) deben llevar el atributo vacío (alt=”) para que los lectores de pantalla las ignoren y no generen ruido innecesario en la navegación de usuarios con discapacidad visual.
La recomendación es no superar los 125 caracteres. Es espacio suficiente para una descripción detallada y evita que los lectores de pantalla corten la frase a la mitad. Sé conciso, directo y evita frases de relleno como ‘imagen de’ o ‘fotografía que muestra’.
Sí, el atributo alt contribuye a la relevancia temática de la URL. Al usar términos relacionados con tu palabra clave principal en las imágenes, refuerzas el contexto que Google percibe sobre tu contenido, mejorando las posibilidades de aparecer en los resultados generales y, específicamente, en Google Imágenes.