Las etiquetas ALT (texto alternativo) son esenciales para mejorar la accesibilidad, el SEO y la experiencia de usuario en tu sitio web. Aunque suelen pasar desapercibidas, su impacto es significativo tanto para los motores de búsqueda como para personas con discapacidad visual. Aquí te explico cómo usarlas correctamente y evitar errores comunes.
🧠 ¿Qué es una etiqueta ALT?
Es un atributo HTML que describe el contenido de una imagen. Se muestra cuando la imagen no carga y es leído por tecnologías de asistencia como lectores de pantalla.
Ejemplo básico:
html
<img src="bicicleta.jpg" alt="Bicicleta roja aparcada junto a un árbol">
“Las etiquetas ALT ayudan a los motores de búsqueda a entender el contenido visual y mejoran la accesibilidad web.” —Aspiration Marketing
✅ Buenas prácticas para escribir etiquetas ALT
- Sé descriptivo y específico: Describe lo que realmente muestra la imagen.
- Incluye palabras clave relevantes, pero de forma natural.
- Evita el relleno de keywords (keyword stuffing).
- Sé conciso: entre 80 y 125 caracteres suele ser suficiente.
- No uses frases genéricas como “imagen” o “foto”.
- Si la imagen es decorativa, usa
alt=""para que los lectores de pantalla la ignoren.
Ejemplo optimizado:
html
<img src="seo-auditoria.jpg" alt="Consultor SEO revisando auditoría técnica en portátil">
🚫 Errores comunes que debes evitar
- ❌ Usar ALT vacíos en imágenes informativas.
- ❌ Repetir la misma etiqueta ALT en varias imágenes.
- ❌ Incluir demasiadas palabras clave sin sentido.
- ❌ Descripciones vagas como “imagen1” o “foto bonita”.
“El error más común es usar etiquetas ALT genéricas o sobrecargadas de keywords, lo que afecta negativamente al SEO.” —SeoXan
🔍 ¿Cómo revisar y editar etiquetas ALT?
- En WordPress: al subir una imagen, rellena el campo “Texto alternativo”.
- En HTML: edita directamente el atributo
alt=""dentro de la etiqueta<img>. - Usa herramientas como Screaming Frog, Web Developer (Chrome) o SEO Meta in 1 Click para auditar tus imágenes.
📈 Beneficios de usar etiquetas ALT correctamente
| Beneficio | Impacto |
|---|---|
| Accesibilidad | Mejora la navegación para usuarios con discapacidad visual |
| SEO | Ayuda a indexar imágenes y mejorar el posicionamiento |
| Experiencia de usuario | Evita pérdida de contexto si la imagen no carga |
| Visibilidad en Google Imágenes | Aumenta el tráfico desde búsquedas visuales |
🧪 Ejemplos de etiquetas ALT bien y mal optimizadas
| Imagen | ALT incorrecto | ALT correcto |
|---|---|---|
| Torre Eiffel | “Torre Eiffel” | “Torre Eiffel de París vista desde el Trocadero al atardecer” |
| Ramo de flores | “Flores” | “Ramo de rosas blancas para novia sobre mesa de madera” |
“Las imágenes con ALT bien optimizado tienen hasta un 10% más de clics orgánicos.” —Aspiration Marketing