¿Qué es alt text?
Alt text es el atributo HTML alt="..." dentro de la etiqueta <img>. Describe el contenido de la imagen para usuarios que no pueden verla (discapacidad visual usando lectores) y para Googlebot (que no ve imágenes, solo las describe vía alt).
Reglas para escribir buenos alt texts
- Sé descriptivo y específico: describe lo que se ve realmente
- Incluye keyword si es relevante naturalmente (no forzado)
- Longitud ideal: 50-125 caracteres
- No empieces con "Imagen de..." o "Foto de..." (redundante, lectores ya saben que es imagen)
- Sin keyword stuffing
- Imágenes decorativas: alt vacío (
alt="") para que lectores las ignoren
Ejemplos: malos vs buenos
| Mal ❌ | Bien ✅ |
|---|---|
| alt="imagen" | alt="Diseñador web trabajando en mockup en MacBook Pro" |
| alt="IMG_2452" | alt="Hotel boutique en zona hotelera de Cancún con vista al mar" |
| alt="diseño web cancún diseño web cancún diseño web" | alt="Página de servicios de diseño web para hoteles en Cancún" |
Alt text para distintos tipos de imágenes
- Foto descriptiva: describir contenido ("Equipo de Weblindrome trabajando en oficina")
- Infografía: describir información ("Gráfica de evolución de búsquedas SEO 2020-2026")
- Logo: nombre de la marca ("Logo de Weblindrome")
- Botón con imagen: la acción ("Botón de WhatsApp")
- Decorativa: alt vacío (
alt="") - Captura de pantalla: describir lo que se muestra
Errores comunes
- Dejar alt="" en imágenes informativas (excluye usuarios con discapacidad)
- Usar nombre de archivo automático (IMG_001)
- Repetir el caption como alt
- Stuffing de keywords
- No agregar alt a imágenes nuevas (revisa el sitio cada año)
En Weblindrome ofrecemos SEO para PyMEs mexicanas. Solicita un diagnóstico gratuito.