Texto alternativo

TL;DR — El texto alternativo es un sustituto breve que añades a una imagen para que las personas que no pueden verla —y los motores de búsqueda— sepan para qué sirve. Se añade con el atributo alt del elemento <img>. Es un componente de la accesibilidad (no garantiza por sí solo la conformidad completa) y ayuda a que tus imágenes aparezcan en la búsqueda de imágenes. Describe qué función cumple la imagen en esa página, no solo qué muestra; no introduzcas palabras clave a la fuerza; usa un alt="" vacío para imágenes puramente decorativas; y en botones con iconos e imágenes enlazadas describe la acción o el destino.

Qué es el texto alternativo

Cuando colocas una imagen en una página web, el código tiene este aspecto:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

Esa parte alt="..." es el texto alternativo, abreviatura de alternative text. Es un sustituto escrito de la imagen: una descripción breve de lo que muestra o hace. Si no se puede ver la imagen, se utiliza el texto alternativo en su lugar.

A menudo oirás que la gente lo llama «etiqueta alt». Es el nombre común, pero no es del todo correcto: <img> es la etiqueta y alt es un atributo de ella. Aquí usaré «texto alternativo» y «atributo alt», pero si dices «etiqueta alt», todo el mundo sabrá a qué te refieres.

Un buen texto alternativo no es una plantilla fija de descripción: se elige según lo que la imagen hace en esa página concreta, no solo según lo que se ve en ella. La misma foto puede necesitar un texto alternativo diferente (o ninguno) en otro lugar, dependiendo de lo que deba comunicar y de lo que ya diga el texto que la rodea.

Por qué importa

El texto alternativo cumple dos funciones importantes:

• Accesibilidad. Las personas ciegas o con baja visión utilizan lectores de pantalla que leen las páginas en voz alta. Cuando el lector llega a una imagen, lee el texto alternativo. Sin texto alternativo no reciben nada útil o, peor aún, el lector anuncia el nombre del archivo de la imagen. No es un detalle opcional: la ausencia de texto alternativo es una de las cosas que más se señalan en las demandas por accesibilidad de sitios web.
• SEO de imágenes. Los motores de búsqueda no pueden «ver» una imagen como tú. El texto alternativo es la principal forma de indicar a Google y Bing de qué trata, lo que ayuda a que tus imágenes aparezcan en la búsqueda de imágenes.

Cómo escribir un buen texto alternativo

Unas reglas sencillas:

• Describe lo que realmente hay en la imagen dentro del contexto de tu página. «Cachorro dálmata jugando a buscar una pelota en un parque» está muy bien. «puppy dog pup pups doggies» es saturación de palabras clave; no lo hagas.
• No empieces por «Imagen de» o «Foto de». Los motores de búsqueda y los lectores de pantalla ya saben que es una imagen. Limítate a describirla.
• Sé breve. Una frase o una oración. No necesitas un párrafo.
• Para las imágenes decorativas, usa un alt="" vacío. Si una imagen es solo una línea divisoria o un adorno de fondo que no aporta nada, ponle alt="" (sin nada entre las comillas). Eso indica a los lectores de pantalla que deben saltarla. No elimines por completo el atributo alt: de hecho, eso es peor. La prueba es esta: si la imagen no añade información más allá de lo que la página ya dice en otro lugar, es decorativa.
• En botones y controles que solo tienen un icono, describe la acción, no el icono. Un botón de búsqueda con un icono de lupa debe decir alt="Search", no alt="Magnifying glass": la persona necesita saber qué ocurre al activarlo.

El error más común

El texto alternativo ayuda sobre todo a la búsqueda de imágenes, no al ranking de la búsqueda web normal. Muchas guías dan a entender que añadir texto alternativo a tus imágenes hará que tu página suba en los resultados normales. No funciona así: John Mueller, de Google, lo ha dicho muchas veces. El texto alternativo ayuda a encontrar tus imágenes en la búsqueda de imágenes y añade un poco de texto a la página, pero no es una palanca mágica de ranking para la búsqueda web.

¿Quieres la versión precisa —las citas exactas de Google, la diferencia entre búsqueda de imágenes y búsqueda web, imágenes decorativas, imágenes enlazadas y cómo encontrar texto alternativo ausente a escala? Cambia a la pestaña Avanzado.

TL;DR — El texto alternativo es el valor del atributo alt en un elemento <img>: lo exige HTML, es necesario para la accesibilidad y es el elemento más importante de los metadatos de una imagen para la búsqueda. El matiz que más suelen estropear las guías: afecta principalmente a la búsqueda de imágenes, no al ranking web (Mueller lo ha repetido). Google lo lee junto con la visión artificial y el contexto de la página, así que escribe para el contexto, no para una descripción desnuda. No satures de palabras clave, no empieces por «imagen de» y usa alt="" (no un atributo ausente) para las imágenes decorativas. En una imagen enlazada, el texto alternativo funciona como texto de anclaje. Google no tiene un límite de caracteres; 155 caracteres es una pauta de redacción. La ausencia de alt es el problema técnico más común de la web: el 80,4 % de los sitios tiene al menos uno.

Qué es realmente el texto alternativo

El texto alternativo es el valor del atributo alt de un elemento HTML <img>:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch">

Es un sustituto textual breve de la imagen: para usuarios de lectores de pantalla, rastreadores y navegadores en los que la imagen está desactivada o no se carga. Conviene acertar con una cuestión terminológica: se suele llamar «etiqueta alt», pero es un nombre incorrecto. La etiqueta es <img>; alt es un atributo de esa etiqueta. El nombre está tan arraigado que no voy a combatirlo, pero el término preciso es atributo alt, y el texto que contiene es el texto alternativo.

La especificación HTML exige el atributo alt en los elementos <img>. Omitirlo por completo es un error de conformidad. Un valor vacío (alt="") es válido y tiene significado: es la forma correcta de marcar una imagen decorativa (volveremos a ello más adelante).

