Telegramă, WhatsApp+380637610482
Valeri Danyuk
Valeri DanyukdezvoltatorDezvoltarea de instrumente de inteligență artificială pentru companii. De înaltă calitate. La prețuri accesibile.Scrie pe Telegram

Verificator SEO pentru imagini online: Alt, încărcare lentă, WebP și Srcset – Ce trebuie să remediați

Verificare SEO pentru imagini online: alt, încărcare lentă, WebP și srcset, rating 0–100 pentru fiecare imagine

Ce vei primi

  • O evaluare de la 0 la 100 și comentarii pentru fiecare imagine de pe pagină: alt, încărcare lentă, lățime/înălțime, WebP/AVIF, srcset — gratuit
  • Înțelegerea modului în care se calculează scorul și a modificărilor care îl vor îmbunătăți cel mai rapid
  • Exemple de cod predefinite pentru imaginea principală, imaginile responsive și etichetele alt
Aplicați: în 15 minuteSalvează: Traficul Google Imagini și timpii de încărcare pe telefon

Pe scurt: pentru a verifica imaginile de pe o pagină pentru SEO, lipiți adresa URL în instrumentul gratuit SEO Image Checker de la PromoPilot. Instrumentul va analiza până la 100 de etichete <img>: dacă există o etichetă alt, dacă este setat loading="lazy", dacă sunt setate lățimea și înălțimea, dacă se utilizează WebP, AVIF sau SVG și dacă există un srcset. Rezultatul este un scor de la 0 la 100 și comentarii pentru fiecare imagine. Mai jos veți găsi cum se calculează scorul, ce trebuie corectat mai întâi și ce nu vede instrumentul.

Construiesc site-uri web și magazine de 12 ani, iar imaginile reprezintă principalul blocaj în aproape fiecare dintre ele. O fișă de produs tipică: cinci fotografii de 3 MB direct de pe cameră, un text alternativ gol, iar numele fișierului este IMG_4512.jpg.

Ce verifică verificarea SEO pentru imagini?

Instrumentul analizează fiecare imagine de pe pagină pe baza a cinci criterii și le adună pentru a forma un scor general.

Ce verifică? La ce se uită? De ce este important acest lucru pentru SEO și afaceri?
Alt Există o descriere textuală pentru fiecare <img> Clasament Google Imagini după alt; accesibilitate pentru nevăzători
Încărcare lentă Atributul loading="lazy" se aplică imaginilor de sub primul ecran. Pagina nu încarcă nimic la care vizitatorul nu a derulat încă.
Lățime și înălțime Dimensiunile sunt specificate în atributele etichetei? Blocurile nu „sar” la încărcare - aceasta este o metrică CLS
Format WebP, AVIF sau SVG după extensia de fișier Formatele moderne sunt vizibil mai mici decât JPG și PNG.
Srcset Există opțiuni de imagine pentru diferite ecrane? Telefonul primește fișierul mic, nu versiunea monitorului.

Fiecare imagine primește o listă de comentarii, iar pagina primește un scor final. Acest lucru este convenabil: poți vedea nu doar ce este greșit, ci și care imagine este de vină.

Cum să verifici imaginile de pe un site web online?

Verificați imaginile în 4 pași: lipiți adresa URL, așteptați scanarea a până la 100 de imagini, vizualizați evaluarea și corectați orice comentarii.

  1. Deschideți Verificatorul SEO pentru imagini.
  2. Introduceți adresa paginii, de preferință una cu multe fotografii: fișă de produs, categorie, articol de blog, portofoliu.
  3. Faceți clic pe „Verificare” și așteptați ca toate imaginile să fie scanate.
  4. Vizualizați ratingul și lista de comentarii pentru fiecare imagine.
  5. Vă rugăm să remediați problemele și să verificați din nou pagina.

Iată cum arată pagina instrumentului: câmp de adresă, listă de verificări și Întrebări frecvente.

Pagina gratuită PromoPilot pentru verificarea SEO a imaginilor: câmp URL, verificare alt, încărcare lentă, WebP/AVIF și srcset

Cum se calculează ratingul și ce ar trebui corectat mai întâi?

Evaluarea începe de la 100 de puncte, iar penalizările sunt scăzute pentru fiecare problemă, în funcție de procentul de imagini de pe pagină care nu o trec. Cunoscând regulile, este ușor să-ți dai seama ce va oferi cea mai mare creștere.

