Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukreveladorDesarrollamos herramientas de IA para empresas. De alta calidad. A precios asequibles.Escribir por Telegram

Comprobador SEO de imágenes en línea: Alt, carga diferida, WebP y Srcset: qué corregir

Verificación SEO de imágenes en línea: alt, carga diferida, WebP y srcset, calificación de 0 a 100 para cada imagen.

Lo que obtendrás

  • Una calificación de 0 a 100 y comentarios en cada imagen de la página: alt, carga diferida, ancho/alto, WebP/AVIF, srcset — gratis
  • Comprender cómo se calcula tu puntuación y qué ediciones la mejorarán más rápidamente.
  • Ejemplos de código listos para usar para la imagen principal, imágenes adaptables y etiquetas alt.
Aplicar: en 15 minutosGuardado: Tráfico y tiempos de carga Google Imágenes en tu teléfono

En resumen: para comprobar las imágenes de una página para SEO, pega su URL en el analizador de imágenes SEO gratuito de PromoPilot. La herramienta analizará hasta 100 etiquetas <img>: si hay una etiqueta alt, si se ha configurado loading="lazy", si se han definido el ancho y el alto, si se utilizan WebP, AVIF o SVG, y si hay un srcset. El resultado es una puntuación de 0 a 100 y comentarios sobre cada imagen. A continuación, encontrarás cómo se calcula la puntuación, qué corregir primero y qué no detecta la herramienta.

Llevo 12 años creando sitios web y tiendas online, y las imágenes son el principal cuello de botella en casi todos ellos. Una ficha de producto típica: cinco fotos de 3 MB directamente de la cámara, un texto alternativo en blanco y el nombre del archivo es IMG_4512.jpg.

¿Qué comprueba la herramienta de análisis SEO de imágenes?

La herramienta analiza cada imagen de la página basándose en cinco criterios y los suma para obtener una puntuación global.

¿Qué comprueba? ¿Qué está mirando? ¿Por qué es esto importante para el SEO y los negocios?
Alt ¿Hay una descripción de texto para cada <img> Clasificación de imágenes Google por texto alternativo; accesibilidad para personas ciegas
Carga diferida El atributo loading="lazy" se aplica a las imágenes que se encuentran debajo de la primera pantalla. La página no carga nada a lo que el visitante no haya llegado todavía desplazándose.
Ancho y alto ¿Se especifican las dimensiones en los atributos de la etiqueta? Los bloques no "saltan" al cargarse; esta es una métrica de CLS.
Formato WebP, AVIF o SVG por extensión de archivo Los formatos modernos son notablemente más pequeños que JPG y PNG.
Srcset ¿Existen opciones de imagen para diferentes pantallas? El teléfono recibe el archivo pequeño, no la versión para monitor.

Cada imagen recibe una lista de comentarios y la página obtiene una puntuación final. Esto resulta práctico: no solo se puede ver qué está mal, sino también qué imagen es la que presenta el problema.

¿Cómo comprobar las imágenes de una página web en línea?

Revisa las imágenes en 4 pasos: pega la URL, espera a que se escaneen hasta 100 imágenes, consulta la calificación y corrige cualquier comentario.

  1. Abrir comprobador SEO de imágenes.
  2. Inserta la dirección de la página, preferiblemente una con muchas fotos: ficha de producto, categoría, artículo de blog, portafolio.
  3. Haz clic en "Comprobar" y espera a que se escaneen todas las imágenes.
  4. Consulta la valoración y la lista de comentarios de cada imagen.
  5. Por favor, solucione los problemas y vuelva a revisar la página.

Así es como se ve la página de la herramienta: campo de dirección, lista de comprobaciones y preguntas frecuentes.

Página gratuita de PromoPilot para comprobar el SEO de imágenes: campo URL, comprobación de alt, carga diferida, WebP/AVIF y srcset.

¿Cómo se calcula la calificación y qué se debe corregir primero?

La puntuación inicial es de 100 puntos, y se deducen penalizaciones por cada error, según el porcentaje de imágenes de la página que no la superen. Conociendo las reglas, es fácil determinar qué estrategias darán el mayor beneficio.

