Cómo encontrar textos alternativos de imágenes ausentes en todo tu sitio

El texto alternativo de imágenes ausente es uno de esos problemas que se esconden a plena vista.

Cada página se ve bien en el navegador, pero por debajo, las imágenes se publican sin el atributo que las describe para los lectores de pantalla y los motores de búsqueda.

Encontrar cada instancia a mano es lento y poco fiable, sobre todo cuando la misma imagen aparece en muchas páginas con textos alternativos distintos en cada lugar.

Esta guía recorre una forma repetible de encontrar el texto alt faltante en todo un sitio.

También explica los dos problemas distintos que puedes estar viendo, y cómo exportar una lista útil que tu equipo pueda corregir.

Por qué importa el texto alt a tu equipo

El texto alt (texto alternativo) vive dentro del HTML de una página y describe una imagen.

Sirve a dos audiencias.

Primero, apoya la accesibilidad web para visitantes ciegas o con discapacidad visual, y aparece en lugar de la imagen cuando esta no puede mostrarse.

Segundo, los motores de búsqueda lo usan para entender qué contiene la imagen, según el tutorial de Screaming Frog sobre el tema fuente.

Para quien lidera operaciones de ingresos, lo que está en juego es sencillo.

Las imágenes sin texto alt utilizable crean fricción de accesibilidad para prospectos y clientes, y desperdician una oportunidad de dar contexto a los motores de búsqueda.

Ninguno de los dos problemas aparece en una revisión visual del sitio, por eso una verificación basada en rastreo es la vía fiable.

Atributo alt ausente frente a texto alt ausente

Antes de auditar nada, conviene saber que «texto alt faltante» en realidad describe dos situaciones diferentes.

El atributo alt es el espacio HTML que contiene la descripción; el texto alt son las palabras dentro de él.

Ambos pueden estar ausentes de formas distintas.

• Atributo alt ausente: el elemento de imagen no tiene atributo alt en absoluto, como <img src="logo.jpg">.
• Texto alt ausente: el atributo alt existe pero está vacío o contiene solo espacios en blanco, como <img src="logo.jpg" alt="">.

La distinción importa por cómo se comportan los lectores de pantalla.

Screaming Frog señala que las imágenes decorativas deben tener texto alt vacío en lugar de carecer del atributo.

Omitir el atributo por completo puede causar problemas en los lectores de pantalla fuente.

En la práctica, observan, las imágenes decorativas a menudo se publican sin el atributo de todos modos.

Siempre que sea posible, sugieren servir las imágenes decorativas como imágenes de fondo CSS fuente.

Así que al auditar, no trates cada imagen marcada como un defecto.

Un atributo alt vacío en una imagen genuinamente decorativa puede ser intencional y correcto.

Un atributo ausente es el problema más claro para corregir primero.

Ejecuta un rastreo para detectar cada imagen

La forma más rápida de auditar el texto alt a escala es un rastreador de sitios.

Screaming Frog SEO Spider es el ejemplo documentado aquí, y su versión lite es gratuita para rastrear hasta 500 URL fuente.

El flujo de trabajo es breve:

1. Abre la herramienta, introduce la URL del sitio que quieres rastrear e inicia el rastreo.
2. Haz clic en la pestaña Images, que lista cada imagen descubierta durante el rastreo junto con su tamaño y el número de páginas de origen que la enlazan.
3. Selecciona una imagen y abre la pestaña Image Details en la parte inferior. Esta muestra cada página de origen que referencia la imagen y el texto alt usado en cada referencia fuente.

Ese tercer paso es donde un enfoque manual se desmorona.

El propio ejemplo de Screaming Frog muestra una imagen referenciada desde cuatro páginas con texto alt distinto en cada una.

Una página usa una etiqueta corta y las demás están en blanco fuente.

El texto alt se define en el HTML de cada página que referencia la imagen, no en un campo junto al archivo.

Por eso, la misma imagen puede llevar muchas descripciones diferentes en un sitio.

Cualquier auditoría debe trabajar a nivel de referencia de página, no a nivel de archivo de imagen.

Filtra los dos tipos de problema

Dentro de la pestaña Images, usa los filtros para aislar los problemas:

• El filtro Missing Alt Text muestra imágenes que tienen un atributo alt, pero está vacío o contiene solo espacios.
• El filtro Missing Alt Attribute muestra imágenes sin atributo alt alguno.

Mantenerlos separados importa porque el texto alt vacío puede ser una elección de accesibilidad deliberada para imágenes decorativas.

Un atributo ausente normalmente no lo es fuente.

Al revisar los resultados, ordena cada lista por las páginas de mayor peso comercial primero, como páginas de aterrizaje y de producto, antes que las imágenes del blog.

Para decidir qué texto alt necesita cada tipo de imagen, Screaming Frog remite al árbol de decisión alt del W3C como referencia fuente.

Recorre las preguntas que hacer para imágenes informativas, decorativas y todo lo demás.

Exporta una lista corregible

Una vez configurados los filtros, exporta los resultados para que alguien pueda actuar sobre ellos:

• Usa el botón de exportación de la pestaña Images con un filtro aplicado para exportar solo esa vista filtrada de imágenes.
• Usa Bulk Export > Images > Images Missing Alt Attribute & Text para exportar todas las páginas de origen que referencian imágenes sin texto alt, sin atributo alt o ambas, junto con las URL de las imágenes y las columnas de texto alt en blanco fuente.
• Usa Bulk Export > Images > All Images cuando quieras cada página de origen y su texto alt, incluidas las entradas faltantes, como línea base completa fuente.

