Atributo ALT

El texto alternativo (conocido en código como atributo alt) describe el contenido de una imagen en una página web.

Aunque su función original era mostrar esa descripción si la foto no lograba cargar, hoy en día es una pieza clave de accesibilidad y SEO. Por ejemplo, si publicas la foto de un bosque, este texto le permite a un lector de pantalla describirle la imagen en voz alta a una persona con discapacidad visual, al mismo tiempo que le enseña a Google y a los modelos de IA que allí hay «árboles, montañas y naturaleza».

¿Por qué el atributo alt es tan importante para SEO y GEO?

El texto Alt es un elemento esencial en cualquier arquitectura web porque actúa como el puente entre el contenido visual y la comprensión textual de los algoritmos. Aunque las imágenes son fundamentales para la experiencia del usuario, tanto los buscadores tradicionales como las inteligencias artificiales necesitan una descripción precisa en texto para interpretar lo que representa cada archivo gráfico. Por esta razón, optimizar las descripciones de tus imágenes impacta directamente en el rendimiento de tu estrategia digital en dos frentes simultáneos: el posicionamiento web clásico y la recomendación en motores generativos.

Además, a nivel de SEO tradicional, el texto alternativo cumple tres funciones cruciales. En primer lugar, permite que las arañas de Google entiendan e indexen la imagen para posicionarla en Google Imágenes. En segundo lugar, enriquece la semántica general de la página al aportar contexto sobre el tema que se está tratando. Por último, garantiza la accesibilidad web, ya que los lectores de pantalla utilizan este texto para describírselo a personas con discapacidad visual, un factor que los buscadores premian dentro de sus métricas de calidad.

Por otro lado, en el ámbito del GEO (Generative Engine Optimization), su relevancia va un paso más allá. Los modelos de lenguaje como ChatGPT, Perplexity, Gemini o Copilot leen el código web de forma holística para verificar datos. Si utilizas infografías o gráficos con atributos alt detallados, la IA puede extraer esa información como un dato verídico y citar tu web como fuente confiable.

Además, herramientas como los AI Overviews de Google eligen las imágenes que acompañan sus respuestas generativas evaluando si la descripción semántica del texto alternativo coincide exactamente con la consulta conversacional del usuario.

¿Cómo beneficia un texto Alt optimizado a tu visibilidad en ChatGPT, Gemini y Google?

• Inclusión en las respuestas generativas (AI Overviews): Cuando Google o Gemini generan una respuesta automática en la parte superior del buscador, eligen las imágenes que la acompañan evaluando si la descripción del texto alt coincide exactamente con la duda del usuario.
• Mención y citación de fuente en chats de IA (ChatGPT, Gemini, Perplexity): Cuando un usuario pide datos, gráficos o recomendaciones a un asistente virtual, la IA lee el código alt de tu web para verificar la información de la imagen y te cita con un enlace directo a tu sitio.
• Doble presencia en Google (Pestaña Web + Google Imágenes): Te permite competir en dos escaparates a la vez. Tu página puede aparecer en los resultados orgánicos tradicionales y, simultáneamente, en el módulo de imágenes superiores y en la pestaña de Google Imágenes.
• Aparición en búsquedas visuales y multimodales: Cuando un usuario busca subiendo una foto o captura a ChatGPT o Gemini («Lens»), la IA compara esa imagen con las descripciones alt indexadas en la web para encontrar coincidencias y recomendar tu sitio.
• Visibilidad en los fragmentos destacados (Featured Snippets): Google suele acompañar el cuadro de la «posición cero» con una imagen. Un atributo alt bien redactado aumenta las probabilidades de que tu foto sea la elegida para coronar el primer resultado de búsqueda.

¿Cómo redactar textos ALT que posicionen en Google y sean citados por la IA?

Para optimizar las descripciones de tus imágenes y lograr que tanto los algoritmos de búsqueda tradicionales como los modelos de lenguaje las reconozcan, procesen y utilicen en sus respuestas, no basta con añadir un par de palabras sueltas.

Si alguna vez te has preguntado por qué tus imágenes no aparecen en Google Imágenes o por qué la Inteligencia Artificial jamás cita las infografías que tanto trabajo te costó diseñar, la clave está en cómo estructuras este campo invisible para el lector común, pero vital para las máquinas.

En el equipo hemos probado multitud de enfoques y, al final, las pautas que mejor nos funcionan tanto en Google como en herramientas como ChatGPT o Perplexity se resumen en estos puntos:

