Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za preduzeća. Visokokvalitetni. Pristupačni.Pišite na Telegram

Online provjera SEO optimizacije slika: Alt, odloženo učitavanje, WebP i Srcset – šta popraviti

SEO provjera slika na internetu: alt, lazy loading, WebP i srcset, ocjena od 0 do 100 za svaku sliku

Šta ćete dobiti

  • Ocjena od 0 do 100 i komentari za svaku sliku na stranici: alt, lijego učitavanje, širina/visina, WebP/AVIF, srcset — besplatno
  • Razumijevanje načina izračunavanja vašeg rezultata i koje izmjene će ga najbrže poboljšati
  • Gotovi primjeri koda za glavnu sliku, responzivne slike i alt tagove
Primijeni: za 15 minutaSačuvano: Promet Google slikama i vrijeme učitavanja na vašem telefonu

Kratak odgovor: da biste provjerili slike na stranici za SEO, zalijepite njen URL u besplatni PromoPilotov SEO Image Checker. Alat će analizirati do 100 <img> oznaka: da li postoji alt oznaka, da li je postavljeno loading="lazy", da li su postavljene širina i visina, da li se koriste WebP, AVIF ili SVG i da li postoji srcset. Rezultat je ocjena od 0 do 100 i komentari za svaku sliku. U nastavku ćete pronaći kako se ocjena izračunava, šta prvo treba popraviti i šta alat ne vidi.

Već 12 godina pravim web stranice i trgovine, a slike su glavno usko grlo u gotovo svakoj od njih. Tipična kartica proizvoda: pet fotografija od 3 MB direktno iz fotoaparata, prazan alternativni tekst i naziv datoteke je IMG_4512.jpg.

Šta provjerava SEO provjera slika?

Alat pregleda svaku sliku na stranici na osnovu pet kriterija i sabira ih kako bi formirao ukupnu ocjenu.

Šta provjerava? Šta on gleda? Zašto je ovo važno za SEO i poslovanje?
Alternativno Postoji li tekstualni opis za svaki <img> Google slike rangiraju po alt-u; pristupačnost za slijepe
Odloženo učitavanje Atribut loading="lazy" se primjenjuje na slike ispod prvog ekrana. Stranica ne učitava ništa do čega posjetitelj nije još skrolao.
Širina i visina Jesu li dimenzije navedene u atributima oznake? Blokovi ne "skaču" prilikom učitavanja - ovo je CLS metrika
Format WebP, AVIF ili SVG prema ekstenziji datoteke Moderni formati su primjetno manji od JPG i PNG.
Izvorni skup Postoje li opcije slike za različite ekrane? Telefon prima malu datoteku, a ne verziju za monitor.

Svaka slika dobija listu komentara, a stranica dobija konačnu ocjenu. Ovo je praktično: možete vidjeti ne samo šta nije u redu, već i koja je slika kriva.

Kako provjeriti slike na web stranici online?

Provjerite slike u 4 koraka: zalijepite URL, pričekajte da se skenira do 100 slika, pogledajte ocjenu i ispravite sve komentare.

  1. Otvorite alat za provjeru SEO-a za slike.
  2. Umetnite adresu stranice, po mogućnosti one s puno fotografija: kartica proizvoda, kategorija, članak na blogu, portfolio.
  3. Kliknite na "Provjeri" i pričekajte da se skeniraju sve slike.
  4. Pogledajte ocjenu i listu komentara za svaku sliku.
  5. Molimo vas da ispravite probleme i ponovo provjerite stranicu.

Ovako izgleda stranica alata: polje za adresu, lista provjera i često postavljana pitanja.

PromoPilotova besplatna stranica za provjeru SEO optimizacije slika: URL polje, provjera alt-a, odgođeno učitavanje, WebP/AVIF i srcset

Kako se izračunava ocjena i šta treba prvo ispraviti?

Ocjena počinje od 100 bodova, a kazne se oduzimaju za svaki problem, ovisno o postotku slika na stranici koje ne zadovoljavaju kriterije. Poznavajući pravila, lako je shvatiti šta će donijeti najveći poticaj.

