Tu desarrollador abre la auditoría de accesibilidad y se desplaza por 12.000 imágenes marcadas. Atributos alt vacíos. Nombres de archivos generados automáticamente — IMG_4529.jpg, product-photo-final-v3.png. Cero tráfico de búsqueda de imágenes. Un cliente de ecommerce de tamaño medio nos contrató para reescribir cada uno. Rastreamos rankings, impresiones de búsqueda de imágenes y puntuaciones WCAG durante 90 días. Algunos cambios movieron la aguja inmediatamente. Otros no hicieron nada. Emergió un patrón que ninguna guía de SEO menciona, y fue responsable de la mayor parte del crecimiento. Aquí está lo que encontramos cuando realmente medimos texto alt a escala.

Lo que siguió fue uno de los proyectos de SEO y accesibilidad más instructivos que hemos hecho. No porque el trabajo fuera glamoroso — definitivamente no lo fue — sino porque pudimos ver, con datos reales, qué importa realmente cuando se trata de texto alt de imagen en 2026. Spoiler: mucho del consejo que circula en línea está desactualizado o simplemente equivocado.

Tabla de Contenidos

Reescribimos Texto Alt para 12.000 Imágenes: Qué Cambió Realmente en Rankings

El Punto de Partida: ¿Qué Tan Malo Era?

Permíteme pintar el cuadro. Esta era una tienda de ecommerce de artículos para el hogar ejecutándose en un frontend Next.js sin cabeza con un backend CMS sin cabeza — una configuración que construimos frecuentemente en Social Animal (puedes ver nuestras capacidades de desarrollo Next.js y trabajo de CMS sin cabeza para contexto). El catálogo de productos tenía alrededor de 3.200 SKUs, cada uno con 3-5 imágenes.

Aquí está cómo se veía la situación del texto alt antes de comenzar:

Categoría de Texto Alt Porcentaje de Imágenes Ejemplo
Completamente vacío (alt="") 34% <img src="product.jpg" alt="">
Nombre de archivo como texto alt 28% alt="IMG_4529.jpg"
Genérico/inútil 22% alt="product image"
Lleno de palabras clave 11% alt="blue ceramic vase vase blue vase ceramic"
Realmente decente 5% alt="Blue ceramic vase, 12 inches tall"

La puntuación de accesibilidad de Lighthouse promedió 62 en páginas de productos. Google Image Search enviaba aproximadamente 180 clics por mes — patético para un catálogo de este tamaño. Sus reportes de herramienta WAVE de accesibilidad mostraron más de 8.000 errores relacionados solo con imágenes.