La exportación masiva con páginas de origen es la versión sobre la que vale la pena construir tu cola de correcciones.

Le dice a quien edita la página exactamente qué página abrir y qué imagen en ella necesita atención, lo que elimina las conjeturas de la remediación.

Cuando el rastreo no encuentra imágenes

A veces el rastreo termina y sabes que el sitio tiene más imágenes de las que encontró.

Screaming Frog documenta dos causas comunes fuente:

• Carga por JavaScript o CSS: las imágenes inyectadas por scripts o definidas como fondos CSS no aparecerán en un rastreo de HTML plano. Cambia el rastreador a renderizado de JavaScript para descubrirlas, y asegúrate de que los archivos JS y CSS no estén bloqueados para el rastreo.
• Restricciones de robots.txt: las imágenes bloqueadas por robots.txt no se obtendrán. Puedes ignorar robots.txt para la auditoría o personalizarlo para permitir el rastreo de los directorios de imágenes.

Si tu sitio depende mucho de galerías renderizadas con JavaScript o imágenes de fondo, planifica el rastreo con renderizado desde el inicio.

De lo contrario, puedes descubrir el hueco solo después de tu primera exportación.

Convertir la exportación en un plan de corrección

Una exportación solo es útil si se convierte en trabajo.

Una secuencia práctica:

1. Prioriza por importancia de página. Empieza por las páginas con peso de conversión o de posicionamiento. Un atributo alt ausente en una página de aterrizaje principal importa más que uno en una entrada archivada.
2. Separa decorativo de informativo. Para cada imagen marcada, decide si transmite significado. Las imágenes decorativas deben recibir texto alt vacío o pasar a fondos CSS; las informativas necesitan una descripción breve y precisa de su propósito.
3. Corrige en el origen. Como el texto alt se define por referencia de página, las correcciones ocurren en el CMS de cada página que referencia la imagen, no una vez por archivo. Agrupa las filas de tu exportación por página de origen para que cada editor reciba una lista de tareas a nivel de página.
4. Vuelve a rastrear para verificar. Tras publicar las correcciones, repite el mismo rastreo y filtros. Los conteos faltantes deberían bajar, y cualquier rezagado apunta a páginas que la ronda de corrección omitió.

Una advertencia para equipos que usan plantillas: una imagen incrustada en una plantilla compartida puede aparecer en muchas páginas.

Corregirla una vez en la plantilla resuelve todas las referencias.

Comprueba si una imagen marcada es de nivel de plantilla o de nivel de página antes de asignar trabajo página por página, o crearás esfuerzo duplicado.

Integrar las auditorías de texto alt en el trabajo más amplio de salud del sitio

Una auditoría de texto alt rara vez queda aislada.

Suele ejecutarse junto a otras verificaciones basadas en rastreo, y los mismos hábitos de exportar y priorizar aplican.

Si estás construyendo un programa de remediación más amplio, ayuda ver el texto alt como un elemento de una lista priorizada y no como un proyecto independiente.

Nuestra guía sobre cómo priorizar problemas de SEO a partir de un rastreo del sitio cubre cómo secuenciar hallazgos como este frente a todo lo demás que un rastreo revela.

Los problemas de texto alt también comparten un rasgo estructural con otros vacíos a nivel de página: son invisibles hasta que algo rastrea el sitio de forma sistemática.

Lo mismo ocurre con las páginas a las que ningún enlace interno apunta.

Si el rastreo ya forma parte de tu rutina, añadir una verificación de páginas huérfanas cuesta poco esfuerzo adicional y detecta otra clase de problema oculto.

Por último, recuerda que el texto alt vive en el HTML de cada página que referencia la imagen.

Esto significa que la cola de correcciones es fundamentalmente una lista de trabajo a nivel de página.

Si tu equipo coordina correcciones de contenido entre varias herramientas o responsables, consulta nuestro artículo sobre alinear registros entre herramientas (en inglés).

Aborda el problema equivalente de mantener los datos a nivel de página consistentes entre sistemas.

Una vez publicadas las correcciones, encontrar la siguiente ronda de oportunidades sigue la misma lógica de rastreo descrita en cómo encontrar oportunidades de enlazado interno.

Ideas clave

• El texto alt sirve a la accesibilidad y ayuda a los motores de búsqueda a entender las imágenes; se define en el HTML de cada página que referencia una imagen, así que un archivo puede tener muchos textos alt distintos en un sitio.
• Distingue un atributo alt ausente de un texto alt vacío. El texto vacío puede ser correcto para imágenes decorativas; un atributo ausente normalmente necesita corrección.
• Rastrea el sitio, filtra la pestaña Images para ambos tipos de problema y exporta en bloque con páginas de origen para que las correcciones se mapeen a páginas específicas.
• Si faltan imágenes en el rastreo, activa el renderizado de JavaScript o ajusta el manejo de robots.txt.
• Verifica con un nuevo rastreo tras las correcciones, e integra la auditoría en tu rutina más amplia de salud del sitio basada en rastreo.

La forma fiable de encontrar texto alt faltante no es mirar con más empeño las páginas que recuerdas.

Es rastrear todo, filtrar los dos modos de fallo y exportar una lista a nivel de página que se convierta directamente en trabajo de corrección.

Cómo puede ayudar Meshline.

Conecta automatización, Marketing Orgánico (generación de demanda) y gestión del ciclo de vida del cliente (Revenue Intelligence).

Incorpora la planificación de temas, la publicación de contenido y la retroalimentación de rendimiento a la conversación sobre tu flujo de trabajo. Reserva una demo de Meshline.