Stručná odpoveď: na kontrolu obrázkov na stránke z hľadiska SEO vložte jej URL adresu do bezplatného nástroja PromoPilot na kontrolu SEO obrázkov. Nástroj analyzuje až 100 značiek <img>: či je prítomná značka alt, či je nastavený loading="lazy", či je nastavená šírka a výška, či sa používajú formáty WebP, AVIF alebo SVG a či je prítomný parameter srcset. Výsledkom je skóre od 0 do 100 a komentáre ku každému obrázku. Nižšie nájdete informácie o tom, ako sa skóre vypočíta, čo treba opraviť ako prvé a čo nástroj nevidí.
Už 12 rokov vytváram webové stránky a obchody a obrázky sú hlavným úzkym hrdlom takmer v každom z nich. Typická karta produktu: päť 3MB fotografií priamo z fotoaparátu, prázdny alternatívny text a názov súboru je IMG_4512.jpg.
Čo kontroluje kontrola SEO obrázkov?
Nástroj porovnáva každý obrázok na stránke na základe piatich kritérií a sčíta ich, aby vytvoril celkové skóre.
| Čo kontroluje? | Na čo sa pozerá? | Prečo je to dôležité pre SEO a podnikanie? |
|---|---|---|
| Alternatívny | Existuje textový popis pre každý <img> | Zoradenie obrázkov Google podľa alt; prístupnosť pre nevidiacich |
| Oneskorené načítanie | Atribút loading="lazy" sa aplikuje na obrázky pod prvou obrazovkou. | Stránka nenačíta nič, na čo návštevník ešte neprešiel. |
| Šírka a výška | Sú rozmery uvedené v atribútoch značky? | Bloky pri načítavaní „neskáču“ – toto je metrika CLS. |
| Formát | WebP, AVIF alebo SVG podľa prípony súboru | Moderné formáty sú citeľne menšie ako JPG a PNG. |
| Zdrojová sada | Existujú možnosti zobrazenia pre rôzne obrazovky? | Telefón prijme malý súbor, nie verziu pre monitor. |
Každý obrázok dostane zoznam komentárov a stránka dostane konečné skóre. To je praktické: vidíte nielen to, čo je zle, ale aj to, ktorý obrázok je chybný.
Ako skontrolovať obrázky na webovej stránke online?
- Otvorte kontrolu SEO obrázkov.
- Vložte adresu stránky, najlepšie takej s množstvom fotografií: karta produktu, kategória, článok na blogu, portfólio.
- Kliknite na tlačidlo „Skontrolovať“ a počkajte, kým sa naskenujú všetky obrázky.
- Pozrite si hodnotenie a zoznam komentárov ku každému obrázku.
- Prosím, opravte problémy a znova skontrolujte stránku.
Takto vyzerá stránka nástroja: pole s adresou, zoznam kontrol a najčastejšie otázky.
Ako sa vypočítava hodnotenie a čo by sa malo najskôr opraviť?
Hodnotenie začína na 100 bodoch a za každý problém sa odpočítavajú penalizácie v závislosti od percenta obrázkov na stránke, ktoré ho nespĺňajú. Pri znalosti pravidiel je ľahké zistiť, čo prinesie najväčší nárast.
| Skúška | Pokuta | Komentár |
|---|---|---|
| Alternatívny | Menej ako 50 % obrázkov s alt — -30; menej ako 80 % — -15; menej ako 100 % — -5 | Najvýznamnejší bod |
| Oneskorené načítanie | menej ako 50 % - −15; menej ako 80 % - −8 | Prvé tri obrázky sa neberú do úvahy |
| Šírka a výška | menej ako 50 % - −15; menej ako 80 % - −8 | Rozmery iba v CSS sa neberú do úvahy. |
| WebP, AVIF alebo SVG | menej ako 30 % - -10 | Formát je určený príponou |
| Srcset pre rastrové obrázky | menej ako 30 % - -10 | SVG nepotrebuje srcset |
Tu je moja pracovná objednávka:
- Alt. Najdrahšia a najľahšie opraviteľná položka. Napíšte, čo je zobrazené:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", niealt="рюкзак купить дёшево рюкзак". Pre dekoratívne prvky použite prázdnyalt="". - Šírka a výška. V atribútoch zadajte skutočné rozmery a do CSS pridajte
img { max-width: 100%; height: auto; }– obrázok zostane responzívny a rozloženie prestane skákať. - Oneskorené načítanie sa vzťahuje na všetko pod záhybom. Je to však škodlivé pre hlavný obrázok: je potrebné ho načítať okamžite a s prioritou.
- WebP alebo AVIF. WordPress podporuje nahrávanie WebP od verzie 5.8 a AVIF od verzie 6.5.
- Nastavenie Srcset pre veľké fotografie, aby telefón nesťahoval verziu pre monitor.
Príklad správneho hlavného obrázka a adaptívnej fotografie v texte:
<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">Ako napísať dobrý alt tag pre obrázok?
Alt tag je najdôležitejším prvkom hodnotenia a práve tam sa najčastejšie robia chyby: buď ho necháte prázdny, alebo ho preplníte kľúčovými slovami. Jednoduché pravidlo: opíšte obrázok niekomu, kto ho nevidí, v jednej vete.
| Obrázok | Nesprávny alternatívny výraz | Dobrý alternatívny |
|---|---|---|
| Fotografia produktu | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Tímová fotografia | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram alebo graf | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Ikona dekorácie | иконка | prázdny alt="" — nie je potrebné ho čítať |
Pre katalóg je vhodné vytvoriť alt tagy pomocou šablóny: názov produktu + farba alebo variant + uhol. Takto bude mať päť fotografií na jednej karte päť rôznych, užitočných popisov, a nie päť identických.
Názov súboru je tiež dôležitý: kozhanyj-ryukzak-nord-korichnevyj.webp je lepší ako IMG_4512.jpg. Nemá zmysel premenovávať staré súbory len kvôli tomuto, ale nahrajte nové s popisnými názvami.
Porovnanie: Kontrola SEO obrázkov a alternatívy
| Nástroj | Čo je zadarmo? | Obmedzenia | Pre koho je vhodný? |
|---|---|---|---|
| PromoPilot — Kontrola SEO optimalizácie pre obrázky | Alt, oneskorené načítavanie, šírka/výška, formáty, srcset; hodnotenie 0–100 a komentáre pre každý obrázok | Do 100 obrázkov, veľkosť súboru sa neodhaduje | Rýchla analýza obrázkov z ľubovoľnej stránky |
| Štatistiky Google PageSpeed | Audity obrázkov ako súčasť testu rýchlosti: formát, veľkosť, oneskorené načítavanie | Zmiešaný s desiatkami ďalších kontrol, alt sotva rozumie | Posúdenie vplyvu obrázkov na rýchlosť |
| Squoosh | Komprimovať a konvertovať jeden obrázok v prehliadači | Nekontroluje stránku, funguje so súbormi | Príprava jednotlivých obrázkov |
| Kričiaca žaba SEO pavúk | Zoznam obrázkov bez alternatívneho textu na celom webe | Inštalácia je potrebná, bezplatná verzia má obmedzený počet adries | Alt audit na stovkách stránok |
Záver: Online kontrola ukazuje, čo je zle s obrázkami na konkrétnej stránke, PageSpeed ukazuje, koľko to stojí za rýchlosť a Squoosh alebo konvertor pomáha opraviť samotné súbory.
PromoPilot ponúka 87 bezplatných SEO nástrojov vrátane nástroja na kompresiu obrázkov a prevodníka WebP, ktoré fungujú priamo v prehliadači bez nahrávania súborov na server. Ak chcete pochopiť celkovú veľkosť stránky, prečítajte si náš článok v našej sérii analýz rýchlosti načítavania stránok.
Čo overenie obrázka nevidí?
Buďme úprimní, čo sa týka limitov nástroja – je dôležité ich poznať, aby sme mohli presne interpretovať hodnotenie:
- Veľkosť súboru sa neberie do úvahy – obrázky sa nesťahujú; formát je určený príponou.
- Značka
<picture>nie je analyzovaná: JPG v<img>bude označená, aj keď sa vedľa nej v<source>nachádza AVIF alebo WebP. - Obrázky na pozadí z CSS a obrázky pridané pomocou JavaScriptu nie sú v správe zahrnuté.
- Rozmery zadané iba v CSS sa neberú do úvahy.
- Stránka bez jediného
<img>získa 50 bodov – to nie je „polovica chýb“, ale „nič na hodnotenie“.
Kedy bezplatný nástroj nestačí?
Oprava alternatívneho textu na jednej stránke trvá desať minút. Ak má však obchod päťtisíc produktov, nie je možné to urobiť manuálne. Potrebujete špecialistu, ak:
- alt by sa mal automaticky generovať z názvu, farby a uhla pre celý katalóg;
- obrázky sa načítavajú z fotoaparátu bez kompresie a je potrebný automatický pipeline: kompresia, WebP, viacero veľkostí;
- Téma webovej stránky zobrazuje fotografie bez šírky, výšky a zdrojového kódu a šablónu je potrebné opraviť.
- Chcete získať návštevnosť z Obrázkov Google pre dopyty týkajúce sa produktov?
Čo môžem urobiť pre vašu webovú stránku?
Volám sa Valerij Danjuk, som vývojár a SEO špecialista s 12-ročnými skúsenosťami a viac ako 200 klientmi, vrátane mnohých internetových obchodov s tisíckami fotografií.
SEO a audit
- SEO audit webových stránok na kľúč: Skontrolujem obrázky na celom webe, nastavím automatickú konverziu a alternatívny text v šablónach.
- SEO blog s umelou inteligenciou, ktorý prináša organických klientov – automaticky zobrazuje alternatívne a WebP obrázky pre každý článok.
Obchody a katalógy
- Katalóg s 300 položkami už za pár minút prostredníctvom MCP a Claude – s popismi a fotografiami ku každej položke.
- Internetový obchod na WooCommerce s vhodným spracovaním obrázkov.
- Presun obchodu z Instagram na webovú stránku – fotografie a popisy produktov sa presúvajú ďalej.
- Produkty, fotografie a text je možné preniesť na 1001site prostredníctvom odkazu z vašej starej webovej stránky alebo sociálnych médií.
Účtovníctvo a automatizácia
- Účtovníctvo + vedenie účtovných kníh + predajňa pre 30 000 produktov.
- Telegram bot s umelou inteligenciou pre online obchod s omáčkami.
Pošli mi odkaz na kartu produktu v Telegram - na základe obrázkov ti poviem, koľko môžeš vyhrať.
Výsledok
- Online SEO kontrola obrázkov analyzuje až 100 obrázkov na stránke a priraďuje skóre od 0 do 100 spolu s komentármi ku každému z nich.
- Najviac bodov sa udeľuje rozmerom alt a šírka/výška, nasleduje lazy loading, WebP/AVIF a srcset.
- Hlavný obrázok nepotrebuje lenivé načítavanie - potrebuje
fetchpriority="high". - Pri veľkých katalógoch je spracovanie fotografií automatizované – alebo sa zvolí platforma, kde sa to už robí, napríklad 1001site.
Skontrolujte najťažšiu stránku na vašom webe pomocou bezplatného nástroja Image SEO Checker – začnite s alt.
Zdroje
- Stránka Image SEO Checker od PromoPilot – kontroly, pravidlá hodnotenia, obmedzenia a najčastejšie otázky.
- Centrum vyhľadávania Google – Odporúčania obrázkov pre vyhľadávanie.
- Popis funkcií nástrojov Google PageSpeed Insights a Squoosh.