Elegir qué escribir no consiste en aplicar una receta universal de descripción. El texto alternativo correcto depende del propósito de la imagen en ese lugar concreto de la página, no de un inventario literal de lo que aparece en el encuadre. La misma imagen puede necesitar legítimamente textos alternativos distintos (o uno vacío) según dónde esté y según lo que ya comunique el contenido que la rodea; no existe un único pie «correcto» independiente del contexto.

El texto alternativo tiene dos funciones SEO distintas, y una está exagerada

Esta es la diferencia que difuminan la mayoría de las guías sobre «texto alternativo para SEO», y ahí está el verdadero valor de esta página. El texto alternativo hace dos cosas distintas para la búsqueda:

1. Añade texto a la página. Google cuenta el texto alternativo como parte del texto de la página. Mueller: “The alt text is essentially shown when the images are turned off in most browsers, so that’s something that we would count as part of the on-page text.” (traducción) «El texto alternativo se muestra básicamente cuando las imágenes están desactivadas en la mayoría de los navegadores, así que es algo que contaríamos como parte del texto de la página». Es real, pero de poca importancia.

2. Indica de qué trata una imagen, para la búsqueda de imágenes. Esta es su función principal. La documentación de Google llama al texto alternativo “the most important attribute” (traducción) «el atributo más importante» para proporcionar metadatos de imagen, y Mueller sitúa su efecto en la búsqueda de imágenes: “if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant.” (traducción) «si alguien busca en Google Images algo que coincide de alguna forma con el texto alternativo, podemos usarlo para entender que tu imagen es relevante».

Este es el punto que debes interiorizar: añadir texto alternativo no hace que una página suba en la búsqueda web simplemente porque tenga imágenes. Mueller lo expresó directamente: “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (traducción) «No diríamos que una página web textual tiene más valor porque tiene imágenes. Simplemente vemos el texto alternativo y lo aplicamos a la imagen y, si alguien busca la imagen, podemos usarlo para entenderla mejor».

Así que si tu objetivo es la visibilidad en la búsqueda de imágenes (y el tráfico de referencia que aporta), el texto alternativo importa mucho. Si esperas que por sí solo eleve tus rankings web de enlaces azules, estás usando la herramienta equivocada. Este es el mismo punto que planteo en mi artículo sobre SEO de JavaScript: para la búsqueda web, el texto alternativo cuenta como texto de la página, pero su importancia suele exagerarse; su beneficio real está en la búsqueda de imágenes y la accesibilidad.

No es la única señal que utiliza Google

El texto alternativo no se lee de forma aislada. Google dice: “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (traducción) «Google utiliza el texto alternativo junto con algoritmos de visión artificial y el contenido de la página para entender el tema de la imagen». La visión artificial ya puede saber que es una playa. El trabajo del texto alternativo es aportar lo que el modelo no puede inferir: el contexto; por qué esta imagen está en esta página y qué significa aquí. Por eso encaja tan bien el consejo de Mueller de 2024: una IA que genera “photo of a beach” (traducción) «foto de una playa» describe técnicamente los píxeles, pero desperdicia la oportunidad, porque “the alt-text is unique in that it’s what directly connects the image to the page with context.” (traducción) «el texto alternativo es único porque conecta directamente la imagen con la página mediante el contexto». La misma foto de una playa puede merecer un texto alternativo diferente en una página de surf, un anuncio inmobiliario o un artículo sobre el clima.

Accesibilidad y consecuencias legales

Antes de ser un recurso de SEO, el texto alternativo es un requisito de accesibilidad. El criterio de conformidad 1.1.1 de WCAG 2.x (Contenido no textual), nivel A exige una alternativa textual para el contenido no textual. Los usuarios de lectores de pantalla dependen de ella; sin ella, una imagen es un punto muerto de la página y un atributo alt omitido puede hacer que algunos lectores anuncien el nombre de archivo sin procesar.

Ese es uno de docenas de criterios de conformidad. Hacer bien el texto alternativo satisface el 1.1.1 para tus imágenes, pero por sí solo no establece la conformidad completa con WCAG ni el cumplimiento de la ADA para una página o un sitio. También dependen de otros criterios (contraste de color, acceso mediante teclado, etiquetas de formularios, estructura de encabezados y más). Trata el texto alternativo como una pieza necesaria de la accesibilidad, no como el conjunto.

Esto tiene consecuencias reales. Los atributos alt ausentes se citan habitualmente en demandas de accesibilidad de sitios web en virtud de la ADA, que ascienden a miles cada año en EE. UU. Como señalo en mi guía de SEO de JavaScript, “missing alt attributes are an accessibility issue, which may turn into a legal issue.” (traducción) «los atributos alt ausentes son un problema de accesibilidad que puede convertirse en un problema legal». Eso cambia el enfoque de la solución: primero es una acción de conformidad y después una acción de SEO. También por eso los rastreadores SEO (incluido Ahrefs Site Audit) señalan la ausencia de alt entre los problemas técnicos.

Cómo escribir un texto alternativo que funcione

