Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvemento de ferramentas de IA para empresas. Alta calidade. Asequible.Escribir en Telegram

Verificador SEO de imaxes en liña: Alt, carga diferida, WebP e Srcset: que corrixir

Comprobación SEO de imaxes en liña: alt, carga diferida, WebP e srcset, valoración de 0 a 100 para cada imaxe

O que obterás

  • Unha cualificación de 0 a 100 e comentarios en cada imaxe da páxina: alt, carga diferida, ancho/alto, WebP/AVIF, srcset — gratuíto
  • Entender como se calcula a túa puntuación e que edicións a mellorarán máis rápido
  • Exemplos de código predefinidos para a imaxe principal, imaxes responsivas e etiquetas alt
Aplicar: en 15 minutosGarda: Tráfico e tempos de carga de Imaxes Google no teu teléfono

A resposta curta: para comprobar o SEO das imaxes dunha páxina, pega o seu URL no comprobador de imaxes SEO gratuíto de PromoPilot. A ferramenta analizará ata 100 etiquetas <img>: se hai unha etiqueta alt, se está definido loading="lazy", se están definidas a anchura e a altura, se se usa WebP, AVIF ou SVG e se hai un srcset. O resultado é unha puntuación de 0 a 100 e comentarios sobre cada imaxe. A continuación atoparás como se calcula a puntuación, que corrixir primeiro e que non ve a ferramenta.

Levo 12 anos construíndo sitios web e tendas, e as imaxes son o principal obstáculo en case todos eles. Unha tarxeta de produto típica: cinco fotos de 3 MB directamente da cámara, un texto alternativo en branco e o nome do ficheiro é IMG_4512.jpg.

Que comproba a comprobación SEO de imaxes?

A ferramenta analiza cada imaxe da páxina segundo cinco criterios e súmaos para obter unha puntuación global.

Que comproba? Que está mirando? Por que é isto importante para o SEO e os negocios?
Alt Hai unha descrición textual para cada <img> Clasificación de Imaxes Google por alt; accesibilidade para cegos
Carga diferida O atributo loading="lazy" aplícase ás imaxes debaixo da primeira pantalla. A páxina non carga nada ata o que o visitante aínda non se desprazou.
Anchura e altura As dimensións están especificadas nos atributos da etiqueta? Os bloques non "saltan" ao cargar: esta é unha métrica CLS
Formato WebP, AVIF ou SVG por extensión de ficheiro Os formatos modernos son notablemente máis pequenos que JPG e PNG.
Conxunto de orixe Hai opcións de imaxe para diferentes pantallas? O teléfono recibe o ficheiro pequeno, non a versión do monitor.

Cada imaxe recibe unha lista de comentarios e a páxina recibe unha puntuación final. Isto é práctico: podes ver non só o que está mal, senón tamén cal é a imaxe que ten o erro.

Como comprobar imaxes nun sitio web en liña?

Comproba as imaxes en 4 pasos: pega o URL, agarda a que se escaneen ata 100 imaxes, consulta a cualificación e corrixe calquera comentario.

  1. Abre o comprobador SEO de imaxes.
  2. Inserir o enderezo da páxina, preferiblemente unha con moitas fotos: ficha do produto, categoría, artigo do blog, portfolio.
  3. Fai clic en "Comprobar" e agarda a que se escaneen todas as imaxes.
  4. Consulta a cualificación e a lista de comentarios de cada imaxe.
  5. Corrixe os problemas e comproba a páxina de novo.

Así é como se ve a páxina da ferramenta: campo de enderezo, lista de comprobacións e preguntas frecuentes.

Páxina gratuíta de verificación de SEO de imaxes de PromoPilot: campo de URL, comprobación alt, carga diferida, WebP/AVIF e srcset

Como se calcula a cualificación e que se debe corrixir primeiro?

A cualificación comeza en 100 puntos e as penalizacións dedúcense por cada problema, dependendo da porcentaxe de imaxes da páxina que non a superen. Coñecendo as regras, é doado saber que dará o maior impulso.

