Kratak odgovor: za provjeru SEO optimizacije slika na stranici, zalijepite njezin URL u besplatni Provjeritelj SEO slika tvrtke PromoPilot. Alat će analizirati do 100 oznaka <img>: postoji li oznaka alt, je li postavljeno loading="lazy", jesu li postavljene širina i visina, koriste li se WebP, AVIF ili SVG te postoji li srcset. Rezultat je ocjena od 0 do 100 i komentari za svaku sliku. U nastavku ćete pronaći kako se izračunava ocjena, što prvo treba popraviti i što alat ne vidi.
Već 12 godina izrađujem web stranice i trgovine, a slike su glavno usko grlo u gotovo svakoj od njih. Tipična kartica proizvoda: pet fotografija od 3 MB izravno iz fotoaparata, prazan alternativni tekst i naziv datoteke je IMG_4512.jpg.
Što provjerava SEO provjera slika?
Alat pregledava svaku sliku na stranici na temelju pet kriterija i zbraja ih kako bi formirao ukupnu ocjenu.
| Što provjerava? | Što on gleda? | Zašto je ovo važno za SEO i poslovanje? |
|---|---|---|
| Alt | Postoji li tekstualni opis za svaki <img> | Google slike rangiraju po alt-u; pristupačnost za slijepe |
| Odloženo učitavanje | Atribut loading="lazy" primjenjuje se na slike ispod prvog ekrana. | Stranica ne učitava ništa do čega posjetitelj još nije 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 dobiva popis komentara, a stranica dobiva konačnu ocjenu. To je praktično: možete vidjeti ne samo što nije u redu, već i koja je slika kriva.
Kako provjeriti slike na web stranici online?
- Otvorite alat za provjeru SEO-a za slike.
- Umetnite adresu stranice, po mogućnosti one s puno fotografija: kartica proizvoda, kategorija, članak na blogu, portfolio.
- Kliknite "Provjeri" i pričekajte da se skeniraju sve slike.
- Pogledajte ocjenu i popis komentara za svaku sliku.
- Molimo vas da ispravite probleme i ponovno provjerite stranicu.
Ovako izgleda stranica alata: polje za adresu, popis provjera i često postavljana pitanja.
Kako se izračunava ocjena i što 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 što će donijeti najveći poticaj.
| Ispit | Fino | Komentar |
|---|---|---|
| Alt | Manje od 50% slika s alt-om — -30; manje od 80% — -15; manje od 100% — -5 | Najznačajnija toč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 samo za 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:
- Alt. Najskuplji i najlakši predmet za popraviti. Napišite što je prikazano:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", a nealt="рюкзак купить дёшево рюкзак". Za ukrasne elemente upotrijebite prazanalt="". - Širina i visina. Navedite stvarne dimenzije u atributima i dodajte
img { max-width: 100%; height: auto; }u CSS - slika će ostati responzivna, a izgled će prestati skakati. - Lijeno učitavanje odnosi se na sve ispod pregiba. Međutim, štetno je za glavnu sliku: potrebno ju je učitati odmah i s prioritetom.
- WebP ili AVIF. WordPress podržava WebP prijenose od verzije 5.8, a AVIF od verzije 6.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 oznaka je najvažniji element evaluacije i upravo se tu najčešće rade greške: ili se ostavlja prazno ili se puni ključnim riječima. Jednostavno pravilo: opišite sliku nekome tko 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 в месяц |
| Dekorativna ikona | иконка | prazan alt="" — nema potrebe čitati ga |
Za katalog je praktično kreirati alt oznake pomoću predloška: naziv proizvoda + boja ili varijanta + kut. Na taj 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.
Usporedba: Alat za provjeru SEO-a za slike i alternative
| Alat | Što je besplatno? | Ograničenja | Za koga je prikladno? |
|---|---|---|---|
| PromoPilot — Provjera SEO optimizacije slika | Alt, lijego 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 s bilo koje stranice |
| Google PageSpeed Insights | Revizije slika kao dio testa brzine: format, veličina, odgođeno učitavanje | Pomiješano s desecima drugih provjera, alt jedva razumije | Procjena utjecaja slika na brzinu |
| Squoosh | Komprimiranje i pretvaranje jedne slike u pregledniku | Ne provjerava stranicu, radi s datotekama | Priprema pojedinačnih slika |
| Vrišteća žaba SEO pauk | Popis 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 što nije u redu sa slikama na određenoj stranici, PageSpeed pokazuje koliko košta brzina, a Squoosh ili pretvarač pomaže u popravljanju samih datoteka.
PromoPilot ima 87 besplatnih SEO alata, uključujući alat za kompresiju slika i WebP pretvarač koji rade izravno u pregledniku, bez učitavanja datoteka na poslužitelj. Da biste razumjeli ukupnu veličinu stranice, pogledajte naš članak u našoj seriji analiza brzine učitavanja stranice.
Što ne vidi provjera slike?
Budimo iskreni o ograničenjima alata - važno ih je znati kako bismo točno 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čen č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šće.
- Dimenzije navedene samo u CSS-u se ne uzimaju u obzir.
- Stranica bez ijednog
<img>dobiva 50 bodova - to nije "pola grešaka", već "nema što ocijeniti".
Kada besplatni alat nije dovoljan?
Ispravljanje alternativnog teksta na jednoj stranici traje deset minuta. Ali ako trgovina ima pet tisuća proizvoda, nemoguće je to učiniti ručno. Trebate stručnjaka ako:
- alt bi se trebao automatski generirati iz naziva, boje i kuta 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 srcseta, a predložak treba popraviti;
- Želite li dobiti promet s Google slika za upite o proizvodima?
Što mogu učiniti za vašu web stranicu?
Ja sam Valeriy Danyuk, programer i SEO stručnjak s 12 godina iskustva i preko 200 klijenata, uključujući brojne online trgovine s tisućama fotografija.
SEO i revizija
- SEO revizija web stranice po principu "ključ u ruke": Provjeravam slike na cijeloj stranici, postavljam automatsku konverziju i alternativni tekst u predlošcima.
- SEO blog s umjetnom inteligencijom koji dovodi organske klijente — automatski prikazuje alt i WebP slike za svaki članak.
Trgovine i katalozi
- Katalog s 300 artikala za samo nekoliko minuta putem MCP a i Claude — s opisima i fotografijama za svaki artikl.
- Online trgovina na WooCommerce s pravilnom obradom slika.
- Premještanje trgovine s Instagram na web stranicu — fotografije i opisi proizvoda se premještaju.
- Proizvodi, fotografije i tekst mogu se prenijeti na 1001site putem poveznice sa vaše stare web stranice ili društvenih mreža.
Računovodstvo i automatizacija
- Računovodstvo + knjigovodstvo + trgovina za 30.000 proizvoda.
- Telegram bot s umjetnom inteligencijom za online trgovinu umacima.
Pošalji mi poveznicu na karticu proizvoda u Telegram - reći ću ti koliko možeš osvojiti na temelju slika.
Proizlaziti
- Online SEO provjera slika analizira do 100 slika na stranici i dodjeljuje im ocjenu od 0 do 100, zajedno s komentarima za svaku.
- Najviše bodova dobivaju dimenzije alt i širina/visina, a slijede ih lijego učitavanje, WebP/AVIF i srcset.
- Glavna slika ne treba lijenu učitavanje - treba joj
fetchpriority="high". - Za velike kataloge, obrada fotografija je automatizirana - ili se odabire platforma na kojoj je to već učinjeno, na primjer, 1001site.
Provjerite najzahtjevniju stranicu svoje web-lokacije pomoću besplatnog alata Image SEO Checker — 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 pretraživanje.
- Google PageSpeed Insights i Squoosh - Opisi značajki.
