Texto Alt para SEO: Haciendo las Imágenes Descubribles y Accesibles

Introducción

Cada imagen en tu sitio web está ayudando o perjudicando tu SEO. El texto alt (texto alternativo) es la descripción invisible que le dice a los motores de búsqueda y lectores de pantalla qué contiene una imagen. Sin él, Google no puede entender tu contenido visual.

El Analizador SEO de UXR verifica la cobertura de texto alt porque el texto alt faltante o mal escrito representa una oportunidad significativa perdida tanto para la accesibilidad como para la visibilidad en búsquedas.

¿Qué Es el Texto Alt?

El texto alt es un atributo HTML que proporciona una descripción textual de una imagen. Se agrega usando el atributo alt en el elemento <img>:

<img src="zapatillas-running-azules.jpg" alt="Zapatillas de running Nike azules con suela blanca">

Cuando una imagen no puede cargarse, los navegadores muestran este texto en su lugar. Más importante aún, los lectores de pantalla leen este texto en voz alta para usuarios con discapacidades visuales, y los motores de búsqueda lo usan para entender el contenido de la imagen.

Por Qué el Texto Alt Importa para SEO

1. Tráfico de Google Imágenes

Según la propia documentación de Google, las imágenes pueden generar tráfico de búsqueda significativo. Google Imágenes representa aproximadamente el 20% de todas las búsquedas en Google. Sin texto alt adecuado, tus imágenes no aparecerán en estas búsquedas.

2. Comprensión Contextual

Los motores de búsqueda no pueden “ver” imágenes como lo hacen los humanos. Aunque Google usa aprendizaje automático para reconocimiento de imágenes, todavía depende mucho del texto alt para entender el contexto de la imagen y su relevancia para las consultas de búsqueda.

Cómo Google Usa el Texto Alt:
┌─────────────────────────────────────────────────────────┐
│ Reconocimiento de Imagen + Texto Alt = Comprensión     │
│          30%           +    70%      =    100%         │
└─────────────────────────────────────────────────────────┘

3. Señales de Ranking

El texto alt ayuda a Google a determinar:

• Qué representa la imagen
• Cómo se relaciona con el contenido circundante
• Para qué consultas de búsqueda debería aparecer
• La relevancia temática general de tu página

4. Cumplimiento de Accesibilidad

Más allá del SEO, el texto alt es un requisito legal bajo las leyes de accesibilidad (ADA, WCAG). El texto alt faltante hace que tu sitio sea inaccesible para millones de usuarios con discapacidades visuales.

Cómo Escribir Texto Alt Efectivo

Las Reglas de Oro

1. Sé Específico y Descriptivo

   • Mal: alt="zapatos"
   • Bien: alt="Botas de senderismo de cuero rojo con suela de goma gruesa"

2. Mantenlo Conciso

   • Apunta a menos de 125 caracteres
   • Los lectores de pantalla pueden cortar descripciones más largas

3. Incluye Keywords Relevantes Naturalmente

   • Mal: alt="zapatos botas calzado senderismo equipo outdoor"
   • Bien: alt="Botas de senderismo impermeables para senderos de montaña"

4. No Empieces con “Imagen de” o “Foto de”

   • Los lectores de pantalla ya anuncian que es una imagen
   • Mal: alt="Imagen de un atardecer sobre el océano"
   • Bien: alt="Atardecer proyectando luz naranja sobre el Océano Pacífico"

5. Considera el Contexto

   • La misma imagen podría necesitar diferente texto alt dependiendo de su propósito

Tipos de Imágenes y Su Texto Alt

Tipo de Imagen	Enfoque del Texto Alt	Ejemplo
Foto de producto	Describe el producto específicamente	alt="Laptop Apple MacBook Pro 14 pulgadas M3 plateada"
Informacional	Resume la información	alt="Gráfico de barras mostrando 40% de aumento en ventas Q3 2024"
Decorativa	Usa alt vacío	alt=""
Imagen enlazada	Describe el destino	alt="Ir al carrito de compras"
Logo	Nombre de la empresa	alt="Logo de UXR Chile"
Captura de pantalla	Describe contenido clave visible	alt="Panel de Google Analytics mostrando fuentes de tráfico"

Cuándo Usar Texto Alt Vacío

Las imágenes decorativas que no agregan información deben tener texto alt vacío (alt=""). Esto le dice a los lectores de pantalla que las omitan:

<!-- Adorno decorativo de fondo -->
<img src="espiral-decorativa.png" alt="">

<!-- Ícono junto a texto que ya describe la acción -->
<button>
  <img src="icono-buscar.svg" alt="">
  Buscar Productos
</button>

Importante: Usar alt="" es diferente de omitir el atributo alt completamente. Los atributos alt faltantes son violaciones de accesibilidad.

Cómo el Analizador SEO de UXR Verifica Esto

El analizador evalúa tu cobertura de texto alt mediante:

• Atributos alt faltantes - Imágenes sin ningún atributo alt
• Alt vacío en imágenes no decorativas - Imágenes que necesitan descripciones pero tienen alt=""
• Calidad del texto alt - Texto alt muy corto o con keywords amontonadas
• Porcentaje de cobertura de texto alt - Proporción general de imágenes con texto alt adecuado

Un buen objetivo es 95%+ de cobertura de texto alt para imágenes no decorativas.

Errores Comunes a Evitar

1. Amontonamiento de Keywords

<!-- NO HAGAS ESTO -->
<img alt="zapatos zapatillas running nike zapatos mejores zapatos baratos atletismo">

Esto crea una mala experiencia de usuario y puede ser penalizado por Google.

2. Usar Nombre de Archivo como Texto Alt

<!-- NO HAGAS ESTO -->
<img alt="IMG_4532.jpg">

Esto no proporciona información útil a usuarios o motores de búsqueda.

3. Ser Muy Vago

<!-- MUY VAGO -->
<img alt="producto">

<!-- MEJOR -->
<img alt="Auriculares inalámbricos con cancelación de ruido en negro mate">

4. Ignorar el Contexto de la Imagen

La misma imagen de producto podría necesitar diferente texto alt en una página de categoría vs. una página de detalle de producto.

Lista de Verificación Rápida

• [ ] Cada imagen tiene un atributo alt
• [ ] El texto alt describe el contenido de la imagen específicamente
• [ ] Las keywords están incluidas naturalmente (no amontonadas)
• [ ] Las imágenes decorativas usan alt=""
• [ ] El texto alt tiene menos de 125 caracteres
• [ ] Se considera el contexto para cada imagen
• [ ] Sin prefijos “imagen de” o “foto de”

Próximos Pasos

Para técnicas avanzadas incluyendo texto alt para imágenes complejas, optimización de e-commerce y herramientas automatizadas de texto alt, lee nuestra Guía de Optimización de Texto Alt para SEO.

---

Artículos Relacionados

• Optimización de Imágenes Explicado - Visión completa de optimización de imágenes
• Formatos de Imagen Modernos Explicados - Guía de WebP y AVIF
• Hub de SEO de Imágenes - Todas las guías de optimización de imágenes

---

Referencias

1. Google Search Central - Mejores prácticas de Google Imágenes
2. Ahrefs - Image SEO: 12 Actionable Tips
3. MDN Web Docs - Elemento img de HTML
4. WCAG 2.2 - Contenido No Textual (SC 1.1.1)