• Empieza por el contexto, no por un pie de foto. Describe qué significa la imagen para la página, no solo qué se ve en ella. Mueller, sobre la búsqueda de imágenes: “you don’t necessarily need to describe exactly what is in the image, but rather kind of like what this image means for your particular page.” (traducción) «no tienes por qué describir exactamente qué hay en la imagen, sino más bien qué significa para tu página concreta».
• No empieces por «Imagen de» o «Foto de». Lizzi Sassman, de Google: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (traducción) «sabemos que se trata de una imagen. No necesitas decir “es una imagen de” y después el objeto». Una frase descriptiva está bien; no tiene que ser una oración completa.
• Usa las palabras clave con naturalidad, nunca las amontones. Google: “focus on creating useful, information-rich content that uses keywords appropriately and is in context.” (traducción) «centrarse en crear contenido útil y rico en información que utilice las palabras clave de forma apropiada y dentro de contexto». Y la advertencia: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (traducción) «evita llenar los atributos alt de palabras clave… porque produce una experiencia negativa y puede hacer que tu sitio se considere spam». Gary Illyes lo resumió así: el texto alternativo “shouldn’t be what you want to rank for, but what’s in the image.” (traducción) «no debería ser aquello para lo que quieres posicionar, sino lo que hay en la imagen».
• No copies en el alt el párrafo que lo rodea. Mueller: “I wouldn’t just blindly copy and paste the same text that you already have on a page as an alt text.” (traducción) «no copiaría y pegaría sin más el mismo texto que ya tienes en una página como texto alternativo». El atributo alt es una oportunidad única de añadir contexto, no un duplicado.
• Google no tiene un límite de caracteres. Mueller: “we don’t have any guidelines with regards to how long your alt text can be.” (traducción) «no tenemos ninguna pauta sobre cuánto puede medir tu texto alternativo». Los «125 caracteres» que se citan tanto proceden de herramientas de accesibilidad; la Developer Documentation Style Guide de Google sugiere 155 caracteres o menos como pauta de redacción, no como límite estricto. Mantenlo breve porque las descripciones largas interrumpen el flujo de lectura de los usuarios de lectores de pantalla, no porque Google lo trunque.
• Usa un texto alternativo coherente para imágenes repetidas. Si la misma imagen aparece en varios lugares, dale el mismo texto alternativo.

Imágenes decorativas: alt="", no un alt ausente

Para las imágenes puramente decorativas —espaciadores, separadores y adornos de fondo que no contienen información— el patrón correcto es un atributo alt vacío:

<img src="divider.svg" alt="">

alt="" indica a la tecnología de asistencia que la imagen es decorativa y debe omitirse. Esto no equivale a dejar fuera el atributo. Omitir alt por completo infringe la especificación HTML y puede hacer que algunos lectores de pantalla lean el nombre del archivo en voz alta. Por tanto: una imagen decorativa lleva alt="" (el valor vacío está presente), nunca un atributo ausente ni una descripción. Como digo en mi guía de SEO de JavaScript, corrige el alt de las imágenes del contenido principal, pero en imágenes de relleno o decorativas puedes dejarlo vacío (es decir, alt="").

La prueba de «decorativa» es esta: ¿la imagen añade información que la página no comunique ya en otro lugar —en el texto circundante, un pie o la estructura de la página—? Si no (un espaciador, un icono repetido junto a un texto que ya dice lo mismo o una foto de archivo utilizada como mero relleno visual), es decorativa y lleva alt="". Si añade información que no aporta ninguna otra cosa de la página, no es decorativa, por pequeña o estilizada que parezca.

Imágenes funcionales: describe la acción, no el icono

Algunas imágenes no son ni puramente decorativas ni una imagen informativa sencilla: son controles, como un botón de búsqueda que solo tiene un icono, un icono de menú hamburguesa o un botón de reproducción en una miniatura de vídeo. En estos casos, el texto alternativo debe describir qué hace el control al activarlo, no el aspecto del icono.

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes the action -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

Un usuario de lector de pantalla que oye «icono de lupa» no sabe qué ocurre al activar el control; «Buscar» se lo indica de inmediato. Es el mismo principio que se aplica más abajo a las imágenes enlazadas: el texto alternativo sirve a la función de la imagen en la página, pero aquí se aplica incluso cuando no hay ningún elemento <a>.

Imágenes enlazadas: el texto alternativo se convierte en texto de anclaje

Cuando una imagen es un enlace —está dentro de un elemento <a>—, su texto alternativo funciona como texto de anclaje de ese enlace. Google dice: “Alt text in images is useful as anchor text if you decide to use an image as a link.” (traducción) «El texto alternativo de las imágenes es útil como texto de anclaje si decides utilizar una imagen como enlace». Un enlace formado solo por una imagen con alt vacío equivale a un texto de anclaje vacío, lo que perjudica tanto la accesibilidad (el lector de pantalla no puede describir el destino) como la señal del enlace. En una imagen enlazada, el texto alternativo debe describir adónde conduce el enlace, no solo qué muestra la imagen.

Delimita esto con precisión: lo que documenta Google se refiere específicamente a utilizar el texto alternativo como texto de anclaje de un enlace rastreable. Es más limitado que el cálculo completo del «nombre accesible» que utilizan los navegadores y las tecnologías de asistencia, que también pueden obtener información de aria-label, aria-labelledby o del texto circundante del enlace. El texto alternativo es una entrada en ese cálculo más amplio, no todo el cálculo.

Los SVG son diferentes

Los elementos <svg> insertados directamente no aceptan un atributo alt; este es para <img>. Para dar un nombre accesible a un SVG insertado, usa un elemento <title> referenciado con aria-labelledby:

<svg role="img" aria-labelledby="logo-title">
  <title id="logo-title">Acme Corp logo</title>
  <!-- paths… -->
</svg>

(Un SVG referenciado mediante <img src="logo.svg"> usa un atributo alt normal como cualquier otra imagen; esto solo se aplica al marcado SVG insertado directamente).

Antipatrones que debes evitar

• Saturar de palabras clave: la señal de spam contra la que Google advierte expresamente.
• Copiar literalmente el párrafo circundante en el atributo alt.
• Empezar por «Imagen de» o «Foto de»: es redundante.
• Omitir alt en imágenes decorativas en vez de usar alt="".
• Descripciones generadas por IA del tipo «foto de X» que ignoran el contexto de la página.
• Poner el nombre de tu empresa en atributos alt vacíos. Mueller fue tajante sobre esto: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (traducción) «No tiene sentido, me parece una pérdida de tiempo: primero se pierde tiempo al implementarlo y después se vuelve a perder al limpiarlo».
• Confundir alt con el atributo title. El atributo title aparece como una sugerencia al pasar el cursor; no es texto alternativo y tiene poco peso SEO o de accesibilidad.

Encontrar y corregir el texto alternativo ausente