Exame Ben Comentario
Alt Menos do 50 % das imaxes con alt: -30; menos do 80 %: -15; menos do 100 %: -5 O punto máis significativo
Carga diferida menos do 50 % - −15; menos do 80 % - −8 As tres primeiras imaxes non se teñen en conta
Anchura e altura menos do 50 % - −15; menos do 80 % - −8 As dimensións exclusivas de CSS non se teñen en conta.
WebP, AVIF ou SVG menos do 30% - -10 O formato vén determinado pola extensión
Srcset para imaxes rasterizadas menos do 30% - -10 SVG non precisa srcset

Aquí está a miña orde de traballo:

  1. Alt. O artigo máis caro e o máis doado de arranxar. Escribe o que se mostra: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", non alt="рюкзак купить дёшево рюкзак". Para elementos decorativos, usa un alt="" baleiro.
  2. Largura e altura. Especifica as dimensións reais nos atributos e engade img { max-width: 100%; height: auto; } ao CSS: a imaxe seguirá sendo adaptable e o deseño deixará de saltar.
  3. A carga diferida aplícase a todo o que se carga por debaixo do pregamento. Non obstante, é prexudicial para a imaxe principal: debe cargarse inmediatamente e con prioridade.
  4. WebP ou AVIF. WordPress admite subidas WebP desde a versión 5.8 e AVIF desde a versión 6.5.
  5. Srcset para fotos grandes para que o teléfono non descargue a versión do monitor.

Un exemplo dunha imaxe principal e unha foto adaptativa axeitadas no 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">

Como escribir unha boa etiqueta alt para unha imaxe?

A etiqueta alt é o elemento máis importante da avaliación e é onde se cometen erros con máis frecuencia: xa sexa deixala en branco ou enchela de palabras clave. Unha regra sinxela: describe a imaxe a alguén que non a poida ver nunha soa frase.

Imaxe Alternativa incorrecta Boa alternativa
Foto do produto рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Foto de equipo photo1 Мастера мастерской Nord за работой над сумкой
Diagrama ou gráfico график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Icona de decoración иконка alt="" baleiro — non hai necesidade de lelo

Para un catálogo, é conveniente crear etiquetas alt usando un modelo: nome do produto + cor ou variante + ángulo. Deste xeito, cinco fotos nunha soa tarxeta terán cinco descricións diferentes e útiles, en lugar de cinco idénticas.

O nome do ficheiro tamén importa: kozhanyj-ryukzak-nord-korichnevyj.webp é mellor que IMG_4512.jpg. Non ten sentido renomear ficheiros antigos só por iso, senón subir outros novos con nomes descritivos.

Comparación: Comprobador de SEO de imaxes e alternativas

Ferramenta Que é gratis? Restricións Para quen é axeitado?
PromoPilot — Verificador de SEO de imaxes Alt, carga diferida, ancho/alto, formatos, srcset; valoración de 0 a 100 e comentarios para cada imaxe Ata 100 imaxes, o tamaño do ficheiro non é estimado Analizar rapidamente imaxes de calquera páxina
Información de Google PageSpeed Auditorías de imaxes como parte da proba de velocidade: formato, tamaño, carga diferida Mesturado con ducias doutras comprobacións, alt apenas entende Avaliando o impacto das imaxes na velocidade
Squósh Comprimir e converter unha soa imaxe nun navegador Non comproba a páxina, funciona con ficheiros Preparación de imaxes individuais
Araña SEO de ra berrante Lista de imaxes sen texto alternativo en todo o sitio Requírese instalación; a versión gratuíta ten un límite de enderezos. Auditoría alternativa en centos de páxinas

Conclusión: Un verificador en liña mostra o que está mal coas imaxes nunha páxina específica, PageSpeed mostra canto custa en velocidade e Squoosh ou un conversor axuda a arranxar os propios ficheiros.

PromoPilot ten 87 ferramentas de SEO gratuítas, incluíndo unha ferramenta de compresión de imaxes e un conversor WebP que funcionan directamente no navegador, sen subir ficheiros ao servidor. Para comprender o tamaño total da páxina, consulta o noso artigo na nosa serie de análise da velocidade da páxina.

Que non ve a verificación de imaxes?