Ispit Dobro Komentar
Alternativno Manje od 50% slika sa alt — -30; manje od 80% — -15; manje od 100% — -5 Najznačajnija tačka
Odloženo učitavanje manje od 50% - −15; manje od 80% - −8 Prve tri slike se ne uzimaju u obzir
Širina i visina manje od 50% - −15; manje od 80% - −8 Dimenzije koje se odnose samo na CSS se ne uzimaju u obzir.
WebP, AVIF ili SVG manje od 30% - -10 Format je određen ekstenzijom
Srcset za rasterske slike manje od 30% - -10 SVG-u nije potreban srcset

Evo mog radnog naloga:

  1. Alt. Najskuplji i najlakši predmet za popravku. Napišite šta je prikazano: alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", a ne alt="рюкзак купить дёшево рюкзак". Za dekorativne elemente koristite prazan alt="".
  2. Širina i visina. Navedite stvarne dimenzije u atributima i dodajte img { max-width: 100%; height: auto; } u CSS - slika će ostati responzivna, a raspored će prestati skakati.
  3. Odloženo učitavanje se odnosi na sve ispod pregiba. Međutim, štetno je za glavnu sliku: potrebno ju je učitati odmah i s prioritetom.
  4. WebP ili AVIF. WordPress podržava WebP upload od verzije 5.8, a AVIF od verzije 6.5.
  5. Srcset za velike fotografije kako telefon ne bi preuzimao verziju za monitor.

Primjer pravilne glavne slike i adaptivne fotografije u tekstu:

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

Kako napisati dobar alt tag za sliku?

Alt tag je najvažniji element evaluacije i upravo tu se najčešće prave greške: ili se ostavlja praznim ili se puni ključnim riječima. Jednostavno pravilo: opišite sliku nekome ko je ne može vidjeti u jednoj rečenici.

Slika Loša alternativa Dobra alternativa
Fotografija proizvoda рюкзак купить рюкзак недорого Кожаный рюкзак Nord 20 л, коричневый, вид спереди
Timska fotografija photo1 Мастера мастерской Nord за работой над сумкой
Dijagram ili grafikon график Рост заказов с сайта по месяцам: с 40 до 120 в месяц
Ikona dekoracije иконка prazan alt="" — nema potrebe da se čita

Za katalog je praktično kreirati alt oznake pomoću predloška: naziv proizvoda + boja ili varijanta + ugao. Na ovaj način, pet fotografija na jednoj kartici imat će pet različitih, korisnih opisa, umjesto pet identičnih.

Naziv datoteke je također važan: kozhanyj-ryukzak-nord-korichnevyj.webp je bolji od IMG_4512.jpg. Nema smisla preimenovati stare datoteke samo zbog ovoga, već prenesite nove s opisnim nazivima.

Poređenje: Alat za provjeru SEO-a za slike i alternative

Alat Šta je besplatno? Ograničenja Za koga je pogodno?
PromoPilot — Provjera SEO optimizacije slika Alt, odloženo učitavanje, širina/visina, formati, srcset; ocjena 0–100 i komentari za svaku sliku Do 100 slika, veličina datoteke nije procijenjena Brzo analizirajte slike sa bilo koje stranice
Google PageSpeed Insights Revizije slika kao dio testa brzine: format, veličina, odgođeno učitavanje Pomiješan sa desetinama drugih provjera, alt jedva razumije Procjena utjecaja slika na brzinu
Squoosh Komprimujte i konvertujte jednu sliku u pregledniku Ne provjerava stranicu, radi s datotekama Priprema pojedinačnih slika
Vrišteća žaba SEO pauk Spisak slika bez alternativnog teksta na cijeloj web stranici Instalacija je obavezna, besplatna verzija ima ograničenje adresa Alt revizija na stotinama stranica

Zaključak: Online provjera pokazuje šta nije u redu sa slikama na određenoj stranici, PageSpeed pokazuje koliko košta brzina, a Squoosh ili konverter pomaže u popravljanju samih datoteka.

PromoPilot ima 87 besplatnih SEO alata, uključujući alat za kompresiju slika i WebP konverter koji rade direktno u pregledniku, bez otpremanja datoteka na server. Da biste razumjeli ukupnu veličinu stranice, pogledajte naš članak u našoj seriji analiza brzine učitavanja stranice.

Šta ne vidi verifikacija slike?

