Průvodce SEO obrázků: formáty, komprese, názvy souborů, alternativní text, rozměry, líné načítání, mapy obrázků a strukturovaná data, a jak Google Lens a multimodální AI čtou obrázky.

Na této stránce
Stručně
SEO obrázků zajistí, že vaše obrázky se dají snadno najít, pochopit a rychle načíst. Základ: použijte prvek „img“, moderní formát (WebP nebo AVIF), soubor komprimovaný a zmenšený na zobrazovanou velikost, popisný název souboru, konkrétní alternativní text a relevantní text kolem obrázku. Přidejte šířku a výšku, aby se zabránilo posunům rozvržení, líně načítejte obrázky pod hranicí obrazovky a důležité obrázky uveďte v mapě stránek. Udělané dobře přivede návštěvnost z Google Images a Lens, zrychlí vaše stránky a pomůže multimodální AI popsat váš obsah.
Chcete jít dál? Zeptejte se
Rychlý kvíz
Kdo má opravit technickou stránku vašeho webu?
Naše doporučení pro vás
Zkontrolujte to sami pomocí bezplatných nástrojů Googlu
Search Console vypíše stránky, které Google nedokáže přečíst, a PageSpeed Insights testuje rychlost. Mnoho drobných problémů se opraví v nastavení tvorby webu.
Naše doporučení pro vás
Webový vývojář
Problém je v kódu nebo na serveru: správný člověk je vývojář, který zná SEO. Dejte mu seznam chyb ze Search Console.
Naše doporučení pro vás
Nástroj pro technický audit
Váš web má mnoho stránek: crawler je přečte všechny stejně jako Google a vypíše úplný seznam chyb k opravě, stránku po stránce.
Naše doporučení pro vás
Automatický audit, pak obsah
Váš web funguje, ale přináší málo návštěvníků: technické problémy bývají jen zřídka příčinou. Sorank web auditne a poté napíše stránky, které přivedou návštěvnost.
Obrázky jsou často nejtěžší částí stránky a nejméně optimalizovanou. SEO obrázků řeší oba problémy najednou: lehčí stránky se umisťují a konvertují lépe a dobře popsané obrázky si vydobývají vlastní viditelnost v obrázkovém vyhledávání a ve vizuálních odpovědích. Tento průvodce pokrývá každou páku, od formátu po strukturovaná data, s pravidly, která Google dokumentuje.
Obrázky ovlivňují tři věci: rychlost, porozumění a další zdroj návštěvnosti. Největší obrázek stránky je často prvek měřený metrikou Largest Contentful Paint (LCP), jednou z Core Web Vitals. Obrázky také dávají vyhledávačům kontext o stránce a mohou se samy umístit v Google Images, ve vizuálních výsledcích a přes Google Lens, kde lidé hledají fotografií místo slov.
Zvolte nejlehčí formát, který zachová kvalitu, kterou potřebujete. Google Search podporuje obrázky BMP, GIF, JPEG, PNG, WebP, SVG a AVIF.
| Formát | Nejlepší pro | Poznámka |
|---|---|---|
| WebP | Fotografie a ilustrace | Mnohem lehčí než JPEG při podobné kvalitě, široce podporovaný |
| AVIF | Fotografie, kde je váha klíčová | Často lehčí než WebP, kódování je pomalejší |
| JPEG | Fotografie, záložní varianta | Univerzální, těžší |
| PNG | Snímky obrazovky, průhlednost, ostrý text | Těžký pro fotografie |
| SVG | Loga, ikony, jednoduché diagramy | Vektorový, ostrý v každé velikosti |
Každý obrázek podávejte ve velikosti, v jaké se zobrazuje, a komprimujte, pokud to kvalita dovolí. Fotografie o 4000 pixelech zobrazená v sloupci 800 pixelů plýtvá přenosem při každé návštěvě. Před nahráním zmenšete a komprimujte nástrojem, jako je náš bezplatný kompresor obrázků, a použijte responzivní obrázky („srcset“ a „sizes“), aby telefony dostaly menší soubory než velké obrazovky.
Popište, co obrázek ukazuje, prostými slovy, v kontextu stránky. Pokyny Google pro obrázky doporučují krátké, popisné názvy souborů („cervene-bezecke-boty-do-terenu.webp“ místo „IMG_0042.jpg“) a užitečný alternativní text. Alternativní text slouží dvěma publikům: uživatelům čteček obrazovky a vyhledávačům.
| Kvalita | Příklad alternativního textu |
|---|---|
| Chybí | (prázdné) |
| Příliš vágní | boty |
| Vycpávání klíčovými slovy | boty běžecké boty nejlepší běžecké boty levné boty |
| Dobrá | Červené běžecké boty do terénu s hlubokou podrážkou, pohled z boku |
Dekorativní obrázky (oddělovače, pozadí) mohou mít prázdný atribut alt, aby je čtečky přeskočily. Naše heslo ve slovníku o alternativním textu přináší další příklady.
Používejte standardní HTML, udržujte obrázky procházitelné a dejte jim kontext.
Čtou samotný obrázek, ne jen jeho značky. Google Lens rozpoznává objekty, produkty, místa a text na fotografiích a páruje je se stránkami. Multimodální AI modely jako Gemini, modely GPT a Claude umí popsat obrázky, číst grafy a získávat text ze snímků obrazovky. Původní obrázky, které jasně ukazují váš produkt, postup nebo vaše data, se snadněji páruje a cituje než obecné fotografie z fotobank, které používají tisíce webů.
Z toho plyne praktický závěr: přidávejte originální vizuály tam, kde nesou informaci (srovnávací tabulka jako obrázek je méně užitečná než HTML tabulka, ale popsaný diagram nebo skutečná fotografie produktu přidávají hodnotu), a vedle nich držte textové vysvětlení, aby vyhledávače i AI dokázaly spojit obojí.
Deset kontrol před publikováním:
SEO obrázků je hlavně kázeň: lehké soubory, jasné názvy, poctivý alternativní text a čistý HTML kód. Zrychluje stránky, otevírá druhý zdroj návštěvnosti z vyhledávání a pomáhá multimodální AI pochopit, co publikujete. Sorank uplatňuje tato pravidla na každý článek, který napíše a publikuje na autopilotu, s obrázky, interními odkazy a strukturovanými daty: podívejte se na tarify a 3denní bezplatnou zkušební verzi.

SEO obrázků je soubor postupů, které pomáhají vyhledávačům najít, pochopit a zařadit vaše obrázky a zabraňují tomu, aby obrázky zpomalovaly stránky. Zahrnuje formát a hmotnost souboru, název souboru, alternativní text, okolní text, HTML použité pro vložení obrázku, mapy obrázků a strukturovaná data.
Ano. Google používá alternativní text spolu s obsahem stránky a názvem souboru k pochopení toho, co obrázek ukazuje, a čtečky jej nahlas přečtou uživatelům se zrakovým postižením. Napište krátký, konkrétní popis obrázku v kontextu; nevycpávejte klíčová slova a u smysluplných obrázků nenechávejte pole prázdné.
WebP a AVIF obvykle dávají při stejné kvalitě nejmenší soubory a podporuje je Google i moderní prohlížeče. Pro fotografie použijte JPEG jako záložní variantu, PNG pro obrázky, které potřebují ostré hrany nebo průhlednost, a SVG pro loga a ikony. Nejdůležitější je lehký soubor ve velikosti, v jaké se zobrazuje.
VYZKOUŠELI SORANK PŘED VÁMI
