¿Qué es el texto alternativo de imagen?
El texto alternativo de imagen es una breve descripción escrita de una imagen, establecida en el atributo HTML alt (por ejemplo, alt="Bota Chelsea de cuero negro, perfil lateral"). Es invisible en la página pero leído en voz alta por los lectores de pantalla, mostrado cuando una imagen no se carga, y analizado por los motores de búsqueda con IA y los crawlers de búsqueda. El criterio de éxito 1.1.1 de WCAG 2.1 requiere una alternativa textual para todo el contenido no textual — lo que significa que cada imagen significativa necesita texto alternativo.
Los motores de búsqueda con IA como ChatGPT, Perplexity y Google AI Overviews citan cada vez más contenido multimodal. La mayoría no ejecuta visión en cada imagen — leen el texto alternativo, los pies de imagen y el HTML circundante para decidir qué muestra una imagen y si citar la página. Las páginas donde el texto, las imágenes y los datos estructurados refuerzan el mismo tema son citadas mucho más a menudo. Esta métrica forma parte del pilar de Fundamento Técnico en tu GEO-Score.
Por qué el texto alternativo importa para la búsqueda con IA
El texto alternativo es una de las pocas señales que cumple un triple deber: es un requisito legal de accesibilidad, un factor de ranking confirmado de la búsqueda de imágenes y la entrada de texto principal que los motores de búsqueda con IA usan para interpretar tus elementos visuales. Saltárselo te cuesta en los tres frentes simultáneamente.
La accesibilidad es la línea base (y la ley)
WCAG 2.1 Nivel A requiere una alternativa textual para todo el contenido no textual. El estudio WebAIM Million 2025 encontró que el 18,5% de todas las imágenes de la página de inicio aún carecen de texto alternativo — y la falta de texto alternativo es la violación de WCAG más común citada en las 3.117 demandas de accesibilidad de sitios web ADA Title III presentadas en 2025.
Los motores de búsqueda con IA citan páginas multimodales más a menudo
Wellows analizó 15.847 resultados de AI Overview en 63 industrias y encontró que las páginas que combinan texto, imágenes, video y datos estructurados ven tasas de selección un 156% más altas — con la integración multimodal completa más schema entregando hasta un 317% más de citas. El texto alternativo es lo que convierte una imagen en una señal citable.
La búsqueda de imágenes y las citas visuales necesitan texto
Google Lens procesa más de 12 mil millones de consultas visuales por mes y crece un 30% por año. El texto alternativo descriptivo es la acción de SEO de imagen de mayor impacto — pero un estudio de Backlinko de 65.388 búsquedas visuales encontró que solo el 11,4% de las imágenes en ranking tenían texto alternativo coincidente con la consulta.
Lo que dice la investigación
Pages that combine text, images, video, and structured data see 156% higher selection rates in AI Overviews, with full multi-modal plus schema integration delivering up to 317% more citations. Multi-modal integration showed a 0.92 correlation coefficient — the biggest ranking shift of 2025.
— Wellows, Google AI Overviews Ranking Factors Study (15,847 results, 63 industries), 2026
18.5% of all home page images had missing alternative text — about 11 missing alt attributes per page on average. A further 11% of images with alt text used questionable values like "image", "graphic", a file name, or duplicates of adjacent text.
— WebAIM Million 2025, Accessibility Audit of 1,000,000 Home Pages
Only 11.4% of all Google Lens result images contain alt text terms that match the keyword someone just searched for. Contextually rich alt text can improve visual search discovery by up to 35%, particularly for e-commerce and product-focused sites.
— Backlinko, Google Lens Study of 65,388 Visual Searches, 2025
Ejemplos reales: malo vs. bueno
La calidad del texto alternativo es binaria en la práctica — o es útil para un lector de pantalla y un analizador de IA, o es ruido. Estos tres escenarios del mundo real muestran cómo pequeños cambios de redacción cambian una imagen de invisible a citable.
Ejemplo 1: Imagen de producto de e-commerce (bota Chelsea)
<img src="image1.jpg" alt="image1.jpg">
Por qué falla: El nombre del archivo como texto alternativo no da información sobre el producto. Los lectores de pantalla leerán "image one dot jay peg". Google Image Search no tiene señal para emparejar la consulta "bota Chelsea negra". Los motores de búsqueda con IA ven la imagen pero no pueden describirla ni citarla.
<img src="chelsea-boot-black.jpg" alt="Bota Chelsea de cuero negro, perfil lateral, talla 10 hombre, con elástico lateral y lengüeta">
Por qué funciona: Un comprador ciego escucha el producto exacto. Google puede emparejar el texto alternativo con consultas de color, estilo y talla. ChatGPT y Perplexity pueden citar esta página cuando se les pregunta "mejores botas Chelsea negras para hombre". Misma imagen — resultado totalmente diferente.
Ejemplo 2: Imagen hero de blog (artículo sobre trabajo remoto)
<img src="hero-banner.png">
Por qué falla: Sin atributo alt en absoluto, muchos lectores de pantalla recurren a leer el nombre del archivo ("hero banner dot p n g"). Viola WCAG 1.1.1 Nivel A. Los crawlers de IA no pueden colocar la imagen en contexto, y la página pierde el aumento de citas multimodales que midió Wellows.
<img src="remote-team-video-call.png" alt="Equipo de ingeniería distribuido en una videollamada, con pantalla compartida mostrando un tablero Kanban">
Por qué funciona: El texto alternativo describe tanto el sujeto como el contexto, reforzando el tema del artículo. Los motores de búsqueda con IA ahora tienen señales alineadas (encabezado, cuerpo, alt de imagen) — exactamente el patrón multimodal que gana un 156% más de citas en AI Overview.
Ejemplo 3: Visualización de datos (gráfico de ingresos trimestrales)
<img src="q4.png" alt="chart">
Por qué falla: WebAIM marcó "chart" como un valor alt cuestionable clásico (el 11% de todo el texto alternativo en la web es este tipo de placeholder). Un usuario de lector de pantalla no aprende nada. Los motores de búsqueda con IA no pueden extraer los números y omitirán la página al resumir las tendencias de ingresos.
<img src="q4-revenue-bar-chart.png" alt="Gráfico de barras de ingresos trimestrales 2025: T1 4,2M USD, T2 4,8M USD, T3 5,1M USD, T4 6,7M USD — 60% de crecimiento interanual">
Por qué funciona: El tipo de gráfico está nombrado, los cuatro puntos de datos están listados y se incluye la conclusión principal. Se cumple la guía de imágenes complejas de WCAG, y los motores de búsqueda con IA pueden citar los números reales en respuestas sobre tendencias de ingresos.
learnImageAltText.decisionTree.title
learnImageAltText.decisionTree.intro
learnImageAltText.decisionTree.items.decorative.question
learnImageAltText.decisionTree.items.decorative.answer
learnImageAltText.decisionTree.items.informative.question
learnImageAltText.decisionTree.items.informative.answer
learnImageAltText.decisionTree.items.functional.question
learnImageAltText.decisionTree.items.functional.answer
learnImageAltText.decisionTree.items.complex.question
learnImageAltText.decisionTree.items.complex.answer
learnImageAltText.decisionTree.items.text.question
learnImageAltText.decisionTree.items.text.answer
learnImageAltText.altTextFormulas.title
learnImageAltText.altTextFormulas.intro
| Image Type | Formula | Example |
|---|---|---|
| learnImageAltText.altTextFormulas.formulas.product.type | learnImageAltText.altTextFormulas.formulas.product.formula | learnImageAltText.altTextFormulas.formulas.product.example |
| learnImageAltText.altTextFormulas.formulas.screenshot.type | learnImageAltText.altTextFormulas.formulas.screenshot.formula | learnImageAltText.altTextFormulas.formulas.screenshot.example |
| learnImageAltText.altTextFormulas.formulas.dataViz.type | learnImageAltText.altTextFormulas.formulas.dataViz.formula | learnImageAltText.altTextFormulas.formulas.dataViz.example |
| learnImageAltText.altTextFormulas.formulas.hero.type | learnImageAltText.altTextFormulas.formulas.hero.formula | learnImageAltText.altTextFormulas.formulas.hero.example |
| learnImageAltText.altTextFormulas.formulas.diagram.type | learnImageAltText.altTextFormulas.formulas.diagram.formula | learnImageAltText.altTextFormulas.formulas.diagram.example |
Cómo mejorar el texto alternativo de tus imágenes
NO hagas esto
- ✗Omitir el atributo alt por completo — muchos lectores de pantalla leerán el nombre del archivo en voz alta, lo que es peor que nada
- ✗Usar nombres de archivo en bruto como IMG_1234.jpg, screenshot-final-v2.png o hero.webp como valor alt
- ✗Comenzar cada alt con "Imagen de" o "Foto de" — los lectores de pantalla ya anuncian el elemento como una imagen, así que solo desperdicia caracteres
- ✗Llenar el texto alternativo con palabras clave no relacionadas — Google llama explícitamente a esto spam en su documentación de SEO de imágenes y puede penalizar la página
- ✗Dejar imágenes decorativas (divisores, adornos de fondo) sin alt="" — sin un alt vacío, los lectores de pantalla pueden intentar describir elementos visuales sin sentido
Haz esto en su lugar
- ✓Describe lo que muestra la imagen Y por qué está en la página — contenido + contexto, no solo etiquetas
- ✓Para gráficos, infografías y capturas de pantalla, comienza con el tipo ("Gráfico de barras...", "Captura de pantalla de...", "Diagrama que muestra...")
- ✓Mantén el texto alternativo en el rango de 80-125 caracteres — lo suficientemente largo para ser específico, lo suficientemente corto para que los lectores de pantalla no lo trunquen
- ✓Usa alt="" (sin espacio entre las comillas) para imágenes decorativas para que los lectores de pantalla y la IA las omitan limpiamente
- ✓Asegúrate de que el nombre del archivo, el texto alternativo, el pie de imagen y el párrafo circundante describan todo lo mismo — las señales alineadas ganan en la búsqueda con IA
Consejos rápidos para un mejor texto alternativo
- •Añade un atributo alt a cada etiqueta img — descriptivo para imágenes de contenido, alt="" para las decorativas. No hay una tercera opción.
- •Apunta a 80-125 caracteres. Lo suficientemente largo para ser específico, lo suficientemente corto para que JAWS y NVDA no trunquen la descripción.
- •Omite "Imagen de", "Foto de", "Foto que muestra". Los lectores de pantalla anuncian el rol ellos mismos — esas palabras son puro ruido.
- •Para gráficos, infografías y diagramas, escribe un alt corto MÁS una descripción más larga en el texto circundante o una página de detalle enlazada.
- •Si una imagen también es un enlace, el texto alternativo debe describir el destino del enlace, no solo la imagen. WebAIM encontró que el 44% de las imágenes con alt faltante son enlaces.
- •Ejecuta una verificación gratuita de GEO-Score para detectar texto alternativo faltante o de baja calidad en tu página en segundos — corregir esto es una de las victorias más rápidas.
Preguntas frecuentes
¿Cuán largo debe ser el texto alternativo?
¿Cuál es la diferencia entre alt="" y un atributo alt faltante?
¿Los motores de búsqueda con IA como ChatGPT realmente leen el texto alternativo?
¿El texto alternativo ayuda a mi ranking en Google?
¿Cómo escribo texto alternativo para gráficos y infografías?
¿Puedo simplemente usar IA para autogenerar texto alternativo para todo mi sitio?
Métricas relacionadas para explorar
- Optimización para IA
El texto alternativo es una señal técnica de IA — mira el conjunto completo de optimizaciones que hacen que tu página sea legible para ChatGPT, Perplexity y AI Overviews.
- Estructura de contenido
Las señales alineadas ganan en la búsqueda con IA. Aprende cómo la jerarquía de encabezados y la colocación de imágenes trabajan juntas para hacer que los pasajes sean extraíbles.
- Validador de schema
Empareja el texto alternativo con el schema ImageObject para dar a los motores de búsqueda con IA metadatos estructurados. Schema más contenido multimodal es el aumento de citas del 317% que midió Wellows.
- Exhaustividad
Las páginas multimodales con texto, imágenes y datos cubren los temas de manera más completa. Aprende cómo la exhaustividad se acumula con el texto alternativo para la visibilidad en IA.