Los atributos alt ausentes no son un caso excepcional: son el estado de fallo predeterminado de la web. En nuestro estudio de auditoría de sitios de más de un millón de dominios, el 80,4 % de los sitios tenía atributos alt ausentes en al menos una página, lo que lo convirtió en el problema técnico de SEO más frecuente que encontramos.

Para encontrarlos:

• Ahrefs Site Audit → informe Images señala las imágenes a las que les falta el atributo alt en tu sitio. (Ahrefs Webmaster Tools te lo ofrece gratis para los sitios que verifiques).
• Comprobaciones manuales puntuales: inspecciona el elemento en imágenes de contenido importantes o utiliza una extensión de accesibilidad del navegador.

Orden de prioridad al corregirlas:

1. Primero las imágenes del contenido principal: las que transmiten significado y pueden conseguir tráfico de búsqueda de imágenes.
2. Después las imágenes enlazadas: un alt vacío aquí cuesta el doble (texto de anclaje y accesibilidad).
3. Por último las imágenes decorativas: la solución es alt="", no una descripción.

Una nota sobre las expectativas: las pruebas divididas de SearchPilot sobre añadir texto alternativo han sido inconcluyentes / no estadísticamente significativas para los rankings web, en consonancia con el punto anterior de que el beneficio del texto alternativo está en la búsqueda de imágenes y la accesibilidad, no en una mejora del ranking web. Y este es el mensaje tranquilizador de Mueller para los sitios que parten de una cobertura nula: “if you’re just adding alt text for the first time, then sometimes, even any alt text is better than nothing.” (traducción) «si estás añadiendo texto alternativo por primera vez, a veces incluso cualquier texto alternativo es mejor que nada».

Dicho claramente: nada de este artículo respalda una garantía de que corregir el texto alternativo mueva los rankings, el tráfico o las citas de búsqueda con IA en una cantidad concreta. Ninguna fuente oficial revisada promete eso y las pruebas divididas anteriores son inconcluyentes. Lo que el texto alternativo hace de forma fiable es cerrar una brecha de accesibilidad y proporcionar al algoritmo de Google Image Search los metadatos que Google dice explícitamente que utiliza.

Para una visión más amplia —nombres de archivo, sitemaps de imágenes, carga diferida, formatos e imágenes adaptables— consulta el centro general de SEO de imágenes del que forma parte este artículo.

Resumen de IA

Una síntesis de la versión avanzada:

• Qué es: el texto alternativo es el valor del atributo alt de un elemento <img>, un sustituto textual breve elegido según el propósito y contexto de la imagen, no un inventario literal de píxeles. Lo exige HTML. Se suele llamar incorrectamente «etiqueta alt» (<img> es la etiqueta; alt es el atributo).
• Dos funciones SEO, una exagerada: (1) añade texto a la página, algo real pero menor; (2) indica de qué trata una imagen para la búsqueda de imágenes, su valor principal. Añadir texto alternativo no eleva los rankings web solo porque una página tenga imágenes (Mueller lo ha repetido), y ninguna fuente oficial revisada promete un resultado de ranking, tráfico o citas de IA por añadirlo.
• No es la única señal: Google lee el texto alternativo junto con la visión artificial y el contexto de la página. Por eso escribe para el contexto —por qué la imagen está en esta página—, no un pie de “photo of a beach” (traducción) «foto de una playa» sin más.
• Accesibilidad y legalidad: WCAG 1.1.1 (nivel A) exige una alternativa textual; la ausencia de alt aparece con frecuencia en demandas de la ADA. Pero 1.1.1 es uno de muchos criterios: el texto alternativo por sí solo no establece la conformidad completa con WCAG ni el cumplimiento de la ADA para una página o sitio. Primero la conformidad, después el SEO.
• Reglas de redacción: empieza por el contexto; no abras con «imagen de»; usa las palabras clave con naturalidad (sin saturar ni aplicar una fórmula fija); no copies el párrafo circundante; no hay límite de caracteres de Google (155 caracteres es un objetivo de redacción de una guía de estilo, no un tope).
• Imágenes decorativas: usa alt="" (valor vacío presente), no un atributo ausente ni una descripción. La prueba: ¿añade información que la página no comunique ya en otro lugar? Si no, es decorativa.
• Imágenes funcionales: los botones y controles que solo tienen un icono (búsqueda, menú hamburguesa) llevan texto alternativo que describe la acción, no el aspecto del icono.
• Imágenes enlazadas: el texto alternativo funciona como texto de anclaje para un enlace rastreable, aunque es más limitado que el cálculo completo del «nombre accesible» que utilizan las tecnologías de asistencia.
• SVG: los SVG insertados usan <title> + aria-labelledby, no alt.
• Antipatrones: saturar de palabras clave, poner el nombre de la empresa en un alt vacío (Mueller: «una pérdida de tiempo») y confundir alt con el atributo title de información sobre herramientas.
• Escala del problema: el 80,4 % de los sitios tiene al menos un atributo alt ausente, el problema técnico más común de la web. Audita con el informe Images de Ahrefs Site Audit; corrige primero las imágenes de contenido y deja las decorativas (alt="") para el final.

Documentación oficial

Documentación de fuentes primarias de los motores de búsqueda.

Google

• Buenas prácticas de Google Images: referencia central sobre el texto alternativo como «el atributo más importante», la advertencia contra la saturación de palabras clave, el texto de anclaje de una imagen como enlace y ejemplos buenos y malos.
• Guía de inicio de SEO: texto alternativo descriptivo: el texto alternativo como texto que «explica la relación entre la imagen y tu contenido».
• Guía de estilo de la documentación para desarrolladores: texto alternativo: reglas concretas de redacción (155 caracteres, alt="" para decorativas, sin «Imagen de»/«Foto de» e incluyendo puntuación).
• Escribir texto alternativo útil (redacción técnica): guía de accesibilidad de Google; mantenerlo breve, explicarlo en contexto y usar un alt coherente en imágenes repetidas.
• web.dev: alternativas textuales para imágenes: alt descriptivo para imágenes importantes y alt="" vacío para las decorativas.