Budimo iskreni u vezi s ograničenjima alata - važno ih je znati kako bismo precizno protumačili ocjenu:

  • Veličina datoteke se ne uzima u obzir — slike se ne preuzimaju; format je određen ekstenzijom.
  • Oznaka <picture> nije analizirana: JPG u <img> će biti označena čak i ako se pored nje nalazi AVIF ili WebP u <source>.
  • Pozadinske slike iz CSS-a i slike dodane putem JavaScripta nisu uključene u izvještaj.
  • Dimenzije specificirane samo u CSS-u se ne uzimaju u obzir.
  • Stranica bez ijednog <img> dobija 50 bodova - ovo nije "polovina grešaka", već "nema šta ocijeniti".

Kada besplatni alat nije dovoljan?

Slike prije i poslije optimizacije: prazne alt i teške JPG slike u odnosu na opise, WebP, određene dimenzije i srcset

Ispravljanje alternativnog teksta na jednoj stranici traje deset minuta. Ali ako trgovina ima pet hiljada proizvoda, nemoguće je to uraditi ručno. Potreban vam je stručnjak ako:

  • alt bi trebao biti automatski generiran iz imena, boje i ugla za cijeli katalog;
  • slike se učitavaju s kamere bez kompresije, a potreban je automatski cjevovod: kompresija, WebP, više veličina;
  • Tema web stranice prikazuje fotografije bez širine, visine i srcset-a, a predložak treba popraviti;
  • Želite li dobiti promet s Google slika za upite o proizvodima?

Šta mogu učiniti za vašu web stranicu?

Ja sam Valeriy Danyuk, programer i SEO specijalista sa 12 godina iskustva i preko 200 klijenata, uključujući brojne online prodavnice sa hiljadama fotografija.

SEO i revizija

Trgovine i katalozi

Računovodstvo i automatizacija

Pošaljite mi link do kartice proizvoda u Telegram - reći ću vam koliko možete osvojiti na osnovu slika.

Rezultat

  1. Online SEO provjera slika analizira do 100 slika na stranici i dodjeljuje ocjenu od 0 do 100, zajedno s komentarima za svaku.
  2. Najviše bodova se daje dimenzijama alt i širine/visine, a slijede ih lijego učitavanje, WebP/AVIF i srcset.
  3. Glavnoj slici nije potrebno odgođeno učitavanje - potrebno joj je fetchpriority="high".
  4. Za velike kataloge, obrada fotografija je automatizirana - ili se bira platforma na kojoj je to već urađeno, na primjer, 1001site.

Provjerite najopterećeniju stranicu na vašem sajtu pomoću besplatnog alata Image SEO Checker — i počnite s alt.

Izvori

  • PromoPilotova stranica za provjeru SEO optimizacije slika - provjere, pravila evaluacije, ograničenja i često postavljana pitanja.
  • Google Search Central - Preporuke slika za pretragu.
  • Google PageSpeed Insights i Squoosh - Opisi funkcija.

Reference i izvori

Pitanja i odgovori

Zašto su alt tagovi važni za SEO?

Alternativni tekst opisuje sliku za pretraživače i čitače ekrana za slijepe. Google Images koristi alternativni tekst za potrebe rangiranja, a na stranici pomaže u objašnjavanju sadržaja fotografije. Dekorativni elementi mogu se ostaviti s praznim alt="".

Kako veličina slike utiče na Core Web Vitals?

Velike slike usporavaju LCP - vrijeme renderiranja najvećeg elementa na prvom ekranu, koji je često fotografija. Moderni WebP i AVIF formati, kompresija, ispravne dimenzije i srcset pomažu, kao i izbjegavanje lijenog učitavanja i postavljanje visokog prioriteta učitavanja za glavnu sliku.

Da li alat provjerava težinu datoteke?

Ne. Alat ne preuzima slike, tako da ne procjenjuje veličinu datoteke; određuje format na osnovu ekstenzije. Da biste saznali veličinu slika i cijele stranice, koristite Analizu brzine učitavanja stranice ili Uvide u brzinu učitavanja stranice.

Provjerili smo web stranicu, ali nema nikoga da to popravi?

Ovaj besplatni alat otkriva probleme. Analizirat ću izvještaj, odrediti prioritete i riješiti ih: SEO revizija, ubrzanje, označavanje i migracija na novu stranicu bez gubitka rangiranja.