Examinare Amenda Comentariu
Alt Mai puțin de 50% dintre imagini cu alt — -30; mai puțin de 80% — -15; mai puțin de 100% — -5 Cel mai semnificativ punct
Încărcare lentă mai puțin de 50% - −15; mai puțin de 80% - −8 Primele trei imagini nu sunt luate în considerare
Lățime și înălțime mai puțin de 50% - −15; mai puțin de 80% - −8 Dimensiunile CSS-only nu sunt luate în considerare.
WebP, AVIF sau SVG mai puțin de 30% - -10 Formatul este determinat de extensia
Srcset pentru imagini raster mai puțin de 30% - -10 SVG nu are nevoie de srcset

Iată ordinul meu de lucru:

  1. Alt. Cel mai scump articol și cel mai ușor de reparat. Scrieți ce este afișat: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nu alt="рюкзак купить дёшево рюкзак". Pentru elemente decorative, folosiți un alt="" gol.
  2. Lățime și înălțime. Specificați dimensiunile reale în atribute și adăugați img { max-width: 100%; height: auto; } la CSS - imaginea va rămâne responsivă, iar aspectul va înceta să mai sară.
  3. Încărcarea lentă se aplică la tot ce se află sub pliere. Cu toate acestea, este în detrimentul imaginii principale: aceasta trebuie încărcată imediat și cu prioritate.
  4. WebP sau AVIF. WordPress acceptă încărcări WebP de la versiunea 5.8 și AVIF de la versiunea 6.5.
  5. Srcset pentru fotografii mari, astfel încât telefonul să nu descarce versiunea pentru monitor.

Un exemplu de imagine principală și fotografie adaptivă adecvate în 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">

Cum să scrii o etichetă alt bună pentru o imagine?

Eticheta alt este cel mai important element al evaluării și este locul unde se fac cel mai des greșeli: fie o lași necompletată, fie o umpli cu cuvinte cheie. O regulă simplă: descrie imaginea cuiva care nu o poate vedea într-o singură propoziție.

Imagine Alt greșit Alt bun
Fotografie de produs рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Fotografie de echipă photo1 Мастера мастерской Nord за работой над сумкой
Diagramă sau diagramă график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Pictogramă decorativă иконка alt="" gol — nu este nevoie să îl citiți

Pentru un catalog, este convenabil să creați etichete alt folosind un șablon: nume produs + culoare sau variantă + unghi. În acest fel, cinci fotografii de pe o singură cartelă vor avea cinci descrieri diferite și utile, în loc de cinci identice.

Numele fișierului contează și el: kozhanyj-ryukzak-nord-korichnevyj.webp este mai bun decât IMG_4512.jpg. Nu are rost să redenumiți fișiere vechi doar pentru asta, ci încărcați altele noi cu nume descriptive.

Comparație: Verificator SEO pentru imagini și alternative

Instrument Ce este gratuit? Restricții Pentru cine este potrivit?
PromoPilot — Verificator SEO pentru imagini Alt, încărcare lentă, lățime/înălțime, formate, srcset; evaluare 0–100 și comentarii pentru fiecare imagine Până la 100 de imagini, dimensiunea fișierului nu este estimată Analizați rapid imagini de pe orice pagină
Google PageSpeed Insights Audituri de imagini ca parte a testului de viteză: format, dimensiune, încărcare lentă Amestecat cu zeci de alte verificări, alt abia înțelege Evaluarea impactului imaginilor asupra vitezei
Squășește Comprimați și convertiți o singură imagine într-un browser Nu verifică pagina, funcționează cu fișiere Pregătirea imaginilor individuale
Păianjen SEO Screaming Frog Listă de imagini fără text alternativ pe întregul site Instalarea este necesară, versiunea gratuită are o limită de adrese Audit Alt pe sute de pagini

Concluzie: Un verificator online arată ce este în neregulă cu imaginile de pe o anumită pagină, PageSpeed arata cât costă viteza, iar Squoosh sau un convertor ajută la remedierea fișierelor în sine.

PromoPilot are 87 de instrumente SEO gratuite, inclusiv un instrument de compresie a imaginilor și un convertor WebP care funcționează direct în browser, fără a încărca fișiere pe server. Pentru a înțelege dimensiunea totală a paginii, consultați articolul nostru din seria noastră de analiză a vitezei paginilor.

Ce nu vede verificarea imaginii?