Examen Bien Comentario
Alt Menos del 50% de las imágenes con texto alternativo: -30; menos del 80%: -15; menos del 100%: -5 El punto más significativo
Carga diferida menos del 50% - -15; menos del 80% - -8 Las tres primeras imágenes no se tienen en cuenta
Ancho y alto menos del 50% - -15; menos del 80% - -8 Las dimensiones definidas únicamente en CSS no se tienen en cuenta.
WebP, AVIF o SVG menos del 30% - 10 El formato viene determinado por la extensión.
Srcset para imágenes rasterizadas menos del 30% - 10 SVG no necesita srcset

Aquí está mi orden de trabajo:

  1. Alt. El artículo más caro y el más fácil de arreglar. Escribe lo que se muestra: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", no alt="рюкзак купить дёшево рюкзак". Para elementos decorativos, usa un alt="" vacío.
  2. Ancho y alto. Especifique las dimensiones reales en los atributos y agregue img { max-width: 100%; height: auto; } al CSS; la imagen seguirá siendo adaptable y el diseño dejará de saltar.
  3. La carga diferida se aplica a todo lo que se encuentra debajo del pliegue. Sin embargo, resulta perjudicial para la imagen principal: esta debe cargarse inmediatamente y con prioridad.
  4. WebP o AVIF. WordPress admite la carga de archivos WebP desde la versión 5.8 y de archivos AVIF desde la versión 6.5.
  5. Srcset para fotos grandes para que el teléfono no descargue la versión para monitor.

Un ejemplo de una imagen principal adecuada y una foto adaptativa en el texto:

<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">

¿Cómo escribir una buena etiqueta alt para una imagen?

La etiqueta alt es el elemento más importante para la evaluación, y es donde se suelen cometer más errores: o se deja en blanco o se llena de palabras clave. Una regla sencilla: describe la imagen a alguien que no pueda verla en una sola frase.

Imagen mala alternativa Buena alternativa
Foto del producto рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Foto del equipo photo1 Мастера мастерской Nord за работой над сумкой
Diagrama o gráfico график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Icono decorativo иконка alt="" — no hay necesidad de leerlo

Para un catálogo, es conveniente crear etiquetas alt usando una plantilla: nombre del producto + color o variante + ángulo. De esta manera, cinco fotos en una sola ficha tendrán cinco descripciones diferentes y útiles, en lugar de cinco idénticas.

El nombre del archivo también importa: kozhanyj-ryukzak-nord-korichnevyj.webp es mejor que IMG_4512.jpg. No tiene sentido renombrar archivos antiguos solo por esto; sube archivos nuevos con nombres descriptivos.

Comparación: Analizador SEO de imágenes y alternativas

Herramienta ¿Qué es gratis? Restricciones ¿Para quién es adecuado?
PromoPilot — Comprobador SEO de imágenes Alt, carga diferida, ancho/alto, formatos, srcset; calificación de 0 a 100 y comentarios para cada imagen. Hasta 100 imágenes, el tamaño del archivo no se estima. Analiza rápidamente las imágenes de cualquier página.
Información sobre la velocidad de la página Google Auditorías de imágenes como parte de la prueba de velocidad: formato, tamaño, carga diferida. Mezclado con docenas de otras comprobaciones, alt apenas entiende Evaluar el impacto de las imágenes en la velocidad
Squaosh Comprime y convierte una sola imagen en un navegador. No comprueba la página, funciona con archivos. Preparación de imágenes individuales
Rana Gritona SEO Lista de imágenes sin texto alternativo en todo el sitio. Se requiere instalación, la versión gratuita tiene un límite de direcciones Auditoría de alternativas en cientos de páginas

Conclusión: Un verificador en línea muestra qué problemas tienen las imágenes en una página específica, PageSpeed muestra cuánto se pierde en velocidad y Squoosh o un convertidor ayudan a reparar los archivos.

PromoPilot cuenta con 87 herramientas SEO gratuitas, incluyendo una herramienta de compresión de imágenes y un convertidor WebP que funcionan directamente en el navegador, sin necesidad de subir archivos al servidor. Para comprender el tamaño total de la página, consulta nuestro artículo en nuestra serie de análisis de velocidad de página.

¿Qué es lo que no detecta la verificación de imágenes?