• Describir el contenido de forma específica y contextual: En lugar de utilizar términos genéricos como alt=»zapatilla», redacta una descripción que detalle lo que aparece en la imagen y su relación con el artículo, como alt=»Zapatilla de running azul para entrenamiento de maratón en asfalto». Esto ayuda tanto a Google Imágenes como a la IA a comprender exactamente qué aporta esa fotografía al tema principal.
• Proporcionar datos concretos en gráficos e infografías: Los motores generativos buscan datos verificables para respaldar sus respuestas. Si la imagen incluye métricas, porcentajes o esquemas, resume esa información relevante dentro del texto alternativo para que los LLM puedan extraer el dato y citar tu web como fuente primaria.
• Mantener la naturalidad sin saturar con palabras clave (Keyword Stuffing): Integra la palabra clave principal o variaciones semánticas solo si describen fielmente la imagen. Evita listas de términos inconexos como alt=»agencia seo seo local posicionamiento google», ya que los algoritmos penalizan la sobreoptimización y los lectores de pantalla ofrecerán una mala experiencia al usuario.
• Prescindir de frases redundantes al inicio: Evita comenzar las descripciones con muletillas como «Imagen de…» o «Fotografía sobre…». Tanto el código HTML como las herramientas de inteligencia artificial ya identifican que se trata de un archivo de imagen, por lo que debes ir directo a la descripción del elemento.
• Ajustar la longitud al nivel de complejidad visual: Para fotografías estándar o imágenes ilustrativas, mantén el texto en una extensión concisa de entre 80 y 125 caracteres. Sin embargo, si la imagen es una infografía compleja o un diagrama técnico, expande la descripción con el detalle semántico necesario para que la IA procese todo el flujo de información.
• Dejar el atributo vacío en elementos puramente decorativos: Si una imagen solo cumple una función estética (como bordes, iconos genéricos o separadores), utiliza el atributo sin texto (alt=»»). Esto evita generar ruido innecesario en la lectura de los rastreadores y asegura que los navegadores para personas con discapacidad visual ignoren los elementos irrelevantes.

Consejo LBR: Ten presente que la mayoría de los lectores de pantalla cortan la lectura del texto alternativo al llegar a los 125 caracteres. Procura mantener tus descripciones por debajo de este límite para no perjudicar la accesibilidad. Si necesitas aportar más contexto semántico sobre un gráfico complejo para que la IA lo interprete, utiliza una leyenda visible o apóyate en el propio cuerpo del texto.

Errores frecuentes al redactar el texto ALT que arruinan tu SEO y GEO

Incluso en sitios web con un buen posicionamiento, es común cometer fallos en las descripciones de las imágenes que arruinan el trabajo de optimización. Cuando un buscador o una inteligencia artificial encuentra un texto alternativo mal redactado, ambiguo o repetido, pierde la capacidad de entender la imagen y lo descarta por completo.

Para proteger la visibilidad de tus contenidos, presta atención a los 5 errores que debes evitar:

• Duplicar el mismo texto ALT en varias imágenes: Repetir una misma frase (como alt=»Agencia SEO») en todas las fotos de una página confunde a las arañas de rastreo y no aporta ningún contexto nuevo a la IA.
• Dejar el nombre automático del archivo: Mantener valores por defecto generados por cámaras o gestores de contenido (alt=»IMG_5092.jpg» o alt=»portada-final.png») hace que pierdas una oportunidad clave para posicionar palabras clave y entidades.
• Ignorar las traducciones en webs multiidioma: Dejar los textos alternativos en español dentro de las versiones en inglés o francés rompe la experiencia de los lectores de pantalla y perjudica el posicionamiento geolocalizado.
• Depender exclusivamente del texto integrado en la imagen: Las IA no siempre procesan el texto incrustado en infografías o carteles. Si no resumes la información clave dentro del atributo alt o en el texto del artículo, ese contenido será invisible para los modelos generativos.
• Añadir atributos ALT a imágenes cargadas por CSS: El atributo alt solo existe en etiquetas HTML nativas. Intentar optimizar fondos o iconos insertados mediante hojas de estilo CSS genera errores de código e impide que Google indexe la imagen.

Comprender la gravedad de estos fallos es el primer paso para no dejar tu trabajo al azar. Cada texto alternativo descuidado o mal estructurado actúa como un filtro invisible que frena la indexación de tus imágenes y te vuelve completamente invisible ante los motores generativos. Cuando eres consciente del impacto directo que tienen estos errores en tu rendimiento orgánico, dejas de tratar el atributo alt como un trámite aburrido para convertirlo en una ventaja competitiva real. Evitarlos activamente no solo protege tu trabajo previo, sino que garantiza que cada activo visual trabaje de forma constante a favor de tu autoridad y tu tráfico.

Preguntas frecuentes sobre los atributos alt

¿Qué ocurre si se omite por completo el atributo ALT en una etiqueta de imagen?

Si omites el atributo alt, la web falla en las auditorías de código HTML y los lectores de pantalla leen en voz alta la URL del archivo, arruinando la accesibilidad. Existe una gran diferencia técnica entre no poner el atributo y dejarlo vacío: si no lo incluyes, el sistema no sabe si la imagen importa y lee nombres molestos como «imagen-1803.jpg». Si la imagen es informativa, debes redactar su descripción; si es meramente decorativa, la regla técnica es incluir siempre el atributo pero dejarlo completamente vacío (alt=»») para indicarle al navegador y a la IA que la ignoren por completo.

