Jak využít Google Obrázky k reálné návštěvnosti

Co získáte z tohoto článku

Dostanete krok‑za‑krokem praktické postupy, jak připravit a publikovat obrázky tak, aby přiváděly návštěvnost z Google Obrázků a zároveň nezpomalovaly stránky. Najdete tu konkrétní implementace (HTML atributy, srcset), nástroje pro ověření a checklist pro běžné chyby.

Jak Google k obrázkům přistupuje (stručně, 2026)

Google používá mobilní verzi stránky jako primární základ pro crawling a indexování; od července 2024 Google pro Search defaultně crawluje s Googlebot Smartphone. To znamená, že obrázky a jejich metadata musí být dostupné v mobilní verzi. Google také v roce 2024 odstranil tradiční funkci zobrazení cache stránek; místo toho spoléhá na přímé načítání zdrojů a na běžné indexační signály. Navíc se výsledky s AI Overviews běžně zobrazují v SERPu a mohou využívat obrázky jako doprovodný obsah — to mění způsob, jak obrazová aktiva přitahují kliky.

Základní pravidla pro optimalizaci obrázků

Volba formátu: použijte moderní formáty (AVIF nebo WebP) tam, kde to prohlížeče nepřekáží, a fallback JPEG/PNG pro kompatibilitu.

Velikost a komprese: exportujte obrázky v rozlišeních odpovídajících využití, minimalizujte ztrátu kvality pomocí vhodné komprese; nedejte uživatelům obří soubory, které nejsou třeba.

Responsivita: použijte atributy srcset a sizes pro různé rozlišení a hustotu pixelů, aby prohlížeč vybral optimální soubor.

HTML atributy: vždy doplňte alt text, uložte width a height pro snížení CLS; příklad: <img src="/images/product.webp" alt="černý batoh 20 l" width="800" height="600">.

Kontekst a popisek: obklopující text, nadpisy a případně popisek (caption) pomáhají Googlu porozumět obsahu obrázku.

Structured data: při relevantních use‑case použijte schema.org ImageObject nebo property image u entity (např. Product.image). Testujte v Rich Results Test a Schema Markup Validator.

Indexovatelnost: zajistěte, aby obrázky nebyly za přihlášením a aby nebyly blokované robots.txt nebo X‑Robots‑Tag hlavičkami.

Lazy-loading: u sekundárních obrázků použijte loading="lazy", ale kritické obrázky nad foldem nenechte lazy-loadovat.

Praktická implementace: krok po kroku

1) Najděte vhodná klíčová slova a záměr vyhledávání: uvažujte, jak lidé popíší obrázek (barva, produkt, akce). Krátká fráze v názvu souboru a v alt textu pomůže kontextu.

2) Pojmenujte soubor popisně: místo IMG_1234.jpg použijte například cerna-batoh-20l.jpg.

3) Vložení do HTML s responsivním nastavením: příklad srcset a sizes:

<img src="/images/batoh-800.webp" srcset="/images/batoh-400.webp 400w, /images/batoh-800.webp 800w, /images/batoh-1200.webp 1200w" sizes="(max-width: 600px) 100vw, 600px" alt="černý turistický batoh 20 l" width="800" height="600">

4) Přidejte strukturovaná data tam, kde dává smysl (produkt, recept, galerie). Použijte pole image nebo ImageObject s URL, caption a případně licence.

5) Zahrňte obrázky do sitemap (image entries). Sitemap může pomoci objevení obrázků, zvlášť u větších galerií — viz Google's sitemap protocol specification pro limity souborů.

Ověření a řešení problémů

Přehled nástrojů k ověření (2026): Google Search Console URL Inspection pro vlastní URL, Rich Results Test a Schema Markup Validator pro strukturovaná data, Chrome DevTools + Lighthouse pro výkon a CLS. Pro veřejné stránky, které nevlastníte, lze použít indikativní kontroly jako site:dotaz a přímé HTTP kontroly.

Praktické příkazy curl:

Zkontrolujte hlavičky obrázku (jen hlavičky): curl -I https://example.com/images/batoh-800.webp — vrátí status, Content-Type a cache hlavičky.

Zkontrolujte, jak server servíruje HTML uživateli: curl -A "Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)" https://example.com/stranka — vrátí HTML, které server poskytne tomuto user‑agentu.

Kontrola indexace: pro vlastní URL použijte URL Inspection v Google Search Console — to je autoritativní zdroj pro to, co Google ví o konkrétní adrese. Pro třetí strany můžete použít site:example.com a unikátní fráze jako indikaci, ale pamatujte, že site: není definitivní důkaz indexace.

Běžné chyby a jak se jim vyhnout

Chybějící nebo nekonzistentní alt text — alt je popis pro vyhledávače a asistivní technologie.

Používání obrázků jako textu (např. text v rámci obrázku) bez alternativního textu v HTML.

Blokování zdrojů v robots.txt nebo nastavení X‑Robots‑Tag: pokud jsou obrázky blokované, Google je nemůže indexovat.

Pomalé obrázky bez CDN nebo bez cache hlaviček — negativně ovlivní Core Web Vitals.

Vkládání důležitých obrázků jako background-image v CSS, které mohou být vynechány při indexaci nebo nejsou správně popsány.

Kdy a proč testovat obrázky ve Search Console

Použijte URL Inspection pro konkrétní stránku poté, co nasadíte změny: zkontrolujte rendering, indexační stav a zda Google vidí metadata. Pokud jste přidali structured data, ověřte je v Rich Results Test. Pro metriky výkonu spusťte Lighthouse v Chrome DevTools.

Přečtěte si průvodce Technical SEO

FAQ