Seamos honestos acerca de las limitaciones de la herramienta; es importante conocerlas para interpretar correctamente la calificación:

  • El tamaño del archivo no se tiene en cuenta; las imágenes no se descargan y el formato viene determinado por la extensión.
  • <picture> no se analiza: JPG en <img> se etiquetará incluso si hay AVIF o WebP en <source> que está al lado.
  • Las imágenes de fondo generadas con CSS y las imágenes añadidas mediante JavaScript no se incluyen en el informe.
  • Las dimensiones especificadas únicamente en CSS no se tienen en cuenta.
  • Una página sin una sola <img> obtiene 50 puntos; esto no es "la mitad de los errores", sino "nada que calificar".

¿Cuándo una herramienta gratuita no es suficiente?

Imágenes antes y después de la optimización: JPG vacíos y pesados frente a descripciones, WebP, dimensiones especificadas y srcset.

Corregir el texto alternativo en una sola página lleva diez minutos. Pero si la tienda tiene cinco mil productos, es imposible hacerlo manualmente. Necesitas un especialista si:

  • El texto alternativo debería generarse automáticamente a partir del nombre, el color y el ángulo para todo el catálogo;
  • Las imágenes se cargan desde la cámara sin compresión, y se necesita un proceso automático: compresión, WebP, múltiples tamaños;
  • El tema del sitio web muestra las fotos sin ancho, alto ni srcset, y la plantilla necesita ser corregida;
  • ¿Quieres obtener tráfico desde Google Imágenes para búsquedas de productos?

¿Qué puedo hacer por su sitio web?

Soy Valeriy Danyuk, desarrollador y especialista en SEO con 12 años de experiencia y más de 200 clientes, incluyendo numerosas tiendas online con miles de fotos.

SEO y auditoría

Tiendas y catálogos

Contabilidad y automatización

Envíame un enlace a la ficha del producto por Telegram y te diré cuánto puedes ganar según las imágenes.

Resultado

  1. El analizador de imágenes SEO en línea analiza hasta 100 imágenes en una página y asigna una puntuación de 0 a 100, junto con comentarios para cada una.
  2. La mayor puntuación se otorga a las dimensiones alt y width/height, seguidas de la carga diferida, WebP/AVIF y srcset.
  3. La imagen principal no necesita carga diferida, necesita fetchpriority="high".
  4. Para catálogos grandes, el procesamiento de fotos está automatizado, o se elige una plataforma donde esto ya se realiza, por ejemplo, 1001site.

Comprueba la página más pesada de tu sitio con el comprobador SEO de imágenes gratuito; empieza por el texto alternativo.

Fuentes

  • Página de PromoPilot para la comprobación del SEO de imágenes: comprobaciones, reglas de evaluación, limitaciones y preguntas frecuentes.
  • Google Search Central - Recomendaciones de imágenes para la búsqueda.
  • Google PageSpeed Insights y Squoosh: descripción de las funciones.

Referencias y fuentes

Preguntas y respuestas

¿Por qué son importantes las etiquetas alt para el SEO?

El texto alternativo describe la imagen para los motores de búsqueda y los lectores de pantalla para personas ciegas. Google Imágenes utiliza el texto alternativo para fines de clasificación y, en la página, ayuda a explicar el contenido de la foto. Los elementos decorativos pueden dejarse con un texto alternativo en blanco.

¿Cómo afecta el tamaño de la imagen a las métricas Core Web Vitals?

Las imágenes grandes ralentizan el LCP (tiempo de renderizado del elemento más grande en la primera pantalla, que suele ser una fotografía). Los formatos modernos WebP y AVIF, la compresión, las dimensiones correctas y el uso de srcset ayudan a mejorar la velocidad de carga, al igual que evitar la carga diferida y establecer una alta prioridad de carga para la imagen principal.

¿La herramienta comprueba el tamaño del archivo?

No. La herramienta no descarga imágenes, por lo que no estima el tamaño de los archivos; determina el formato según la extensión. Para conocer el tamaño de las imágenes y de la página completa, utilice PageSpeed Analysis o PageSpeed Insights.

Hemos revisado la página web, pero ¿no hay nadie que lo arregle?

Esta herramienta gratuita detecta problemas. Analizaré el informe, los priorizaré y los solucionaré: auditoría SEO, optimización de velocidad, marcado y migración a un nuevo sitio web sin perder posicionamiento.