¿Este atributo influye en el posicionamiento de productos dentro de un eCommerce?

Sí, el texto alternativo le enseña a Google y a la IA las características exactas de cada producto (como color, talla, modelo o material) para mostrarlos en búsquedas con intención de compra. En tiendas online, escribir un texto específico para cada foto evita que las variantes se confundan entre sí. Además, esto permite que tus productos aparezcan en los filtros de Google Shopping, en la pestaña de imágenes de e-Commerce y en las recomendaciones directas que hacen los asistentes de Inteligencia Artificial cuando un usuario busca qué comprar.

¿Este atributo influye en el posicionamiento de productos dentro de un eCommerce?

Si la imagen funciona como un botón o enlace, la descripción debe explicar qué pasa al hacer clic; si la foto solo muestra una marca y no se puede hacer clic, debe indicar qué empresa es.

Para entenderlo de forma sencilla, la regla cambia según lo que hace la imagen en la pantalla:

• Logotipo de la cabecera (con enlace al inicio): Al hacer clic, te lleva a la portada de la web. Por eso, el texto no debe decir alt=»Logo», sino alt=»Página de inicio de Empresa X», para que el usuario o la IA sepan a dónde van a ir.
• Logotipo de un cliente o patrocinador (sin enlace): Solo está ahí para enseñar que trabajas con esa marca. No lleva a ningún sitio. En este caso, debes escribir alt=»Logotipo de Empresa X» para que Google entienda qué marca aparece en la web.
• Botón gráfico (para descargar un archivo o enviar un formulario): Explica la acción directa. En lugar de alt=»Botón rojo», debes poner alt=»Descargar guía de SEO en PDF».

¿El texto ALT sustituye a las etiquetas title o caption en el marcado HTML?

No, cada atributo cumple una función técnica totalmente diferenciada en el código:

• Texto ALT (invisible en la pantalla): Es la descripción interna que leen Google, la Inteligencia Artificial y los lectores de pantalla para ciegos. Es el único elemento imprescindible para el SEO y la accesibilidad.
• Caption o pie de foto (figcaption, visible en la pantalla): Es el texto explicativo que aparece justo debajo de la imagen para todos los lectores humanos. Sirve para aportar contexto extra, como la fuente de una imagen o los detalles de una gráfica.
• Title (cuadro flotante opcional): Es el pequeño cartel de texto que aparece al pasar el ratón por encima de la foto. No sirve para posicionar en Google ni aporta valor a la IA, por lo que es totalmente prescindible.

¿El texto ALT sustituye a las etiquetas title o caption en el marcado HTML?

El texto ALT describe la imagen directamente en la página, mientras que el marcado Schema ImageObject actúa como un documento oficial que le confirma a Google y a la Inteligencia Artificial los datos técnicos de esa foto. Para que ambos elementos funcionen en equipo, el valor que pones en el código HTML de la imagen debe coincidir exactamente con lo que declaras en las propiedades description y caption del bloque de datos estructurados JSON-LD. Esta coincidencia le permite a los motores de búsqueda y a las herramientas generativas verificar la autenticidad, autoría y contexto del archivo visual dentro de su base de datos, evitando contradicciones que puedan hacerles dudar de la veracidad de tu contenido.

¿Puedo usar Inteligencia Artificial para generar los textos ALT de mi web automáticamente?

Sí, es una solución ideal para ahorrar tiempo en webs con muchas imágenes, pero siempre debes dar el visto bueno final para asegurar que el texto encaje con tu estrategia.

El motivo es muy sencillo:

• ¿En qué ayuda la IA? Lee la foto al instante e identifica colores, objetos, marcas y texto dentro de la imagen. Esto te ahorra horas de redacción manual en catálogos de cientos o miles de fotos.
• ¿Por qué debes revisarlo? La IA ve lo que hay en la foto, pero no sabe qué artículo estás escribiendo ni qué palabra clave quieres posicionar en Google. Además, a veces puede interpretar mal un elemento visual.

En resumen, usa la IA para crear las descripciones en segundos y haz una revisión rápida para asegurarte de que la frase apunte a la palabra clave que te interesa.

¿Cómo puedo detectar las imágenes de mi web que no tienen texto ALT o están duplicadas?

La forma más eficiente es realizar un rastreo técnico del dominio utilizando programas de auditoría SEO. Herramientas como Screaming Frog, Ahrefs o Sitebulb escanean la web al completo y agrupan los errores de imágenes en pestañas específicas. Para encontrar los fallos en segundos, solo debes aplicar los filtros «Missing Alt Text» (imágenes a las que les falta la descripción) y «Duplicate Alt Text» (imágenes que repiten el mismo texto exacto). Esto te permite exportar un listado ordenado para corregir las descripciones en lote dentro de tu gestor de contenidos.