Bing / Microsoft

• Arquitectura del contenido para SEO (SEM 101): publicación antigua de Bing que presenta las imágenes como «zonas muertas para un bot» y los atributos alt como la forma de describirlas (usa palabras clave pertinentes, no las fuerces).
• Ser parte del ecosistema de Bing Image Search: cómo los nombres de archivo y el texto alternativo pueden ayudar a que una página aparezca en el carrusel de imágenes aunque no posicione en la primera página de la búsqueda web.

Citas de la fuente

Declaraciones registradas de Google. Cuando una página expone el texto, el enlace es profundo y salta al pasaje citado.

Documentación de Google: para qué sirve el texto alternativo

• “The most important attribute when it comes to providing more metadata for an image is the alt text… which also improves accessibility for people who can’t see images on web pages.” (traducción) «El atributo más importante para proporcionar más metadatos de una imagen es el texto alternativo… que también mejora la accesibilidad para las personas que no pueden ver imágenes en páginas web». Ir a la cita
• “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (traducción) «Google utiliza el texto alternativo junto con algoritmos de visión artificial y el contenido de la página para entender el tema de la imagen». Ir a la cita
• “Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.” (traducción) «Evita llenar los atributos alt de palabras clave (también conocido como saturación de palabras clave), porque produce una experiencia negativa y puede hacer que tu sitio se considere spam». Ir a la cita
• “Alt text in images is useful as anchor text if you decide to use an image as a link.” (traducción) «El texto alternativo de las imágenes es útil como texto de anclaje si decides utilizar una imagen como enlace». Ir a la cita

John Mueller, Google: el texto alternativo sirve para la búsqueda de imágenes

• “When it comes to the alt text, we primarily use that to better understand the image. So if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant for that alt text on that specific page.” (traducción) «En cuanto al texto alternativo, lo utilizamos principalmente para entender mejor la imagen. Así que, si alguien busca en Google Images algo que coincide de alguna forma con el texto alternativo, podemos usarlo para entender que tu imagen es relevante para ese texto alternativo en esa página concreta». — Office Hours, 18 de marzo de 2022. Escuchar · Cobertura de SEJ
• “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (traducción) «No afirmamos que una página textual gane valor solo por contener imágenes. Vemos el texto alternativo, lo aplicamos a la imagen y lo usamos para interpretarla mejor cuando alguien la busca». — Office Hours, 18 de marzo de 2022.
• “I think the important part here is we don’t have any guidelines with regards to how long your alt text can be.” (traducción) «Creo que lo importante aquí es que no tenemos ninguna pauta sobre cuánto puede medir tu texto alternativo». — Office Hours, 18 de marzo de 2022.
• “The alt-text is unique in that it’s what directly connects the image to the page with context… if you use AI to create alt texts based on the image file, and get ‘photo of a beach’ as the alt text for that image, you’re not getting the most out of the alt text, both for users & search engines.” (traducción) «el texto alternativo conecta directamente la imagen con la página mediante el contexto; si una IA solo produce “foto de una playa”, desperdicia parte de su valor tanto para usuarios como para buscadores». — Reddit r/SEO, septiembre de 2024. Hilo · Cobertura de SEJ
• Sobre poner el nombre de una empresa en atributos alt vacíos: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (traducción) «No tiene sentido, me parece una pérdida de tiempo: primero se pierde tiempo al implementarlo y después se vuelve a perder al limpiarlo». — Twitter, 2 de junio de 2022. Cobertura

Lizzi Sassman, Google: no digas «imagen de»

• “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (traducción) «el lector ya sabe que es una imagen; no hace falta introducirla con “es una imagen de” y luego nombrar el objeto». — Search Off the Record, «Hablemos de SEO de imágenes», octubre de 2022. Transcripción

Gary Illyes, Google: describe la imagen, no la palabra clave objetivo

• “Make sure to add alt attribute. This text shouldn’t be what you want to rank for, but what’s in the image.” (traducción) «Asegúrate de añadir el atributo alt. Este texto no debería ser aquello para lo que quieres posicionar, sino lo que hay en la imagen». — Ponencia principal de Pubcon, 17 de octubre de 2018. Cobertura

Lista de comprobación para auditar el texto alternativo

Una pasada para detectar los problemas de texto alternativo que realmente importan: primero la accesibilidad y después el SEO de imágenes:

• Atributos alt ausentes en imágenes de contenido: el problema n.º 1 (el 80,4 % de los sitios tiene al menos uno). Corrígelos primero.
• Las imágenes decorativas usan alt="" (valor vacío presente), no un atributo ausente ni una descripción.
• No hay ningún alt omitido: un atributo ausente infringe la especificación HTML y puede hacer que los lectores de pantalla lean el nombre de archivo.
• Las imágenes enlazadas tienen un alt significativo que describe el destino (alt = texto de anclaje en una imagen enlazada; alt vacío = texto de anclaje vacío).
• Las imágenes funcionales (botones/controles que solo tienen un icono) describen la acción: alt="Search", no alt="Magnifying glass icon".
• No hay saturación de palabras clave: ninguna cadena de sinónimos o palabras clave objetivo amontonadas.
• No se empieza por «Imagen de»/«Foto de»: entra directamente en la descripción.
• El alt no copia el párrafo circundante: debe añadir contexto único para esa imagen.
• El alt describe el contexto, no solo lo visual: qué significa la imagen en esta página, no una «foto de una playa» genérica.
• No se introduce el nombre de la empresa en atributos alt vacíos (Mueller: «una pérdida de tiempo»).
• No se confunde alt con title: el atributo title es una sugerencia al pasar el cursor, no texto alternativo.
• Las imágenes repetidas utilizan un texto alternativo coherente.
• Los SVG insertados usan <title> + aria-labelledby en lugar de un atributo alt.
• Móvil = texto alternativo de escritorio: la versión móvil lleva el mismo alt que la de escritorio (indexación mobile-first).
• Audita a escala con el informe Images de Ahrefs Site Audit (o Ahrefs Webmaster Tools, gratis para sitios verificados).

