Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolupadorDesenvolupant eines d'IA per a empreses. Alta qualitat. Assequible.Escriure a Telegram

Verificador SEO d'imatges en línia: Alt, càrrega diferida, WebP i Srcset: què cal solucionar

Comprovació SEO d'imatges en línia: alt, càrrega lenta, WebP i srcset, qualificació de 0 a 100 per a cada imatge

Què obtindreu

  • Una qualificació de 0 a 100 i comentaris per a cada imatge de la pàgina: alt, càrrega lenta, amplada/alçada, WebP/AVIF, srcset — gratuït
  • Entendre com es calcula la puntuació i quines edicions la milloraran més ràpidament
  • Exemples de codi prefabricats per a la imatge principal, les imatges responsives i les etiquetes alt
Aplica: en 15 minutsGuarda: Trànsit i temps de càrrega Google Imatges al telèfon

La resposta curta: per comprovar les imatges d'una pàgina per al SEO, enganxeu-ne l'URL al verificador d'imatges SEO gratuït de PromoPilot. L'eina analitzarà fins a 100 etiquetes <img>: si hi ha una etiqueta alt, si loading="lazy" està definit, si l'amplada i l'alçada estan definits, si s'utilitza WebP, AVIF o SVG i si hi ha un srcset. El resultat és una puntuació de 0 a 100 i comentaris sobre cada imatge. A continuació trobareu com es calcula la puntuació, què cal corregir primer i què no veu l'eina.

Porto 12 anys creant llocs web i botigues, i les imatges són el principal coll d'ampolla en gairebé tots ells. Una targeta de producte típica: cinc fotos de 3 MB directament de la càmera, un text alternatiu en blanc i el nom del fitxer és IMG_4512.jpg.

Què comprova la comprovació SEO d'imatges?

L'eina examina cada imatge de la pàgina segons cinc criteris i els suma per formar una puntuació global.

Què comprova? Què està mirant? Per què és important això per al SEO i les empreses?
Alt Hi ha una descripció textual per a cada <img> Classificació d'imatges Google per alt; accessibilitat per a cecs
Càrrega diferida L'atribut loading="lazy" s'aplica a les imatges que es troben a sota de la primera pantalla. La pàgina no carrega res que el visitant no hagi visitat encara.
Amplada i alçada Les dimensions s'especifiquen als atributs de l'etiqueta? Els blocs no "salten" en carregar-se: això és una mètrica CLS
Format WebP, AVIF o SVG per extensió de fitxer Els formats moderns són notablement més petits que els JPG i els PNG.
Conjunt de fonts Hi ha opcions d'imatge per a diferents pantalles? El telèfon rep el fitxer petit, no la versió del monitor.

Cada imatge rep una llista de comentaris i la pàgina rep una puntuació final. Això és convenient: podeu veure no només què està malament, sinó també quina imatge és la culpable.

Com puc consultar imatges en un lloc web en línia?

Revisa les imatges en 4 passos: enganxa l'URL, espera que s'escanegin fins a 100 imatges, visualitza la qualificació i corregeix els comentaris.

  1. Obriu el verificador SEO d'imatges.
  2. Inseriu l'adreça de la pàgina, preferiblement una amb moltes fotos: fitxa de producte, categoria, article del blog, portafoli.
  3. Feu clic a "Comprova" i espereu que s'escanegin totes les imatges.
  4. Veure la qualificació i la llista de comentaris de cada imatge.
  5. Si us plau, solucioneu els problemes i torneu a comprovar la pàgina.

Així és com es veu la pàgina de l'eina: camp d'adreça, llista de comprovacions i preguntes freqüents.

Pàgina gratuïta de verificació de SEO d'imatges de PromoPilot: camp d'URL, comprovació alt, càrrega lenta, WebP/AVIF i srcset

Com es calcula la qualificació i què s'ha de corregir primer?

La qualificació comença a 100 punts i es dedueixen penalitzacions per cada problema, depenent del percentatge d'imatges de la pàgina que no la superen. Coneixent les regles, és fàcil esbrinar què donarà l'augment més gran.

