Cómo usar: Comprobador de Alt de Imágenes
- Introduce la URL de la página y haz clic en Comprobar imágenes.
- Revisa el resumen: imágenes sin texto alt, archivos demasiado grandes, dimensiones que faltan y URLs rotas.
- Usa los filtros para mostrar solo las imágenes con problemas y corrígelas en tu CMS o en el código.
- Haz clic en Exportar CSV para pasar la lista a tu equipo de contenidos o de desarrollo.
¿Qué es un comprobador de alt de imágenes?
Un comprobador de alt de imágenes analiza una página web en busca de elementos <img> e informa del atributo alt de cada uno, junto con detalles técnicos que afectan al SEO y al rendimiento. El texto alternativo (alt) lo leen en voz alta los lectores de pantalla, se muestra cuando una imagen no carga y lo usan los buscadores para entender qué muestra una imagen, algo que importa para Google Imágenes y para la relevancia de la propia página.
Alt ausente frente a alt vacío
Estos dos casos se parecen, pero significan cosas muy distintas:
| Marcado | Significado | Veredicto |
|---|---|---|
<img src="team.jpg"> | No tiene atributo alt. Los lectores de pantalla pueden leer el nombre del archivo en su lugar. | Error: añade siempre un atributo alt. |
<img src="divider.svg" alt=""> | Alt vacío: la imagen es decorativa y los lectores de pantalla la omiten. | Correcto para imágenes puramente decorativas. |
<img src="team.jpg" alt="Nuestro equipo de soporte de cinco personas en la oficina de Berlín"> | Texto alt descriptivo. | Correcto para imágenes informativas. |
Esto sigue el criterio de éxito 1.1.1 de WCAG (Contenido no textual). Un buen texto alt describe la función de la imagen en su contexto, es conciso (unos 125 caracteres es una pauta habitual) y no empieza por «imagen de». No metas palabras clave a la fuerza: describe lo que se ve, y las palabras relevantes suelen aparecer de forma natural.
Comprobaciones de rendimiento
- Tamaño del archivo: enviamos una petición HEAD para hasta 40 imágenes y leemos su
Content-Length. Las imágenes de más de 200 KB se marcan, ya que ralentizan el Largest Contentful Paint, sobre todo en móviles. Compímelas con el Compresor de imágenes o redimensiónalas con el Redimensionador de imágenes. - Atributos de ancho y alto: sin ellos, el navegador no puede reservar espacio antes de que cargue la imagen, y el contenido salta. Se mide como Cumulative Layout Shift (CLS), una Core Web Vital.
- Formatos modernos: WebP y AVIF suelen ser mucho más ligeros que JPEG o PNG con una calidad similar; SVG es ideal para logotipos e iconos.
- Carga diferida:
loading="lazy"retrasa las imágenes que están fuera de pantalla. No apliques carga diferida a la imagen principal de la parte superior de la página, porque retrasa el LCP. - Imágenes rotas: las URLs que responden con 4xx/5xx desperdician el crawl budget y muestran un icono de imagen rota a los usuarios.
El comprobador lee las etiquetas <img> del HTML renderizado en el servidor; no incluye las imágenes de fondo de CSS ni las que inserta JavaScript. Para una visión completa de la página, usa el Comprobador SEO.
También se busca como: comprobar texto alt, comprobar alt de imágenes, alt faltante, seo de imágenes, auditoría de imágenes, accesibilidad imágenes, comprobar tamaño de imagen, atributo alt.
Herramientas que combinan con: Comprobador de Alt de Imágenes
- Test de velocidad de página — Ejecuta Google Lighthouse en cualquier URL para móvil o escritorio.
- Comprobador de encabezados — Visualiza el esquema de encabezados de cualquier página.
- Guía sobre el archivo robots.txt — Las reglas de robots.txt son breves, pero es fácil malinterpretarlas.
- Enviador de IndexNow — Avisa a los buscadores de páginas nuevas y actualizadas al instante.
Preguntas frecuentes
¿Todas las imágenes necesitan texto alt?
alt. Las imágenes informativas necesitan un texto descriptivo; las puramente decorativas (separadores, adornos de fondo) deben usar alt="" vacío para que los lectores de pantalla las omitan.¿El texto alt ayuda al SEO?
¿Por qué el tamaño del archivo solo aparece en algunas imágenes?
¿Cuál es el tamaño ideal de un archivo de imagen?
¿El atributo title sustituye a alt?
title muestra un tooltip al pasar el ratón y los lectores de pantalla no siempre lo leen bien. Usa siempre alt.