Recursos que merecen tu tiempo

Mis artículos relacionados

• JavaScript SEO Issues & Best Practices: explico los atributos alt vacíos que dejan los frameworks de JS, el ángulo de accesibilidad y legalidad y por qué suele exagerarse la importancia del texto alternativo para la búsqueda web.
• Ahrefs Site Audit Study: estudio de más de un millón de dominios en el que la ausencia de atributos alt resultó ser el problema técnico de SEO más común (80,4 % de los sitios).
• The Beginner’s Guide to Technical SEO: cómo encajan las imágenes y el texto alternativo en el panorama técnico más amplio.

Oficial

• Buenas prácticas de Google Images de Google: referencia canónica para el texto alternativo y los metadatos de imágenes.
• Guía de estilo de la documentación para desarrolladores: texto alternativo de Google: reglas concretas de redacción (155 caracteres, alt="" y sin «Imagen de»).
• WCAG 2.1: contenido no textual (1.1.1): criterio de conformidad de accesibilidad en el que se basa el texto alternativo.

De otras fuentes

• Las pruebas divididas de SearchPilot sobre texto alternativo —añadir texto alternativo (inconcluyente) y texto alternativo descriptivo en imágenes de listados (aumento estimado, no estadísticamente significativo)— aportan un contrapunto realista a «el texto alternativo mejora los rankings web».
• Search Engine Journal: Mueller sobre texto alternativo para SEO (marzo de 2022): resumen de las Office Hours donde Mueller traza claramente la línea entre búsqueda de imágenes y búsqueda web.
• Search Engine Journal: consejo contextual de Mueller en 2024 sobre «foto de una playa»: cubre su comentario en Reddit sobre por qué las descripciones generadas por IA no captan el propósito del texto alternativo.
• SE Roundtable: Google sobre los nombres de empresa en alt vacío (junio de 2022): cobertura de Barry Schwartz sobre la calificación de Mueller de la práctica como «una pérdida de tiempo».
• Search Off the Record: «Hablemos de SEO de imágenes» (octubre de 2022, transcripción): Mueller y Lizzi Sassman sobre el texto alternativo centrado en el contexto, el error de empezar por «imagen de» y cuándo cualquier alt es mejor que ninguno.
• W3C: criterio de conformidad 1.1.1 de WCAG 2.1 (contenido no textual): requisito de accesibilidad de nivel A que explica por qué la ausencia de alt es un problema de conformidad, no solo de SEO.
• web.dev: alternativas textuales para imágenes: guía de Google para desarrolladores que distingue el alt descriptivo para imágenes significativas de alt="" vacío para las decorativas.

Errores de texto alternativo que conviene nombrar por separado

La saturación de palabras clave, empezar por «imagen de» y la ausencia de alt en imágenes decorativas son los tres errores que más veo, pero no son los únicos. Cada entrada explica por qué el error está mal y qué hacer en su lugar.

Saturar de palabras clave el atributo alt

Por qué está mal: Google advierte expresamente contra esto: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (traducción) «Evita llenar los atributos alt de palabras clave… porque produce una experiencia negativa y puede hacer que tu sitio se considere spam». Un lector de pantalla lee el texto alternativo en voz alta, así que alt="puppy dog pup pups doggies" no solo es spam para un rastreador, sino que resulta inutilizable para quien escucha.

Haz esto: Describe la imagen con lenguaje sencillo y dentro de contexto. alt="Dalmatian puppy playing fetch in a park" comunica la misma información sin la acumulación de palabras clave.

Empezar por «Imagen de» o «Foto de»

Por qué está mal: Lizzi Sassman, de Google, fue clara: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (traducción) «es evidente que se trata de una imagen; no necesitas anunciar “es una imagen de” antes del objeto». Cada carácter dedicado al inicio redundante es un carácter que no se dedica a contexto útil.

Haz esto: Empieza directamente la descripción: alt="Dalmatian puppy playing fetch in a park", no alt="Image of a dalmatian puppy playing fetch in a park".

Omitir el atributo alt en imágenes decorativas

Por qué está mal: Dejar fuera alt por completo (en vez de establecerlo como cadena vacía) infringe la especificación HTML y puede hacer que algunos lectores de pantalla anuncien el nombre de archivo sin procesar en vez de permanecer en silencio.

Haz esto: Usa alt="", un valor vacío con el atributo presente, para imágenes realmente decorativas, como separadores y adornos de fondo. Así indicas a la tecnología de asistencia que omita la imagen limpiamente.

Usar descripciones generadas por IA del tipo «foto de X» que ignoran el contexto

Por qué está mal: Mueller lo señaló directamente: las herramientas de IA que generan “photo of a beach” (traducción) «foto de una playa» describen técnicamente los píxeles, pero no captan el propósito, porque “the alt-text is unique in that it’s what directly connects the image to the page with context.” (traducción) «su valor diferencial es unir directamente la imagen con la página mediante el contexto». Un pie visual desnudo desperdicia lo único que puede hacer el alt y que la visión artificial no puede.

Haz esto: Escribe (o edita un borrador de IA) para explicar qué significa la imagen en esta página: la misma foto de una playa necesita un texto alternativo diferente en una página de surf que en un anuncio inmobiliario.

Poner el nombre de la empresa en atributos alt vacíos

Por qué está mal: Mueller calificó este patrón concreto de pérdida de esfuerzo: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (traducción) «No tiene sentido, me parece una pérdida de tiempo: primero se pierde tiempo al implementarlo y después se vuelve a perder al limpiarlo». No añade información ni para los usuarios ni para los motores de búsqueda y solo se convierte en deuda de limpieza.

Haz esto: Escribe texto alternativo real y específico de la imagen o usa alt="" para las imágenes genuinamente decorativas. No pongas por defecto un nombre de marca genérico.