Examen Fins Comentari
Alt Menys del 50% d'imatges amb alt — -30; menys del 80% — -15; menys del 100% — -5 El punt més significatiu
Càrrega diferida menys del 50% - −15; menys del 80% - −8 Les tres primeres imatges no es tenen en compte
Amplada i alçada menys del 50% - −15; menys del 80% - −8 Les dimensions només de CSS no es tenen en compte.
WebP, AVIF o SVG menys del 30% - -10 El format ve determinat per l'extensió
Srcset per a imatges ràster menys del 30% - -10 SVG no necessita srcset

Aquí teniu la meva ordre de treball:

  1. Alt. L'article més car i el més fàcil d'arreglar. Escriviu el que es mostra: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", no alt="рюкзак купить дёшево рюкзак". Per als elements decoratius, utilitzeu un alt="" buit.
  2. Amplada i alçada. Especifiqueu les dimensions reals als atributs i afegiu img { max-width: 100%; height: auto; } al CSS: la imatge romandrà responsiva i el disseny deixarà de saltar.
  3. La càrrega diferida s'aplica a tot el que hi ha a sota del plec. Tanmateix, és perjudicial per a la imatge principal: s'ha de carregar immediatament i amb prioritat.
  4. WebP o AVIF. WordPress admet càrregues WebP des de la versió 5.8 i AVIF des de la versió 6.5.
  5. Srcset per a fotos grans perquè el telèfon no descarregui la versió del monitor.

Un exemple d'una imatge principal adequada i una foto adaptativa al text:

<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">

Com escriure una bona etiqueta alt per a una imatge?

L'etiqueta alt és l'element més important de l'avaluació, i és on es cometen errors més sovint: o bé deixar-la en blanc o bé omplir-la de paraules clau. Una regla senzilla: descriu la imatge a algú que no la pugui veure en una sola frase.

Imatge Alt incorrecte Bona alternativa
Foto del producte рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Foto d'equip photo1 Мастера мастерской Nord за работой над сумкой
Diagrama o gràfic график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Icona de decoració иконка alt="" buit — no cal llegir-ho

Per a un catàleg, és convenient crear etiquetes alt utilitzant una plantilla: nom del producte + color o variant + angle. D'aquesta manera, cinc fotos en una sola targeta tindran cinc descripcions diferents i útils, en lloc de cinc idèntiques.

El nom del fitxer també importa: kozhanyj-ryukzak-nord-korichnevyj.webp és millor que IMG_4512.jpg. No té sentit canviar el nom de fitxers antics només per això, sinó que cal pujar-ne de nous amb noms descriptius.

Comparació: Verificador SEO d'imatges i alternatives

Eina Què és gratuït? Restriccions Per a qui és adequat?
PromoPilot — Verificador SEO d'imatges Alt, càrrega lenta, amplada/alçada, formats, srcset; qualificació de 0 a 100 i comentaris per a cada imatge Fins a 100 imatges, la mida del fitxer no és estimada Analitza ràpidament imatges de qualsevol pàgina
Google PageSpeed Insights Auditories d'imatges com a part de la prova de velocitat: format, mida, càrrega lenta Barrejat amb desenes d'altres comprovacions, alt amb prou feines entén Avaluació de l'impacte de les imatges en la velocitat
Squòix Comprimir i convertir una sola imatge en un navegador No comprova la pàgina, funciona amb fitxers Preparació d'imatges individuals
Aranya SEO de la granota cridanera Llista d'imatges sense text alternatiu a tot el lloc web Cal instal·lació, la versió gratuïta té un límit d'adreces Auditoria Alt en centenars de pàgines

Conclusió: Un verificador en línia mostra què passa amb les imatges d'una pàgina específica, PageSpeed mostra quant costa en velocitat i Squoosh o un convertidor ajuda a arreglar els fitxers ells mateixos.

PromoPilot té 87 eines de SEO gratuïtes, incloent-hi una eina de compressió d'imatges i un convertidor WebP que funcionen directament al navegador, sense carregar fitxers al servidor. Per entendre la mida general de la pàgina, consulteu el nostre article de la nostra sèrie d'anàlisi de velocitat de pàgina.

Què no veu la verificació d'imatges?

