¿Qué es el atributo ALT? Guía práctica de texto alternativo para SEO y accesibilidad

Definición rápida: qué es el atributo ALT y por qué importa

El atributo alt (también llamado texto alternativo) es una descripción breve que añadimos a una imagen dentro de la etiqueta <img> en HTML. Su objetivo es doble:

1. Accesibilidad: ayuda a los lectores de pantalla a describir la imagen a personas con discapacidad visual.
2. SEO y descubrimiento: ofrece a los buscadores una pista semántica de qué aparece en la imagen cuando no pueden “verla”.

En términos muy prácticos, el alt responde a: “¿qué hay en esta imagen y por qué está aquí?”. No es un cajón para meter keywords sin control; es una descripción útil, concisa y contextual. Si la imagen no carga, el navegador puede mostrar ese texto; si la ve un lector de pantalla, será la voz de esa imagen.

En mi día a día, cuando reviso sitios, veo dos extremos: alt vacíos o alt que parecen un diccionario entero. Ni una cosa ni la otra: el punto óptimo suele ser una frase corta, natural, que encaje con el tema de la página. Ojo con las decorativas: si la imagen es meramente estética (divisor, patrón de fondo), mejor alt="" (vacío) para que los lectores de pantalla la ignore

ALT, title y contexto semántico: cómo se entienden entre sí

El alt no vive solo. El contexto manda: el título del contenido, los H2/H3 que rodean a la imagen y el párrafo cercano deben estar alineados con el tema de la imagen. Lo digo mucho: no intentes posicionar “chimeneas baratas” dentro de un artículo de perros. Esa incoherencia semántica confunde a usuarios y buscadores.

• alt: descripción accesible y semántica de la imagen.
• title del archivo/imagen (atributo title o el “Título” que guardas en el CMS): puede aportar contexto, pero no sustituye al alt.
• Texto alrededor: refuerza la intención. Si la imagen muestra “peluquero en Córdoba”, que el titular y el párrafo hablen de peluqueros en Córdoba, no de peinados de boda en otra ciudad.

En mi caso, cuando subo imágenes a WordPress, edito siempre el campo “Texto alternativo” y procuro que el título de la imagen no repita literal el alt. Prefiero variarlo ligeramente para aportar sinónimos, siempre sin sonar forzado.

Cómo escribir un ALT perfecto (con ejemplos reales)

Regla de oro: describe lo que se ve y por qué es relevante para el contenido.
Longitud orientativa: 80–140 caracteres suele funcionar, pero no es una norma rígida; prima la claridad.

Plantillas por tipo de imagen

• Producto: alt="Zapatillas de running negras para pronación leve, modelo X"
• Post/tutorial: alt="Ejemplo de etiqueta img con atributo alt en HTML"
• Local: alt="Local de peluquero en Córdoba con fachada de ladrillo visto"
• Hero/banner: si es decorativa, alt=""; si muestra info clave (p. ej., eslogan), descríbela.

Ejemplo :
Si la foto muestra una bicicleta apoyada junto a una pared, escribiría:
alt=”Bicicleta estacionada junto a una pared de ladrillos”.

Y variaría el título interno de la imagen:
“Título: Bicicleta antigua apoyada en una pared urbana”.

Así sigues mostrando variedad sin repetir exactamente lo mismo.

Errores comunes que corrijo en auditorías

• Meter keywords a lo loco: “chimeneas baratas chimeneas precio chimeneas hogar”.
• Describir lo obvio sin contexto: “imagen”, “foto”, “banner”.
• Usar nombres de archivo como alt: “DSC_00123.jpg”.
• Dejar alt vacío en imágenes clave (producto, infografía, CTA).

Nombres de archivo y formatos: el combo que Google sí lee

El nombre del archivo también comunica. Evita 123.jpg y usa guiones para separar palabras:
perro-corriendo-cesped.jpg gana por claridad. No te pases de largo (no hace falta meter preposiciones/artículos). Mantén un equilibrio entre descriptivo y breve.

Formatos

• WebP/AVIF: mejor compresión a igual calidad (cuando tu stack los soporte).
• JPEG: aún muy válido para fotos; ajusta compresión.
• PNG: úsalo para transparencias o gráficos con pocos colores.

En mi flujo, nombrar bien + formato adecuado reduce soporte y mejora descubrimiento. No es “magia SEO”, es higiene on-page.