Describir el aspecto de un control que solo tiene un icono en vez de su acción

Por qué está mal: alt="Magnifying glass icon" en un botón de búsqueda dice al usuario de un lector de pantalla qué aspecto tiene el icono, no qué ocurre al pulsarlo. En un control funcional, la apariencia no es la información útil: lo es la acción.

Haz esto: Nombra la acción o el resultado: alt="Search", alt="Close menu", alt="Play video". Es el mismo principio por el que el alt de una imagen enlazada actúa como texto de anclaje: debe servir a la función del control.

Confundir el atributo alt con el atributo title

Por qué está mal: El atributo title se muestra como una sugerencia al pasar el cursor en la mayoría de los navegadores. Los lectores de pantalla no lo leen como leen el texto alternativo y tiene poco peso SEO; tratarlo como sustituto del alt deja sin resolver la accesibilidad y la búsqueda de imágenes.

Haz esto: Establece alt para el sustituto textual que necesita toda imagen; usa title solo para información genuinamente suplementaria en una sugerencia, si acaso.

Ejemplos de texto alternativo antes y después

Cuatro pares concretos de antes y después extraídos directamente de las reglas anteriores.

Saturado de palabras clave frente a descriptivo

<!-- Before: keyword stuffing -->
<img src="dalmatian-puppy.jpg" alt="puppy dog pup pups doggies dalmatian puppies for sale">

<!-- After: plain description -->
<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

La versión «después» describe una vez y con lenguaje sencillo lo que realmente hay en la imagen, en lugar de amontonar todos los sinónimos y las frases de intención de compra contra los que advirtió Google.

Pie genérico frente a alt basado en el contexto

La misma foto de una playa necesita un texto alternativo diferente según la página en la que aparezca; esta es la distinción que trazó Mueller cuando criticó las herramientas de IA que generan «foto de una playa» sin importar el contexto.

<!-- Generic, low-value -->
<img src="beach.jpg" alt="Photo of a beach">

<!-- On a surfing page -->
<img src="beach.jpg" alt="Surfer paddling out past the break at sunrise">

<!-- On a real-estate listing -->
<img src="beach.jpg" alt="Private beach access behind the oceanfront property">

Los mismos píxeles, tres funciones distintas: el texto alternativo debe coincidir con el propósito de la página, no limitarse a narrar la imagen.

Imagen decorativa: alt vacío frente a alt ausente

<!-- Wrong: attribute omitted entirely -->
<img src="divider.svg">

<!-- Right: empty value, attribute present -->
<img src="divider.svg" alt="">

A primera vista parecen similares, pero se comportan de manera diferente: el atributo omitido infringe la especificación HTML y puede hacer que algunos lectores de pantalla anuncien el nombre de archivo; el alt="" vacío indica correctamente a la tecnología de asistencia que omita la imagen.

Imagen funcional: acción frente a apariencia

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes what the control does -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

El botón no es un enlace ni es decorativo: es un control. Nombrar el icono no dice al usuario de un lector de pantalla qué ocurre al pulsarlo; nombrar la acción sí.

Imagen enlazada: alt como texto de anclaje

<!-- Weak: doesn't describe the destination -->
<a href="/pricing/"><img src="cta-button.png" alt="Button"></a>

<!-- Better: alt describes where the link goes -->
<a href="/pricing/"><img src="cta-button.png" alt="View pricing plans"></a>

Como la imagen está dentro de un enlace, su texto alternativo funciona como texto de anclaje: «Button» no dice nada al usuario de un lector de pantalla sobre el destino, mientras que «View pricing plans» sí lo hace.

¿Qué texto alternativo debe llevar esta imagen?

Tres ramas rápidas para las decisiones que aparecen en casi todas las imágenes: ¿es decorativa, es un control en lugar de una imagen informativa o está dentro de un enlace?

Problemas habituales con el texto alternativo

Cuatro entradas de síntoma, causa y solución para los problemas de texto alternativo que realmente aparecen en auditorías y revisiones de accesibilidad.

Un lector de pantalla anuncia el nombre de archivo sin procesar en vez de una descripción

Síntoma: Un lector de pantalla lee en voz alta algo como «dalmatian-puppy-jpg» o «IMG_4021» en lugar de una descripción.

Causa probable: El atributo alt se omitió por completo del elemento <img>, en vez de establecerlo como una cadena vacía. Es una infracción de la especificación HTML y el estado de fallo predeterminado: la ausencia de alt aparece en el 80,4 % de los sitios según el estudio de auditoría de sitios de Ahrefs sobre más de un millón de dominios.

Solución y comprobación: Añade un alt descriptivo a las imágenes de contenido o alt="" a las que sean genuinamente decorativas. Confírmalo con una extensión de accesibilidad del navegador o inspeccionando el elemento: el atributo debe estar presente en ambos casos.

Se señalan atributos alt ausentes en todo el sitio

Síntoma: Una herramienta de auditoría devuelve cientos o miles de imágenes señaladas por la ausencia de atributos alt.

Causa probable: No existe un proceso sistemático para añadir texto alternativo al subir imágenes, a menudo agravado por un CMS o un tema que no lo exige durante la carga.

Solución y comprobación: Prioriza por orden: primero las imágenes del contenido principal (transmiten significado y pueden conseguir tráfico de búsqueda de imágenes), después las imágenes enlazadas (un alt vacío también te hace perder texto de anclaje) y por último las decorativas (la solución es alt="", no una descripción). Vuelve a ejecutar el comprobador de SEO de imágenes o tu herramienta de auditoría después de cada pasada para confirmar que la cifra baja.

Las imágenes no aparecen en Google Images aunque tienen texto alternativo

Síntoma: Las imágenes de contenido tienen texto alternativo, pero siguen sin aparecer en búsquedas relevantes de Google Images.