Sexamos sinceros sobre os límites da ferramenta: é importante coñecelos para interpretar a clasificación con precisión:

  • Non se ten en conta o tamaño do ficheiro (as imaxes non se descargan; o formato vén determinado pola extensión).
  • <picture> non se analizou: o JPG en <img> etiquetarase mesmo se hai AVIF ou WebP <source> ao seu carón.
  • As imaxes de fondo de CSS e as imaxes engadidas por JavaScript non se inclúen no informe.
  • As dimensións especificadas só en CSS non se teñen en conta.
  • Unha páxina sen unha soa <img> obtén 50 puntos; isto non é "a metade dos erros", senón "nada que valorar".

Cando non abonda cunha ferramenta gratuíta?

Imaxes antes e despois da optimización: alt baleiro e JPG pesados fronte a descricións, WebP, dimensións especificadas e srcset

Corrixir o texto alternativo nunha soa páxina leva dez minutos. Pero se a tenda ten cinco mil produtos, é imposible facelo manualmente. Necesitas un especialista se:

  • alt debería xerarse automaticamente a partir do nome, a cor e o ángulo para todo o catálogo;
  • as imaxes cárganse desde a cámara sen compresión e necesítase unha canle automática: compresión, WebP, varios tamaños;
  • O tema do sitio web mostra fotos sen ancho, alto nin srcset, e o modelo precisa ser corrixido;
  • Queres obter tráfico de Imaxes Google para consultas de produtos?

Que podo facer polo teu sitio web?

Son Valeriy Danyuk, desenvolvedor e especialista en SEO con 12 anos de experiencia e máis de 200 clientes, incluíndo numerosas tendas en liña con miles de fotos.

SEO e auditoría

Tendas e catálogos

Contabilidade e automatización

Mándame unha ligazón á tarxeta do produto en Telegram. Direiche canto podes gañar segundo as imaxes.

Resultado

  1. O verificador de imaxes SEO en liña analiza ata 100 imaxes nunha páxina e asigna unha puntuación de 0 a 100, xunto con comentarios para cada unha.
  2. A maior cantidade de puntos outórganse ás dimensións alt e width/height, seguidas da carga diferida, WebP/AVIF e srcset.
  3. A imaxe principal non precisa carga diferida: precisa fetchpriority="high".
  4. Para catálogos grandes, o procesamento de fotos automatízase ou escóllese unha plataforma onde xa se fai isto, por exemplo, 1001site.

Comproba a páxina máis pesada do teu sitio web co comprobador gratuíto Image SEO Checker: comeza co valor alt.

Fontes

  • Páxina do verificador de SEO de imaxes de PromoPilot: comprobacións, regras de avaliación, limitacións e preguntas frecuentes.
  • Google Search Central: recomendacións de imaxes para a busca.
  • Google PageSpeed Insights e Squoosh: descricións das funcións.

Referencias e fontes

Preguntas e respostas

Por que son importantes as etiquetas alt para o SEO?

O texto alternativo describe a imaxe para os motores de busca e os lectores de pantalla para cegos. Google Imaxes usa texto alternativo para fins de clasificación e, na páxina, axuda a explicar o contido da foto. Os elementos decorativos pódense deixar cun valor alt="" en branco.

Como afecta o tamaño da imaxe aos Core Web Vitals?

As imaxes grandes ralentizan o LCP (tempo de renderización do elemento máis grande da primeira pantalla, que adoita ser unha foto). Os formatos WebP e AVIF modernos, a compresión, as dimensións correctas e o conxunto de caracteres srcset axudan, así como evitar a carga diferida e establecer unha prioridade de carga alta para a imaxe principal.

A ferramenta comproba o peso da lima?

Non. A ferramenta non descarga imaxes, polo que non estima o tamaño do ficheiro; determina o formato en función da extensión. Para saber o tamaño das imaxes e de toda a páxina, usa Page Speed Analysis ou PageSpeed Insights.

Revisamos a páxina web, pero non hai ninguén que o arranxe?

Esta ferramenta gratuíta detecta problemas. Analizarei o informe, priorizarei e solucionarei os problemas: auditoría SEO, aceleración, etiquetaxe e migración a un novo sitio sen perder clasificación.