Stručná odpověď: Chcete-li zkontrolovat obrázky na stránce z hlediska SEO, vložte jejich URL adresu do bezplatného nástroje PromoPilot pro kontrolu SEO obrázků. Nástroj analyzuje až 100 tagů <img>: zda je přítomen tag alt, zda je nastaven loading="lazy", zda je nastavena šířka a výška, zda jsou použity formáty WebP, AVIF nebo SVG a zda je přítomen parametr srcset. Výsledkem je skóre od 0 do 100 a komentáře ke každému obrázku. Níže naleznete, jak se skóre vypočítá, co je třeba opravit jako první a co nástroj nevidí.
Webové stránky a obchody tvořím už 12 let a obrázky jsou hlavním úzkým hrdlem téměř v každém z nich. Typická karta produktu: pět 3MB fotografií přímo z fotoaparátu, prázdný alternativní text a název souboru je IMG_4512.jpg.
Co kontroluje SEO kontrola obrázků?
Nástroj se podívá na každý obrázek na stránce na základě pěti kritérií a sečte je dohromady, aby vytvořil celkové skóre.
| Co kontroluje? | Na co se dívá? | Proč je to důležité pro SEO a podnikání? |
|---|---|---|
| Alternativní | Existuje textový popis pro každý <img> | Obrázky Google seřazené podle alt; přístupnost pro nevidomé |
| Pomalé načítání | Atribut loading="lazy" se aplikuje na obrázky pod první obrazovkou. | Stránka nenačítá nic, na co návštěvník ještě nepřešel. |
| Šířka a výška | Jsou rozměry specifikovány v atributech tagu? | Bloky při načítání „neskáčou“ – jedná se o metriku CLS. |
| Formát | WebP, AVIF nebo SVG podle přípony souboru | Moderní formáty jsou znatelně menší než JPG a PNG. |
| Zdrojová sada | Existují možnosti obrázků pro různé obrazovky? | Telefon přijímá malý soubor, nikoli verzi pro monitor. |
Každý obrázek obdrží seznam komentářů a stránka obdrží konečné hodnocení. To je praktické: vidíte nejen co je špatně, ale také který obrázek je chybný.
Jak si online zkontrolovat obrázky na webových stránkách?
- Otevřete Kontrolu SEO obrázků.
- Vložte adresu stránky, nejlépe takové s velkým množstvím fotografií: karta produktu, kategorie, článek na blogu, portfolio.
- Klikněte na tlačítko „Zkontrolovat“ a počkejte, až se naskenují všechny obrázky.
- Zobrazit hodnocení a seznam komentářů ke každému obrázku.
- Prosím, opravte problémy a znovu zkontrolujte stránku.
Takto vypadá stránka nástroje: pole s adresou, seznam kontrol a Často kladené otázky.
Jak se hodnocení vypočítává a co je třeba opravit jako první?
Hodnocení začíná na 100 bodech a za každý problém se odečítají penalizace v závislosti na procentu obrázků na stránce, které jej neprojdou. Znalost pravidel vám umožní snadno zjistit, co přinese největší zlepšení.
| Zkouška | Jemné | Komentář |
|---|---|---|
| Alternativní | Méně než 50 % obrázků s alt — -30; méně než 80 % — -15; méně než 100 % — -5 | Nejvýznamnější bod |
| Pomalé načítání | méně než 50 % - −15; méně než 80 % - −8 | První tři obrázky se neberou v úvahu |
| Šířka a výška | méně než 50 % - −15; méně než 80 % - −8 | Rozměry pouze v CSS se neberou v úvahu. |
| WebP, AVIF nebo SVG | méně než 30 % - -10 | Formát je určen příponou |
| Srcset pro rastrové obrázky | méně než 30 % - -10 | SVG nepotřebuje srcset |
Zde je moje pracovní zakázka:
- Alt. Nejdražší a nejsnadněji opravitelná položka. Napište, co je zobrazeno:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", nikolialt="рюкзак купить дёшево рюкзак". Pro dekorativní prvky použijte prázdnýalt="". - Šířka a výška. V atributech zadejte skutečné rozměry a do CSS přidejte
img { max-width: 100%; height: auto; }– obrázek zůstane responzivní a rozvržení přestane skákat. - Pomalé načítání se týká všeho pod ohybem. Je to však škodlivé pro hlavní obrázek: je třeba ho načíst okamžitě a s prioritou.
- WebP nebo AVIF. WordPress podporuje nahrávání do WebP od verze 5.8 a AVIF od verze 6.5.
- Nastavení Srcset pro velké fotografie, aby telefon nestahoval verzi pro monitor.
Příklad správného hlavního obrázku a adaptivní fotografie v textu:
<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">Jak napsat dobrý alt tag pro obrázek?
Alt tag je nejdůležitějším prvkem hodnocení a právě tam se nejčastěji dělají chyby: buď se nechá prázdný, nebo se do něj zaplní klíčovými slovy. Jednoduché pravidlo: popište obrázek někomu, kdo ho nevidí, v jedné větě.
| Obrázek | Špatný alternativní odkaz | Dobrý alternativní |
|---|---|---|
| Fotografie produktu | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Týmová fotografie | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram nebo graf | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Ikona dekorace | иконка | prázdný alt="" — není třeba to číst |
Pro katalog je vhodné vytvořit alt tagy pomocí šablony: název produktu + barva nebo varianta + úhel. Takto bude mít pět fotografií na jedné kartě pět různých, užitečných popisů, nikoli pět identických.
Název souboru je také důležitý: kozhanyj-ryukzak-nord-korichnevyj.webp je lepší než IMG_4512.jpg. Nemá smysl přejmenovávat staré soubory jen kvůli tomu, ale nahrajte nové s popisnými názvy.
Srovnání: Image SEO Checker a alternativy
| Nástroj | Co je zdarma? | Omezení | Pro koho je to vhodné? |
|---|---|---|---|
| PromoPilot — Kontrola SEO obrázků | Alt, líné načítání, šířka/výška, formáty, srcset; hodnocení 0–100 a komentáře ke každému obrázku | Až 100 obrázků, velikost souboru se neodhaduje | Rychle analyzujte obrázky z libovolné stránky |
| Přehledy Google PageSpeed | Audity obrázků jako součást testu rychlosti: formát, velikost, líné načítání | Smíchaný s desítkami dalších kontrol, alt sotva rozumí | Posouzení vlivu obrázků na rychlost |
| Squoosh | Komprimace a převod jednoho obrázku v prohlížeči | Nekontroluje stránku, funguje se soubory | Příprava jednotlivých obrázků |
| Křičící žába SEO pavouk | Seznam obrázků bez alternativního textu na celém webu | Instalace je nutná, bezplatná verze má limit adres | Alt audit stovek stránek |
Závěr: Online kontrola ukazuje, co je špatně s obrázky na konkrétní stránce, PageSpeed ukazuje, kolik to stojí v rychlosti, a Squoosh nebo převodník pomáhá opravit samotné soubory.
PromoPilot nabízí 87 bezplatných SEO nástrojů, včetně nástroje pro kompresi obrázků a převodníku WebP, které fungují přímo v prohlížeči, bez nutnosti nahrávání souborů na server. Chcete-li porozumět celkové velikosti stránky, podívejte se na náš článek v naší sérii analýz rychlosti načítání stránek.
Co ověřování obrazu nevidí?
Buďme upřímní ohledně limitů nástroje – je důležité je znát, abychom mohli přesně interpretovat hodnocení:
- Velikost souboru se nebere v úvahu – obrázky se nestahují; formát je určen příponou.
- Tag
<picture>není analyzován: JPG v<img>bude označen, i když je vedle něj v<source>AVIF nebo WebP. - Obrázky na pozadí z CSS a obrázky přidané pomocí JavaScriptu nejsou v přehledu zahrnuty.
- Rozměry zadané pouze v CSS se neberou v úvahu.
- Stránka bez jediného
<img>získá 50 bodů – to není „polovina chyb“, ale „nic k hodnocení“.
Kdy bezplatný nástroj nestačí?
Oprava alternativního textu na jedné stránce trvá deset minut. Pokud má ale obchod pět tisíc produktů, je nemožné to udělat ručně. Potřebujete specialistu, pokud:
- Alt by měl být generován automaticky z názvu, barvy a úhlu pro celý katalog;
- obrázky se načítají z fotoaparátu bez komprese a je potřeba automatický pipeline: komprese, WebP, více velikostí;
- Šablona webových stránek zobrazuje fotografie bez šířky, výšky a zdrojového kódu a šablonu je třeba opravit.
- Chcete získat návštěvnost z Obrázků Google pro dotazy týkající se produktů?
Co mohu udělat pro váš web?
Jsem Valerij Danjuk, vývojář a SEO specialista s 12 lety zkušeností a více než 200 klienty, včetně mnoha online obchodů s tisíci fotografií.
SEO a audit
- SEO audit webových stránek na klíč: Kontroluji obrázky na celém webu, nastavuji automatickou konverzi a alternativní text v šablonách.
- SEO blog s umělou inteligencí, který přitahuje organické klienty – automaticky zobrazuje alternativní a WebP obrázky pro každý článek.
Obchody a katalogy
- Katalog s 300 položkami během několika minut prostřednictvím MCP a Claude – s popisy a fotografiemi ke každé položce.
- Internetový obchod na WooCommerce s řádným zpracováním obrázků.
- Přesun obchodu z Instagram na webové stránky – fotografie a popisy produktů se přesouvají dál.
- Produkty, fotografie a text lze na 1001site přenést prostřednictvím odkazu z vašeho starého webu nebo sociálních médií.
Účetnictví a automatizace
- Účetnictví + vedení účetních knih + obchod pro 30 000 produktů.
- Telegram bot s umělou inteligencí pro online obchod s omáčkami.
Pošlete mi odkaz na kartu produktu v Telegram - na základě obrázků vám řeknu, kolik můžete vyhrát.
Výsledek
- Online SEO kontrola obrázků analyzuje až 100 obrázků na stránce a přiřazuje jim skóre od 0 do 100 spolu s komentáři ke každému z nich.
- Nejvíce bodů je uděleno rozměrům alt a šířka/výška, následovaným lazy loadingem, WebP/AVIF a srcsetem.
- Hlavní obrázek nepotřebuje líné načítání - potřebuje
fetchpriority="high". - U velkých katalogů je zpracování fotografií automatizované – nebo se zvolí platforma, kde se to již dělá, například 1001site.
Zkontrolujte nejnáročnější stránku vašeho webu pomocí bezplatného nástroje Image SEO Checker – začněte s alt.
Zdroje
- Stránka PromoPilot pro kontrolu SEO obrázků – kontroly, pravidla hodnocení, omezení a často kladené otázky.
- Google Search Central – Doporučení obrázků pro vyhledávání.
- Popis funkcí Google PageSpeed Insights a Squoosh.