Siguem sincers sobre els límits de l'eina: és important conèixer-los per interpretar la qualificació amb precisió:

  • La mida del fitxer no es té en compte: les imatges no es descarreguen; el format ve determinat per l'extensió.
  • <picture> no s'ha analitzat: el JPG de <img> s'etiquetarà encara que hi hagi AVIF o WebP a <source> al costat.
  • Les imatges de fons de CSS i les imatges afegides per JavaScript no s'inclouen a l'informe.
  • Les dimensions especificades només en CSS no es tenen en compte.
  • Una pàgina sense una sola <img> obté 50 punts; això no és "la meitat dels errors", sinó "res a valorar".

Quan no n'hi ha prou amb una eina gratuïta?

Imatges abans i després de l'optimització: alt buit i JPG pesats versus descripcions, WebP, dimensions especificades i srcset

Corregir el text alternatiu en una sola pàgina triga deu minuts. Però si la botiga té cinc mil productes, és impossible fer-ho manualment. Necessiteu un especialista si:

  • L'alt s'hauria de generar automàticament a partir del nom, el color i l'angle per a tot el catàleg;
  • les imatges es carreguen des de la càmera sense compressió i es necessita un pipeline automàtic: compressió, WebP, diverses mides;
  • El tema del lloc web mostra fotos sense amplada, alçada ni srcset, i cal corregir la plantilla;
  • Voleu obtenir trànsit d'Imatges de Google per a consultes de productes?

Què puc fer pel vostre lloc web?

Sóc en Valeriy Danyuk, desenvolupador i especialista en SEO amb 12 anys d'experiència i més de 200 clients, incloent-hi nombroses botigues en línia amb milers de fotos.

SEO i auditoria

Botigues i catàlegs

Comptabilitat i automatització

Envia'm un enllaç a la targeta del producte a Telegram; et diré quant pots guanyar en funció de les imatges.

Resultat

  1. El verificador d'imatges SEO en línia analitza fins a 100 imatges d'una pàgina i assigna una puntuació de 0 a 100, juntament amb comentaris per a cadascuna.
  2. La majoria de punts es donen a les dimensions alt i width/height, seguides de la càrrega lenta, WebP/AVIF i srcset.
  3. La imatge principal no necessita càrrega lenta: necessita fetchpriority="high".
  4. Per a catàlegs grans, el processament de fotos s'automatitza o es tria una plataforma on ja es fa això, per exemple, 1001site.

Comproveu la pàgina més pesada del vostre lloc web amb el verificador gratuït Image SEO Checker: comenceu amb l'alt.

Fonts

  • Pàgina del verificador SEO d'imatges de PromoPilot: comprovacions, regles d'avaluació, limitacions i preguntes freqüents.
  • Google Search Central: recomanacions d'imatges per a la cerca.
  • Google PageSpeed Insights i Squoosh: descripcions de les funcions.

Referències i fonts

Preguntes i respostes

Per què són importants les etiquetes alt per al SEO?

El text alternatiu descriu la imatge per als motors de cerca i els lectors de pantalla per a cecs. Google Images utilitza text alternatiu per a fins de classificació i, a la pàgina, ajuda a explicar el contingut de la foto. Els elements decoratius es poden deixar amb un alt="" en blanc.

Com afecta la mida de la imatge a Core Web Vitals?

Les imatges grans alenteixen l'LCP, és a dir, el temps de renderització de l'element més gran de la primera pantalla, que sovint és una foto. Els formats WebP i AVIF moderns, la compressió, les dimensions correctes i el conjunt de funcions srcset ajuden, així com evitar la càrrega lenta i establir una prioritat de càrrega alta per a la imatge principal.

L'eina comprova el pes de la lima?

No. L'eina no descarrega imatges, per tant no estima la mida del fitxer; determina el format en funció de l'extensió. Per saber la mida de les imatges i de tota la pàgina, utilitzeu Page Speed Analysis o PageSpeed Insights.

Hem revisat el lloc web, però no hi ha ningú per arreglar-ho?

Aquesta eina gratuïta detecta problemes. Analitzaré l'informe, els prioritzaré i els solucionaré: auditoria SEO, acceleració, marcatge i migració a un lloc nou sense perdre rànquing.