Imágenes Decorativas vs. Informativas: La Decisión Que Lo Cambia Todo {#imágenes-decorativas-vs-informativas}

Antes de escribir un solo carácter de texto alt, tuvimos que tomar una decisión para cada imagen: ¿es esto decorativo o informativo?

Esta distinción importa más de lo que la mayoría de las personas se dan cuenta. Errar, y estarás cluttering la experiencia del lector de pantalla con ruido u ocultando información crítica para usuarios que la necesitan.

Qué Cuenta como Decorativo

Una imagen decorativa es aquella que añade interés visual pero no transmite información que no esté disponible en el texto circundante. Estas obtienen un atributo alt vacío — no uno faltante, uno explícitamente vacío:

<!-- Correcto: imagen decorativa con alt vacío -->
<img src="divider-swirl.svg" alt="" role="presentation">

<!-- Incorrecto: alt completamente faltante -->
<img src="divider-swirl.svg">

En nuestra auditoría, clasificamos aproximadamente 1.800 imágenes (15%) como decorativas. Estos incluían:

  • Texturas y patrones de fondo
  • Divisores y bordes decorativos
  • Iconos que ya venían acompañados por etiquetas de texto
  • Imágenes de estilo de vida/mood donde el texto adyacente describía completamente el contexto

Qué Cuenta como Informativo

Todo lo demás. Y aquí es donde la gente se equivoca — subestiman lo que es "informativo". Esa foto de estilo de vida de un sofá en una sala — ¿es decorativa porque es un sofá? No. Si está en la página de producto de ese sofá, es informativa. Está mostrando color, escala, contexto de estilo.

Clasificamos 10.200 imágenes como informativas, y cada una necesitaba texto alt real y útil.

El Área Gris

Algunas imágenes realmente viven en un área gris. Un banner de héroe con texto superpuesto en una foto de estilo de vida — ¿es la imagen decorativa porque el texto superpuesto lleva el significado? ¿O es la imagen de fondo informativa porque muestra el producto?

Nuestra regla: si remover la imagen haría la página menos útil para alguien que no puede verla, es informativa. Cometimos el error de escribir texto alt. Siempre puedes ajustar después, pero no puedes auditoría de accesibilidad lo que no existe.

Presupuestos de Caracteres: ¿Cuánto Debe Durar Realmente el Texto Alt?

Este es el lugar donde internet te da consejos ampliamente conflictivos. "Mantenlo bajo 125 caracteres." "Hazlo tan largo como sea necesario." "Una oración máximo." Aquí está lo que encontramos después de probar a través de múltiples lectores de pantalla y medir el impacto en rankings.

La Realidad del Lector de Pantalla

Probamos con NVDA, JAWS y VoiceOver. Aquí está lo que encontramos:

Lector de Pantalla Comportamiento con Texto Alt Largo
NVDA Lee el texto alt completo sin interrupciones, sin límite de caracteres
JAWS Lee texto alt completo, el usuario puede pausar/saltar
VoiceOver (macOS/iOS) Lee texto alt completo, pequeña pausa en ~150 caracteres en versiones antiguas

El "límite de 125 caracteres" que se repite por todas partes — viene de una versión antigua de JAWS que truncaría en ciertos modos de pantalla. Eso no ha sido cierto durante años. Los lectores de pantalla modernos manejan texto alt de cualquier longitud.

Dicho esto, hay un límite práctico. Los usuarios de lector de pantalla no quieren sentarse a través de un párrafo para cada imagen. Llegamos a este marco de presupuesto de caracteres:

Tipo de Imagen Longitud Objetivo Longitud Máxima
Toma de producto simple 40-80 caracteres 100 caracteres
Producto en contexto/estilo de vida 60-120 caracteres 150 caracteres
Infografía o imagen compleja 80-150 caracteres 200 caracteres (con longdesc o aria-describedby para más)
Gráfico o visualización de datos Usa aria-describedby apuntando a una tabla de datos N/A

El Punto Dulce de SEO

Aquí hay algo interesante de nuestros datos. Rastreamos cambios de rankings para imágenes de productos en Google Image Search y los correlacionamos con la longitud del texto alt. El punto dulce fue 50-100 caracteres. Las imágenes con texto alt en ese rango vieron la mejora más fuerte en rankings de búsqueda de imágenes.

Texto alt bajo 30 caracteres mostró impacto mínimo. Texto alt sobre 150 caracteres en realidad se correlacionó con un rendimiento ligeramente peor en búsqueda de imágenes — posiblemente porque Google sospechaba relleno de palabras clave, o posiblemente solo ruido.

Reescribimos Texto Alt para 12.000 Imágenes: Qué Cambió Realmente en Rankings - arquitectura

Lo Que Escribimos: Ejemplos Reales de Texto Alt para Ecommerce

Seamos específicos. Aquí hay ejemplos reales de antes y después del proyecto, con detalles de productos cambiados ligeramente por confidencialidad del cliente.

Imágenes de Producto

Antes:

<img src="vase-blue-1.jpg" alt="product image">

Después:

<img src="vase-blue-1.jpg" alt="Handmade blue ceramic vase with white speckle glaze, 12 inches tall">

Por qué funciona: Color, material, acabado y tamaño — las cosas que un comprador necesita saber que no puede obtener del título del producto solo.

Tomas de Estilo de Vida/Contexto

Antes:

<img src="living-room-setup.jpg" alt="IMG_8821.jpg">

Después:

<img src="living-room-setup.jpg" alt="Blue ceramic vase on a white marble side table in a modern living room with neutral decor">

Por qué funciona: Le dice al usuario del lector de pantalla qué muestra la foto — contexto que ayuda con decisiones de compra.

Variantes de Producto

Antes:

<img src="throw-red.jpg" alt="throw blanket">
<img src="throw-blue.jpg" alt="throw blanket">
<img src="throw-green.jpg" alt="throw blanket">

Después:

<img src="throw-red.jpg" alt="Merino wool throw blanket in deep burgundy red">
<img src="throw-blue.jpg" alt="Merino wool throw blanket in ocean blue">
<img src="throw-green.jpg" alt="Merino wool throw blanket in sage green">

Por qué funciona: Cada imagen de variante ahora tiene texto alt único que la distingue. Esto importa tanto para accesibilidad como para búsqueda de imágenes.

El Error del Relleno de Palabras Clave

Algo del texto alt existente fue claramente escrito por alguien que había sido dicho "pon palabras clave en texto alt" sin ninguna orientación adicional:

Antes (relleno de palabras clave):

<img alt="blue vase ceramic vase handmade vase blue ceramic handmade vase buy vase online">

Esto es peor que no tener texto alt. Es hostil para usuarios de lectores de pantalla y Google ha estado penalizando este patrón desde al menos 2023. Reemplazamos cada instancia.

El Impacto en Rankings: Qué Cambió Realmente

Ahora para la parte que todos quieren saber. Rastreamos resultados durante 6 meses después de completar la reescritura.

  • Antes: ~180 clics/mes desde Google Images
  • Después (mes 3): ~620 clics/mes
  • Después (mes 6): ~1.140 clics/mes

Eso es un aumento del 533% en tráfico de búsqueda de imágenes de Google. El crecimiento no fue instantáneo — tomó aproximadamente 6-8 semanas para que Google rastreara e indexara las imágenes.

Búsqueda Orgánica Regular

Esto nos sorprendió. Vimos mejoras medibles en rankings de búsqueda regular (no imagen) para páginas de productos que tenían texto alt particularmente malo antes. Las páginas donde todas las imágenes tenían alt vacío o basado en nombres de archivos vieron una mejora promedio de 3-5 posiciones para sus palabras clave objetivo.

Nuestra teoría: el texto alt adecuado le da a Google contexto adicional sobre el contenido de la página. No es un factor de ranking masivo por sí solo, pero para páginas compitiendo en nichos ajustados, cada señal ayuda.

Categorías de Producto Específicas Que Cambiaron

Categoría de Producto Clics Image Search (Antes) Clics Image Search (Después, Mes 6) Cambio
Floreros de cerámica 22/mes 189/mes +759%
Mantas de lana 31/mes 204/mes +558%
Impresiones de arte de pared 48/mes 287/mes +498%
Accesorios de cocina 19/mes 98/mes +416%
Almohadas decorativas 60/mes 362/mes +503%

Las ganancias más grandes vinieron en categorías donde el texto alt era más descriptivo y específico. El texto alt genérico como "throw blanket" apenas movió la aguja. El texto alt específico como "chunky knit merino wool throw blanket in dusty rose, 50 by 60 inches" impulsó resultados reales.

Cambios en Puntuación de Accesibilidad

Las mejoras de accesibilidad fueron dramáticas e inmediatas — sin esperar a que los rastreadores exploraran.

Puntuaciones de Lighthouse

  • Antes: Promedio 62 entre páginas de productos
  • Después: Promedio 94 entre páginas de productos

Los 6 puntos restantes fueron principalmente relacionados con problemas de contraste de color y algunos problemas de widgets de terceros que estaban fuera de nuestro alcance.

Resultados de Herramienta WAVE

  • Errores relacionados con imágenes: Bajaron de 8.247 a 12
  • Alertas relacionadas con imágenes: Bajaron de 3.891 a 234

Los 12 errores restantes fueron de contenido generado por usuarios (fotos de reseñas) que no teníamos control. Las 234 alertas fueron principalmente advertencias de "texto alt sospechoso" en imágenes donde intencionalmente habíamos usado descripciones cortas.

Impacto del Usuario Real

El cliente realizó una encuesta post-lanzamiento con usuarios que se auto-identificaron como usando tecnología de asistencia. La retroalimentación fue clara: la experiencia de compra pasó de "básicamente inusable" a "realmente funciona". Un usuario específicamente mencionó poder distinguir entre variantes de color por primera vez.

Esto no es solo material de buen sentimiento. En 2026, las demandas de cumplimiento ADA contra sitios de ecommerce continúan ejecutándose a miles por año en EE.UU. El texto alt adecuado no es opcional — es un requisito legal.

Aquí es donde las cosas se ponen realmente interesantes. La búsqueda de imágenes de Google ha cambiado fundamentalmente con la integración de sistemas de IA, y entender qué señales usan cambias cómo deberías pensar en texto alt.

Google Lens y Multibúsqueda

Google Lens procesa miles de millones de búsquedas visuales por mes. Cuando alguien usa Lens para buscar un producto, Google usa múltiples señales:

  1. Similitud visual — qué se ve realmente la imagen (no puedes controlar mucho esto)
  2. Texto alt — aún una señal primaria para entender qué representa una imagen
  3. Contenido de página circundante — texto cerca de la imagen en la página
  4. Datos estructurados — esquema de producto, especialmente propiedades image
  5. Nombre de archivo de imagen — sí, aún importa ligeramente
  6. Datos EXIF — menos relevante para imágenes de producto pero importa para fotografía

Selección de Imagen y Descripciones Generadas por IA

Los Overviews de IA de Google (anteriormente SGE) frecuentemente extraen imágenes en sus respuestas generadas. De nuestro seguimiento, imágenes con texto alt descriptivo fueron 3.4x más propensas a ser seleccionadas para inclusión en Overview de IA comparado con imágenes con texto alt genérico o faltante.

Esto tiene sentido. La IA necesita entender qué muestra una imagen antes de poder decidir si incluirla en una respuesta. El texto alt es la señal más directa disponible.

Búsqueda Visual de Bing y ChatGPT

Con la integración de ChatGPT del índice de búsqueda de Bing, el texto alt ahora también alimenta respuestas de IA conversacionales. Cuando alguien pregunta a ChatGPT "encuentra un florero de cerámica azul", las imágenes de producto que aparecen se ven fuertemente influenciadas por la calidad del texto alt.

El modelo GPT-4o de OpenAI también usa texto alt cuando analiza páginas web para sus capacidades de navegación. El texto alt bueno significa que tus productos pueden ser descritos con precisión por asistentes de IA.

El Ángulo del Aprendizaje Automático

Aquí hay un matiz que la mayoría de artículos pierden: la Vision AI de Google ahora puede identificar objetos en imágenes independientemente. ¿Entonces por qué aún importa el texto alt? Porque la visión automática puede decirte QUÉ hay en una imagen, pero el texto alt le dice a Google el CONTEXTO.

La Vision AI ve "objeto cilíndrico de cerámica azul". Tu texto alt dice "Florero de cerámica azul hecho a mano con glaseado de lunares blancos, 12 pulgadas de alto". El texto alt proporciona especificidad, información de marca, materiales y dimensiones que el análisis visual puro no puede extraer.

Nuestro Marco de Trabajo para Texto Alt

Después de este proyecto, desarrollamos un marco que ahora usamos para todos nuestros proyectos de desarrollo de CMS sin cabeza. Aquí está el árbol de decisión:

Paso 1: Clasificar la Imagen

  • ¿Decorativa? → alt="" y continúa
  • ¿Informativa? → Continúa al Paso 2

Paso 2: Determinar el Tipo de Imagen

Imagen de producto → [Material] [Color] [Producto] [Característica Clave] [Tamaño si es relevante]
Imagen de estilo de vida → [Producto] [Ubicación/Contexto] [Descripción del Escenario]
Infografía → Resumen breve + aria-describedby para detalles completos
Icono con texto → alt="" (la etiqueta de texto lo maneja)
Icono sin texto → alt="[Acción/Significado]"

Paso 3: Escribir y Validar

  • Escribe naturalmente, como si describieras la imagen a alguien por teléfono
  • No empieces con "Imagen de" o "Foto de" — los lectores de pantalla ya lo anuncian como imagen
  • Incluye el nombre/tipo del producto temprano en el texto alt
  • Mantente dentro del punto dulce de 50-100 caracteres cuando sea posible
  • Ejecuta a través de un linter de accesibilidad

Paso 4: Integrar con tu CMS

Creamos campos de texto alt directamente en modelos de contenido de CMS. Para configuraciones de CMS sin cabeza (Contentful, Sanity, Hygraph, etc.), creamos campos personalizados que refuerzan requisitos de texto alt:

// Ejemplo de esquema Sanity para imágenes de producto
{
  name: 'productImage',
  type: 'image',
  fields: [
    {
      name: 'alt',
      type: 'string',
      title: 'Alt Text',
      description: 'Describe esta imagen en 50-100 caracteres. No empieces con "imagen de".',
      validation: Rule => Rule.required()
        .min(20)
        .max(150)
        .error('Alt text must be between 20 and 150 characters')
    },
    {
      name: 'isDecorative',
      type: 'boolean',
      title: 'Decorative Image (no alt text needed)',
      description: 'Check this only if the image adds no informational value'
    }
  ]
}

Esta validación atrapa texto alt vacío en la etapa de entrada de contenido, no después de que esté en vivo. La prevención vence remediación cada vez.

Para equipos buscando implementar este tipo de enfoque estructurado, nuestro equipo de desarrollo de CMS sin cabeza ha configurado estos flujos de trabajo en docenas de proyectos de ecommerce. Si quieres hablar a través de tu situación específica, contáctanos.

¿Qué Hay Acerca del Texto Alt Generado por IA?

Probamos varios generadores de texto alt de IA durante este proyecto, incluyendo capacidades de visión GPT-4o, Google Cloud Vision API, y herramientas dedicadas como Ahrefs y AltText.ai.

Nuestro veredicto: el texto alt generado por IA es un punto de partida razonable para catálogos grandes, pero necesita revisión humana. La IA consistentemente perdía:

  • Descripciones específicas de material ("cerámica" vs. "porcelana" vs. "gres")
  • Nombres de color precisos que coincidían con la lista de productos
  • Información de tamaño y dimensión
  • Terminología específica de marca

Usamos IA para generar borradores iniciales, luego un editor humano refinaba cada uno. Esto redujo la línea de tiempo del proyecto de aproximadamente 12 semanas a 7 semanas.

Preguntas Frecuentes

¿El texto alt afecta directamente los rankings de búsqueda regular de Google? Basado en nuestros datos, tiene un efecto pequeño pero medible. Las páginas con texto alt adecuadamente optimizado vieron mejoras de 3-5 posiciones en búsqueda orgánica regular. No es un factor de ranking primario, pero contribuye a la comprensión de relevancia de la página de Google. El impacto más grande es en búsqueda de imágenes de Google, donde vimos un aumento de tráfico del 533%.

¿Debo poner palabras clave en mi texto alt? Sí, pero naturalmente. Tu texto alt debe describir con precisión la imagen, y si tus palabras clave objetivo son relevantes para lo que la imagen muestra, aparecerán naturalmente. Nunca fuerces palabras clave en texto alt o las repitas. Google explícitamente señala el texto alt lleno de palabras clave como una señal negativa en su documentación de búsqueda.

¿Cuánto debe durar el texto alt para imágenes de producto de ecommerce? Nuestros datos mostraron los mejores resultados con 50-100 caracteres para tomas de producto estándar. Esto es lo suficientemente largo para ser descriptivo pero lo suficientemente corto para evitar disparar señales de spam o molestar a usuarios de lector de pantalla. Para imágenes complejas como tomas de estilo de vida o escenas con estilo, hasta 150 caracteres está bien.

¿Cuál es la diferencia entre un atributo alt vacío y ningún atributo alt? Esto confunde a muchos desarrolladores. alt="" (vacío) le dice a los lectores de pantalla "esta imagen es decorativa, salten." Un atributo alt completamente faltante significa que el lector de pantalla a menudo leerá el nombre de archivo, que es una experiencia de usuario terrible. Siempre incluye el atributo alt — hazlo vacío para imágenes decorativas, descriptivo para informativas.

¿Debo empezar texto alt con "Imagen de" o "Foto de"? No. Los lectores de pantalla ya anuncian que un elemento es una imagen antes de leer el texto alt. Empezar con "Imagen de" crea redundancia: los usuarios escuchan "Imagen: Imagen de florero azul" que es incómodo. Solo describe qué hay en la imagen directamente.

¿Cómo funciona el texto alt con Google Lens y búsqueda visual? Google Lens usa texto alt como una de varias señales para entender imágenes. Mientras Lens puede analizar visualmente contenido de imagen, el texto alt proporciona contexto que el análisis visual puro no puede — como composición de material, dimensiones exactas, nombres de marca y terminología específica de producto. Las imágenes con buen texto alt tienen significativamente más probabilidad de aparecer en resultados de Lens.

¿Pueden las herramientas de IA escribir texto alt automáticamente? Las herramientas de IA como GPT-4o y servicios especializados pueden generar borradores decentes del texto alt. Sin embargo, consistentemente pierden detalles específicos del producto como materiales exactos, terminología de marca y nombres de color precisos. Recomendamos usar IA para generar borradores iniciales y luego tener un humano refinarlos. Este enfoque híbrido redujo nuestro línea de tiempo del proyecto en aproximadamente 40%.

¿Es el texto alt requerido por ley para sitios de ecommerce? En términos prácticos, sí. Bajo la ADA en Estados Unidos y la Acta Europea de Accesibilidad (efectiva junio 2025), los sitios web de ecommerce se espera que cumplan con estándares WCAG 2.1 AA, que requieren texto alt para imágenes informativas. Miles de demandas relacionadas con accesibilidad web de ADA continúan siendo presentadas anualmente en EE.UU., y texto alt faltante o inadecuado es uno de los problemas más comúnmente citados. El riesgo legal es real y creciente.