Să fim sinceri în legătură cu limitele instrumentului — este important să le cunoaștem pentru a interpreta corect evaluarea:

  • Dimensiunea fișierului nu este luată în considerare — imaginile nu sunt descărcate; formatul este determinat de extensie.
  • Eticheta <picture> nu este analizată: JPG din <img> va fi etichetat chiar dacă există AVIF sau WebP în <source> lângă ea.
  • Imaginile de fundal din CSS și imaginile adăugate prin JavaScript nu sunt incluse în raport.
  • Dimensiunile specificate doar în CSS nu sunt luate în considerare.
  • O pagină fără o singură <img> primește 50 de puncte - acestea nu sunt „jumătate din greșeli”, ci „nimic de evaluat”.

Când nu este suficient un instrument gratuit?

Imagini înainte și după optimizare: fișiere alt goale și JPG-uri grele versus descrieri, WebP, dimensiuni specificate și srcset

Corectarea textului alternativ pe o singură pagină durează zece minute. Dar dacă magazinul are cinci mii de produse, este imposibil să o faci manual. Ai nevoie de un specialist dacă:

  • alt ar trebui generat automat din nume, culoare și unghi pentru întregul catalog;
  • imaginile sunt încărcate de pe cameră fără compresie și este nevoie de o rețea automată de procesare: compresie, WebP, dimensiuni multiple;
  • Tema site-ului web afișează fotografii fără lățime, înălțime și srcset, iar șablonul trebuie corectat;
  • Doriți să obțineți trafic de la Google Imagini pentru interogări de produse?

Ce pot face pentru site-ul dvs. web?

Sunt Valeriy Danyuk, dezvoltator și specialist SEO cu 12 ani de experiență și peste 200 de clienți, inclusiv numeroase magazine online cu mii de fotografii.

SEO și audit

Magazine și cataloage

Contabilitate și automatizare

Trimite-mi un link către cardul produsului în Telegram - îți voi spune cât poți câștiga pe baza imaginilor.

Rezultat

  1. Verificatorul de imagini SEO online analizează până la 100 de imagini de pe o pagină și atribuie un scor de la 0 la 100, împreună cu comentarii pentru fiecare.
  2. Cele mai multe puncte sunt acordate dimensiunilor alt și lățime/înălțime, urmate de încărcarea lentă, WebP/AVIF și srcset.
  3. Imaginea principală nu necesită încărcare lentă - are nevoie fetchpriority="high".
  4. Pentru cataloagele mari, procesarea fotografiilor este automatizată - sau se alege o platformă unde acest lucru este deja făcut, de exemplu, 1001site.

Verificați cea mai încărcată pagină a site-ului dvs. cu ajutorul instrumentului gratuit Image SEO Checker — începeți cu caracterele alt.

Surse

  • Pagina de verificare SEO pentru imagini PromoPilot - verificări, reguli de evaluare, limitări și întrebări frecvente.
  • Google Search Central - Recomandări de imagini pentru căutare.
  • Google PageSpeed Insights și Squoosh - Descrieri ale funcțiilor.

Referințe și surse

Întrebări și răspunsuri

De ce sunt importante etichetele alt pentru SEO?

Textul alternativ descrie imaginea pentru motoarele de căutare și cititoarele de ecran pentru nevăzători. Google Căutare de imagini folosește text alternativ în scopuri de clasare și, pe pagină, ajută la explicarea conținutului fotografiei. Elementele decorative pot fi lăsate cu un alt="" gol.

Cum afectează dimensiunea imaginii Core Web Vitals?

Imaginile mari încetinesc LCP-ul - timpul de randare al celui mai mare element de pe primul ecran, care este adesea o fotografie. Formatele moderne WebP și AVIF, compresia, dimensiunile corecte și srcset ajută, la fel ca evitarea încărcării lente și setarea unei priorități ridicate de încărcare pentru imaginea principală.

Instrumentul verifică greutatea pilei?

Nu. Instrumentul nu descarcă imagini, deci nu estimează dimensiunea fișierului; determină formatul în funcție de extensie. Pentru a afla dimensiunea imaginilor și a întregii pagini, utilizați Page Speed Analysis sau PageSpeed Insights.

Am verificat site-ul, dar nu e nimeni care să-l repare?

Acest instrument gratuit identifică problemele. Voi analiza raportul, le voi prioritiza și le voi remedia: audit SEO, accelerare, markup și migrare către un site nou fără pierderi în clasament.