Peso y nitidez: cómo comprimir sin perder calidad (y pasar PageSpeed)

Las imágenes nítidas mejoran el CTR y la percepción de marca; las borrosas restan confianza. Pero Google también valora la velocidad. El equilibrio se consigue comprimiendo inteligentemente.

Umbral práctico: cuando puedo, intento dejar las imágenes por debajo de ~100 KB (no siempre es posible para grandes hero o fotos complejas, pero como guía funciona).
Proceso que aplico:

1. Exporto en el formato adecuado (WebP/JPEG según caso).
2. Paso por un compresor sin perder demasiada calidad.
3. Reviso en PageSpeed Insights si hay avisos de “imágenes sin comprimir”.
4. Re-exporto si hace falta, manteniendo la nitidez (lo que ve el usuario pesa más que un 2–3% en métricas).

En muchos proyectos, bajar de 400–500 KB a ~90–120 KB ha sido invisible a ojos del usuario y espectacular para los tiempos de carga.

Sitemap de imágenes y descubrimiento en Google

Además del sitemap de URLs, un sitemap de imágenes ayuda a que Google descubra recursos embebidos que no siempre rastrea rápido. En WordPress hay plugins que lo generan automáticamente.
Buenas prácticas:

• Incluir solo imágenes indexables y relevantes.
• Actualizar cuando añadas/elimines galerías grandes.
• No suplanta un mal enlazado interno: suma, no sustituye.

SEO local: geolocalizar imágenes para búsquedas por ciudad

Si tu estrategia es local, añade metadatos de ubicación (EXIF) cuando tenga sentido (no es requisito para rankear, pero coherencia local suma).
Ejemplo: keyword “peluquero en Mérida” →

• Nombre: peluquero-Merida-fachada.jpg
• ALT: alt="Local de un peluquero en Mérida"
• Geotag: coordenadas de Mérida en los metadatos.

Yo lo uso en negocios locales con buenos resultados, siempre apoyado por contenido local (NAP consistente, páginas de ciudad, reseñas).

Mobile-first y autoridad de marca: el lado “invisible” del posicionamiento de imágenes

Aunque no edites ni un píxel del alt, si tu versión móvil es pobre (imágenes descuadradas, textos minúsculos), caerá la interacción y, con ella, tu visibilidad.
Puntos clave:

• Responsive real: srcset, sizes, lazy-loading donde tenga sentido.
• CLS bajo: evita saltos de contenido reservando espacio para imágenes.
• Calidad visual: logos borrosos = mala percepción (esto lo veo a menudo y daña la confianza).

La autoridad del dominio también influye: un sitio con marca sólida y enlaces de calidad tiene más papeletas para posicionar sus imágenes frente a uno recién creado con señales débiles. Por eso mi enfoque combina optimización on-page con branding y link building sostenido.

Checklist express para auditar tus ALT hoy

¿Quieres una lista priorizada con lo más rentable de arreglar en tu web? Solicita una auditoría SEO de imágenes y te la entrego con ejemplos “antes/después”.

¿Quieres que lo revisemos por ti? Pide una auditoría SEO de imágenes

Te reviso: alt, títulos, nombres de archivo, compresión, srcset, sitemap de imágenes, señales locales y mobile. Incluye implementación priorizada y plantillas para tu equipo. Escríbeme y arrancamos.

---

Conclusión

El atributo alt es simple, pero bien trabajado marca la diferencia: accesibilidad de verdad, semántica clara y una base sólida para que Google entienda tus imágenes. Si lo combinas con nombres limpios, peso optimizado, sitemap de imágenes, coherencia local y mobile-first, estarás por delante de la mayoría. Y sí, ese toque de marca nítida (sin logos borrosos) también se nota.

FAQs

¿El alt mejora el ranking por sí solo?
Aporta señales; no es un botón mágico. Funciona mejor junto a contexto, rendimiento y autoridad.

¿Incluyo la keyword exacta?
Si es natural y describe la imagen, sí. Evita forzar.

¿Qué pongo en imágenes decorativas?
alt="" para que los lectores de pantalla las ignoren.

¿alt y title son lo mismo?
No. alt es accesibilidad y contexto; title puede aportar información extra, pero no sustituye al alt.

¿Cuántos caracteres debe tener el alt?
No hay límite oficial; piensa en una frase corta clara (80–140 es una guía útil, no una regla).