Causa probable: El texto alternativo es un pie visual genérico («foto de una playa») en lugar de una descripción contextual de lo que significa la imagen en esa página; Mueller ha dicho que este tipo de alt genérico generado por IA se queda corto. También conviene recordar que el texto alternativo es solo una señal: Google lo combina con la visión artificial y el contexto de la página, por lo que una página circundante pobre o no relacionada puede frenar una imagen incluso con un buen alt.

Solución y comprobación: Reescribe el texto alternativo para reflejar el tema y propósito reales de la página, no solo los píxeles. Vuelve a comprobar el rendimiento en Search Console → Rendimiento → Tipo de búsqueda: Imagen después de que Google haya tenido tiempo de volver a rastrear y procesar la página.

Un botón que solo tiene un icono no indica a los usuarios de lectores de pantalla qué hace

Síntoma: Un lector de pantalla anuncia algo como «icono de lupa» o «imagen de botón» antes de un control que solo tiene un icono, sin indicar qué ocurre al pulsarlo.

Causa probable: El texto alternativo describe el aspecto del icono en vez de la acción del control, una confusión habitual porque la imagen parece una imagen normal, no un enlace ni un elemento puramente decorativo.

Solución y comprobación: Reescribe el texto alternativo para nombrar la acción o el resultado (alt="Search", alt="Close menu", alt="Play video"), no el icono. Confírmalo desplazándote hasta el control con el teclado y escuchando lo que anuncia un lector de pantalla.

El destino de una imagen enlazada no está claro para los usuarios de lectores de pantalla

Síntoma: Un usuario que navega por enlaces (o por imágenes) con un lector de pantalla no oye nada útil antes de activar un enlace formado solo por una imagen.

Causa probable: La imagen enlazada tiene un texto alternativo vacío o ausente, el equivalente a un texto de anclaje vacío en un enlace textual.

Solución y comprobación: Escribe un texto alternativo que describa adónde conduce el enlace, no solo qué muestra la imagen (consulta la pestaña Ejemplos para ver un antes y un después). Confírmalo desplazándote hasta el enlace con el teclado y comprobando lo que anuncia un lector de pantalla, o inspeccionando el elemento.

KPI permanentes para el texto alternativo de imágenes

Dos cosas que merece la pena seguir de forma continua, no solo después de una limpieza puntual: qué parte del sitio tiene texto alternativo y si ese texto está consiguiendo visibilidad en la búsqueda de imágenes.

Cobertura de texto alternativo en todo el sitio

• Métrica: proporción de elementos <img> de todo el sitio que tienen un atributo alt no vacío y no decorativo (solo imágenes de contenido; las decorativas deben mostrar correctamente alt="", que no es una carencia).
• Qué te dice: si el texto alternativo es una corrección puntual o un hábito continuo. Dado que el 80,4 % de los sitios del estudio de auditoría de sitios de Ahrefs tiene al menos un atributo alt ausente, la cobertura tiende a volver a deteriorarse a medida que se publica contenido nuevo si no se comprueba con regularidad.
• Cómo obtenerla: el comprobador de SEO de imágenes en una página, el informe Images de Ahrefs Site Audit en un rastreo completo o una extensión de accesibilidad del navegador para comprobaciones puntuales.
• Referencia / intervalo realista: no existe un porcentaje objetivo universal: un sitio con muchas imágenes decorativas de fondo mostrará legítimamente más alt=""§ que un blog lleno de fotografías. Establece como referencia tu cobertura actual la primera vez y vigila que no retroceda al publicar páginas nuevas.
• Frecuencia: trimestral como comprobación permanente, e inmediatamente después de cualquier migración masiva de contenido o cambio de CMS/tema que afecte a cómo se suben las imágenes.

Rendimiento en la búsqueda de imágenes (impresiones/clics de Google Images)

• Métrica: impresiones, clics y CTR de tu sitio filtrados a los resultados de búsqueda de imágenes.
• Qué te dice: si el texto alternativo que escribes se traduce realmente en visibilidad y tráfico de búsqueda de imágenes, la función principal que Mueller ha atribuido repetidamente al alt, frente a una mejora del ranking web.
• Cómo obtenerla: Search Console → Rendimiento → Tipo de búsqueda: Imagen.
• Referencia / intervalo realista: depende por completo de cuánto utilice imágenes el sitio y del tema; no existe una cifra universal defendible. Establece tu propia referencia la primera vez que extraigas el informe y sigue la tendencia después de cambiar el texto alternativo o el contenido visual, en vez de compararla con un valor externo.
• Frecuencia: mensual como comprobación permanente; obsérvala con más atención durante unas semanas después de cualquier reescritura masiva del texto alternativo para ver si se mueve.

Herramientas para auditar y corregir el texto alternativo

• Comprobador de SEO de imágenes: audita directamente las señales de imágenes del HTML sin procesar, incluidos los atributos alt, las indicaciones de carga diferida y los formatos de imagen. Es la forma más rápida de comprobar la cobertura de alt de una página antes o después de una corrección.
• Comprobador de SEO on-page: ofrece un informe on-page priorizado y comprobaciones avanzadas del HTML sin procesar que cubren imágenes junto con encabezados, enlaces y otros elementos on-page, útil cuando auditas varias cosas a la vez.
• Ahrefs Site Audit: informe Images: señala las imágenes a las que les faltan atributos alt en un rastreo completo (Ahrefs Webmaster Tools lo ofrece gratis para sitios verificados); así se midió la cifra del 80,4 % de alt ausente del estudio de auditoría de sitios de Ahrefs.
• Search Console: Rendimiento, tipo de búsqueda: Imagen: fuente de referencia para saber si tu texto alternativo está consiguiendo impresiones y clics de búsqueda de imágenes.
• Extensiones de accesibilidad del navegador / inspección del elemento: para comprobaciones manuales de imágenes de contenido clave y para confirmar qué anunciará realmente un lector de pantalla.

Ponte a prueba: texto alternativo

Cinco preguntas rápidas sobre lo que hace realmente el texto alternativo y cómo escribirlo. Elige una respuesta para cada una y después comprueba el resultado.

Registro de cambios