Kratek odgovor: če želite preveriti slike na strani za SEO, prilepite njen URL v brezplačni preverjevalnik slik PromoPilot SEO. Orodje bo analiziralo do 100 oznak <img>: ali obstaja oznaka alt, ali je nastavljen loading="lazy", ali sta nastavljeni širina in višina, ali so uporabljeni formati WebP, AVIF ali SVG in ali obstaja parameter srcset. Rezultat je ocena od 0 do 100 in komentarji k vsaki sliki. Spodaj boste našli, kako se izračuna ocena, kaj je treba najprej popraviti in česa orodje ne vidi.
Spletne strani in trgovine gradim že 12 let, slike pa so glavno ozko grlo v skoraj vsaki od njih. Tipična kartica izdelka: pet 3 MB fotografij neposredno iz fotoaparata, prazno nadomestno besedilo in ime datoteke je IMG_4512.jpg.
Kaj preverja Image SEO Check?
Orodje pregleda vsako sliko na strani na podlagi petih meril in jih sešteje, da oblikuje skupno oceno.
| Kaj preverja? | Kaj gleda? | Zakaj je to pomembno za SEO in poslovanje? |
|---|---|---|
| Alternativno | Ali obstaja besedilni opis za vsak <img> | Razvrstitev Google Images po alt; dostopnost za slepe |
| Počasno nalaganje | Atribut loading="lazy" se uporabi za slike pod prvim zaslonom. | Stran ne naloži ničesar, na kar se obiskovalec še ni pomaknil. |
| Širina in višina | Ali so dimenzije določene v atributih oznake? | Bloki pri nalaganju ne "skačejo" - to je metrika CLS. |
| Oblika | WebP, AVIF ali SVG glede na končnico datoteke | Sodobni formati so opazno manjši od JPG in PNG. |
| Izvorni niz | Ali obstajajo možnosti slike za različne zaslone? | Telefon prejme majhno datoteko, ne različice za monitor. |
Vsaka slika prejme seznam komentarjev, stran pa končno oceno. To je priročno: vidite lahko ne le, kaj je narobe, ampak tudi, katera slika je napačna.
Kako preveriti slike na spletni strani na spletu?
- Odprite preverjevalnik SEO slik.
- Vstavite naslov strani, po možnosti takšne z veliko fotografijami: kartica izdelka, kategorija, članek na blogu, portfolio.
- Kliknite»Preveri« in počakajte, da se skenirajo vse slike.
- Oglejte si oceno in seznam komentarjev za vsako sliko.
- Prosim, odpravite težave in ponovno preverite stran.
Takole izgleda stran orodja: polje za naslov, seznam preverjanj in pogosta vprašanja.
Kako se izračuna ocena in kaj je treba najprej popraviti?
Ocena se začne pri 100 točkah, za vsako težavo pa se odštejejo kazni, odvisno od odstotka slik na strani, ki je ne prestanejo. Če poznamo pravila, je enostavno ugotoviti, kaj bo prineslo največji napredek.
| Izpit | V redu | Komentar |
|---|---|---|
| Alternativno | Manj kot 50 % slik z alt — -30; manj kot 80 % — -15; manj kot 100 % — -5 | Najpomembnejša točka |
| Počasno nalaganje | manj kot 50 % - −15; manj kot 80 % - −8 | Prve tri slike se ne upoštevajo |
| Širina in višina | manj kot 50 % - −15; manj kot 80 % - −8 | Dimenzije, ki so zapisane samo v CSS-ju, se ne upoštevajo. |
| WebP, AVIF ali SVG | manj kot 30 % - -10 | Obliko določa končnica |
| Srcset za rastrske slike | manj kot 30 % - 10 | SVG ne potrebuje srcseta |
Tukaj je moj delovni nalog:
- Alt. Najdražji in najlažje popravilljiv artikel. Napišite, kaj je prikazano:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nealt="рюкзак купить дёшево рюкзак". Za dekorativne elemente uporabite prazenalt="". - Širina in višina. V atributih navedite dejanske dimenzije in v CSS dodajte
img { max-width: 100%; height: auto; }– slika bo ostala odzivna in postavitev ne bo več skakala. - Počasno nalaganje velja za vse pod pregibom. Vendar pa škoduje glavni sliki: naložiti jo je treba takoj in s prednostjo.
- WebP ali AVIF. WordPress podpira nalaganje v WebP od različice 5.8, AVIF pa od različice 6.5.
- Srcset za velike fotografije, da telefon ne prenese različice za monitor.
Primer pravilne glavne slike in prilagodljive fotografije v besedilu:
<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 dobro oznako alt za sliko?
Oznaka alt je najpomembnejši element ocenjevanja in prav tam se najpogosteje delajo napake: bodisi jo pustimo prazno bodisi jo napolnimo s ključnimi besedami. Preprosto pravilo: sliko nekomu, ki je ne vidi, opišemo v enem stavku.
| Slika | Slaba alternativa | Dobra alternativa |
|---|---|---|
| Fotografija izdelka | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Ekipna fotografija | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram ali grafikon | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Ikona dekoracije | иконка | prazen alt="" – ni ga treba brati |
Za katalog je priročno ustvariti alt oznake z uporabo predloge: ime izdelka + barva ali različica + kot. Na ta način bo pet fotografij na eni kartici imelo pet različnih, uporabnih opisov, namesto pet enakih.
Tudi ime datoteke je pomembno: kozhanyj-ryukzak-nord-korichnevyj.webp je boljša od IMG_4512.jpg. Ni smiselno preimenovati starih datotek samo zaradi tega, ampak naložite nove z opisnimi imeni.
Primerjava: Preverjevalnik SEO slik in alternative
| Orodje | Kaj je brezplačno? | Omejitve | Za koga je primerno? |
|---|---|---|---|
| PromoPilot — Preverjevalnik SEO slik | Alt, leno nalaganje, širina/višina, formati, srcset; ocena 0–100 in komentarji za vsako sliko | Do 100 slik, velikost datoteke ni ocenjena | Hitro razčlenite slike s katere koli strani |
| Vpogledi Google PageSpeed | Pregledi slik kot del testa hitrosti: format, velikost, leno nalaganje | Pomešan z ducati drugih preverjanj, alt komaj razume | Ocenjevanje vpliva slik na hitrost |
| Squoosh | Stisnite in pretvorite eno sliko v brskalniku | Ne preverja strani, deluje z datotekami | Priprava posameznih slik |
| Kričeča žaba SEO pajek | Seznam slik brez nadomestnega besedila na celotnem spletnem mestu | Namestitev je obvezna, brezplačna različica ima omejitev glede naslovov | Alt revizija na stotinah strani |
Zaključek: Spletni pregledovalnik pokaže, kaj je narobe s slikami na določeni strani, PageSpeed pokaže, koliko stane hitrost, Squoosh ali pretvornik pa pomaga popraviti same datoteke.
PromoPilot ima 87 brezplačnih orodij za SEO, vključno z orodjem za stiskanje slik in pretvornikom WebP, ki delujeta neposredno v brskalniku, brez nalaganja datotek na strežnik. Če želite razumeti celotno velikost strani, si oglejte naš članek v naši seriji analiz hitrosti strani.
Česa preverjanje slik ne vidi?
Bodimo iskreni glede omejitev orodja – pomembno jih je poznati, da lahko natančno interpretiramo oceno:
- Velikost datoteke se ne upošteva – slike se ne prenesejo; format določa končnica.
- Oznaka
<picture>ni razčlenjena: JPG v<img>bo označen, tudi če je v<source>poleg njega AVIF ali WebP. - Slike ozadja iz CSS- ja in slike, dodane z JavaScriptom, niso vključene v poročilo.
- Dimenzije, določene samo v CSS-ju, se ne upoštevajo.
- Stran brez enega samega
<img>dobi 50 točk – to ni»polovica napak«, ampak»nič za oceniti«.
Kdaj brezplačno orodje ni dovolj?
Popravljanje nadomestnega besedila na eni strani traja deset minut. Če pa ima trgovina pet tisoč izdelkov, je to nemogoče storiti ročno. Potrebujete strokovnjaka, če:
- alt naj se samodejno generira iz imena, barve in kota za celoten katalog;
- slike se nalagajo iz kamere brez stiskanja, potreben pa je samodejni cevovod: stiskanje, WebP, več velikosti;
- Tema spletnega mesta prikazuje fotografije brez širine, višine in srcset-a, predlogo pa je treba popraviti;
- Želite pridobiti promet iz Google Slik za poizvedbe o izdelkih?
Kaj lahko storim za vašo spletno stran?
Sem Valeriy Danyuk, razvijalec in SEO specialist z 12 leti izkušenj in več kot 200 strankami, vključno s številnimi spletnimi trgovinami s tisoči fotografij.
SEO in revizija
- SEO pregled spletne strani na ključ: Preverim slike na celotnem spletnem mestu, nastavim samodejno pretvorbo in alternativno besedilo v predlogah.
- SEO blog, ki ga poganja umetna inteligenca in privablja organske stranke – samodejno prikazuje alt in WebP slike za vsak članek.
Trgovine in katalogi
- Katalog s 300 izdelki v samo nekaj minutah prek MCP in Claude – z opisi in fotografijami za vsak izdelek.
- Spletna trgovina na WooCommerce z ustrezno obdelavo slik.
- Selitev trgovine z Instagram na spletno stran – fotografije in opisi izdelkov se selijo naprej.
- Izdelke, fotografije in besedilo lahko prenesete na 1001site prek povezave s svojega starega spletnega mesta ali družbenih medijev.
Računovodstvo in avtomatizacija
- Računovodstvo + knjigovodstvo + trgovina za 30.000 izdelkov.
- Telegram bot z umetno inteligenco za spletno trgovino z omakami.
Pošlji mi povezavo do kartice izdelka v Telegram - na podlagi slik ti bom povedal, koliko lahko osvojiš.
Rezultat
- Spletni preverjevalnik slik za SEO analizira do 100 slik na strani in jim dodeli oceno od 0 do 100, skupaj s komentarji za vsako.
- Največ točk je namenjenih dimenzijam alt in širina/višina, sledijo pa jim leno nalaganje, WebP/AVIF in srcset.
- Glavna slika ne potrebuje lenobnega nalaganja - potrebuje
fetchpriority="high". - Pri velikih katalogih je obdelava fotografij avtomatizirana – ali pa se izbere platforma, kjer je to že narejeno, na primer 1001site.
Preverite najobsežnejšo stran svojega spletnega mesta z brezplačnim orodjem Image SEO Checker – začnite z alt.
Viri
- Stran PromoPilot za preverjanje optimizacije slik za iskalnike – preverjanja, pravila ocenjevanja, omejitve in pogosta vprašanja.
- Google Search Central – Priporočila slik za iskanje.
- Google PageSpeed Insights in Squoosh - opisi funkcij.
