Dokážou Google a AI přečíst text v obrázku? Jak optimalizovat infografiky ve WordPressu pro SEO i viditelnost v odpovědích AI

Dokážou Google a AI přečíst text v obrázku? Jak optimalizovat infografiky ve WordPressu pro SEO a viditelnost v odpovědích AI

Infografika je skvělý způsob, jak vysvětlit složitou věc na jedné ploše. Jenže když do ní dáte celé sdělení a nikam jinam, část publika ho nikdy neuvidí. Nejen lidé se čtečkou obrazovky, ale i Google a AI modely, které z vašeho webu skládají AI odpovědi.

Dobrá zpráva: moderní multimodální modely text v obrázku přečtou. Špatná zpráva: jen když je text velký, kontrastní a rovný. A ještě horší zpráva: spoléhat jen na to je riskantní. V tomhle článku si projdete šest kroků, jak optimalizovat infografiky ve WordPressu tak, aby fungovaly pro lidi, pro Google i pro AI odpovědi.

TL;DR Multimodální modely dnes text v obrázku přečtou. U tištěného textu s přesností kolem 95–96 %, u rukopisu kolem 93–95 %. Funguje to ale jen u velkého, kontrastního textu bez rotace. Drobné písmo v husté infografice je riziko. Google indexuje obrázky přes <img>, alt text, název souboru a okolní kontext. Obrázky vložené jako CSS pozadí neindexuje. AI Overviews a AI Mode nevyžadují žádný speciální markup. Čerpají z běžného indexu. Proto platí: infografika + textová alternativa + popisek + strukturovaná data. Měření AI viditelnosti má limity. Search Console nerozlišuje AI Mode od AI Overviews.

Jak optimalizovat infografiky ve WordPressu — přehled v 6 krocích

Než se pustíte do detailů, tady je mapa celého postupu. Projděte ji jednou a pak se k jednotlivým krokům vracejte.

1. Textová alternativa. Zajistí, že informace z infografiky existuje i mimo obrázek.
2. Popisek a kontext. Dá Googlu i AI vodítko, čeho se obrázek týká.
3. Název souboru a formát. Vyřeší technické základy, které ovlivní indexaci i rychlost.
4. Vložení přes <figure>. Přeloží teorii do Gutenbergu tak, aby to stroje přečetly.
5. Strukturovaná data. Pomůže modelům správně zařadit obrázek.
6. Kontrola a měření. Ověří, že úpravy mají efekt.

Časté otázky hned na začátek: „Mám to dělat u všech obrázků?“ Ne nutně. „Stačí alt text?“ Nestačí, je to jen jeden díl skládačky.

Na co si dát pozor: text, který existuje jen v obrázku a nikde jinde, je pro AI retrieval riziko. Když obrázek vypnete, informace musí zůstat čitelná.

Dokážou Google a AI skutečně přečíst text v obrázku?

Ano. Multimodální modely dnes čtou text v obrázcích srovnatelně nebo lépe než klasické OCR. U tištěného textu se přesnost pohybuje kolem 95–96 %, u rukopisu kolem 93–95 %. U historických dokumentů dosahují nejlepší modely chybovosti pod 1,3 % i bez předzpracování.

Kde to drhne: kurzíva, rotace, nízké rozlišení, kombinace více fontů a hlavně malý text. Čím víc toho v obrázku je, tím větší šance, že model něco přehlédne nebo přečte špatně.

Co to znamená pro infografiku

Text v obrázku je čitelný jen při dostatečné velikosti a kontrastu. Hustá infografika s drobným písmem je pro AI riziko. Lepší je méně textu a větší písmo, horší je snaha nacpat do jednoho obrázku celý článek.

Praktické pravidlo: když text v infografice nepřečte člověk na mobilu bez zoomu, model to bude mít taky těžké.

Kde AI čte obrázek a kde jen text

Google indexuje obrázky přes <img>, alt text, název souboru a okolní kontext. Obrázky vložené jako CSS pozadí neindexuje. To je důležité, protože spousta šablon WordPressu používá pozadí sekcí jako dekoraci i jako nosič obsahu.

Při výběru kandidátů na citaci pravděpodobně dominují textové signály nad obsahem obrázku. Vision inference na každý kandidátský obrázek je totiž drahá. Berte to jako odhad, ne jako potvrzené pravidlo.

Krok 1 — Připravte textovou alternativu, která nese stejnou informaci

Cíl: zajistit, aby obsah infografiky existoval i mimo obrázek.

Alt text popisuje, co obrázek sděluje. Ne „infografika o viditelnosti“, ale konkrétní sdělení. Klíčová čísla a závěry dejte i do okolního textu nebo do seznamu. U složitých infografik přidejte krátký textový souhrn pod obrázkem.

Kontrolní bod: když obrázek vypnete, zůstane informace čitelná? Pokud ne, alt text nestačí.

Časté otázky: „Jak dlouhý má být alt text?“ Stačí jedna výstižná věta. „Má být v češtině?“ Ano, v jazyce stránky.

Krok 2 — Popisek a kontext kolem obrázku

Cíl: dát AI i Googlu vodítko, čeho se obrázek týká.

Použijte <figure> + <figcaption>. Popisek napište jako větu s kontextem, ne jen jako název. Do textu před obrázkem a za ním dejte hlavní sdělení infografiky.

Kontrolní bod: dává popisek smysl i bez obrázku? Pokud ano, je napsaný dobře.

Častá otázka: „Stačí popisek místo alt textu?“ Ne. Popisek je viditelný kontext, alt text je technická alternativa. Obojí má svou roli.

Krok 3 — Název souboru a formát obrázku

Cíl: vyřešit technické základy, které ovlivní indexaci i rychlost.

Název souboru pište popisně, bez diakritiky a mezer. Třeba infografika-citelnost-textu-ai.webp. Vyhněte se IMG_2043.png.

U formátů platí jednoduché srovnání. WebP je rozumný základ: menší než JPEG a široce podporovaný. AVIF je ještě menší, ale pomalejší na zpracování a potřebuje fallback pro starší zařízení. Formát ovlivňuje hlavně LCP, ne přímo čitelnost pro AI.

Kontrolní bod: načítá se obrázek rychle a má popisný název?

Krok 4 — Vložení do WordPressu tak, aby to stroje přečetly

Cíl: převést teorii do Gutenbergu.

Vložte obrázek jako blok Obrázek, ne jako pozadí sekce. Vyplňte pole alternativního textu. Použijte blok Popisek nebo <figure>. U blokových šablon zkontrolujte, že se alt text skutečně vypisuje do HTML.

Kontrolní bod: v náhledu zdrojového kódu je <img> s alt a <figcaption>.

Časté otázky: „Kde ve WordPressu vyplním alt text?“ V nastavení bloku Obrázek, v poli alternativního textu. „Proč ne pozadí?“ Protože obrázky na pozadí Google neindexuje.

Krok 5 — Strukturovaná data a signály pro AI

Cíl: pomoct modelům správně zařadit obrázek.

JSON-LD je preferovaná forma. Použijte ImageObject s vlastnostmi jako caption a contentUrl. Přidejte primaryImageOfPage, pokud jde o hlavní obrázek stránky. U produktů a článků obrázek propojte s Product nebo Article.

AI Overviews a AI Mode speciální markup nevyžadují. Čerpají z běžného indexu. Takže odpověď na častou otázku „Potřebuji zvláštní schema pro AI?“ zní: ne.

Tady se vyplatí mít strukturovaná data pod kontrolou dlouhodobě. Semly pracuje s JSON-LD a llms.txt jako se součástí přípravy webu na AI vyhledávání a umí je napojit i na WooCommerce nebo WordPress přes API. Nejde o plugin na obrázky, ale o vrstvu, která drží vaše signály konzistentní.

Kontrolní bod: jsou data validní a popisují skutečný obsah obrázku?

Krok 6 — Kontrola a měření viditelnosti

Cíl: ověřit, že úpravy mají efekt, a nastavit realistická očekávání.

Zkontrolujte indexaci obrázku, přístupnost (alt text slouží i čtečkám obrazovky) a Core Web Vitals. Pak přichází ta složitější část.

Měření AI viditelnosti má limity. Search Console nerozlišuje AI Mode od AI Overviews. A neexistují impressions pro situaci „být zmíněn, ale necitován“. Proto se vyplatí sledovat vlastní sadu promptů a metriky, jako je viditelnost, pozice, podíl na hlasu a zdroje, které odpovědi formují. Přesně na to se zaměřuje Semly: ukáže, jestli vás modely zmiňují, na jaké pozici a kdo se objevuje místo vás.

Kontrolní bod: máte uložený výchozí stav před úpravami, abyste mohli porovnat?

Častá otázka: „Jak poznám, že mě AI cituje?“ Sledujte vlastní prompty a zdroje v odpovědích. Bez výchozího měření nepoznáte, co zabralo.

Nejčastější chyby a jak je napravit

• Text jen v obrázku bez alternativy. Náprava: doplňte alt text a textový souhrn.
• Alt text typu „obrázek1.png“. Náprava: napište, co obrázek sděluje.
• Obrázek jako CSS pozadí. Náprava: vložte ho jako <img> v bloku Obrázek.
• Drobné písmo a nízký kontrast v infografice. Náprava: méně textu, větší písmo, vyšší kontrast.
• Chybějící popisek. Náprava: přidejte <figcaption> s kontextem.
• Obrázek bez kontextu v okolním textu. Náprava: dejte hlavní sdělení i do textu před a za obrázkem.
• Záměna formátu pro upload do chatu a formátu pro crawl. Náprava: pro web řešte WebP nebo AVIF, pro upload do chatu se podporované formáty liší.

Největší chyba? Text, který existuje jen v obrázku. Všechno ostatní se dá opravit rychle.

Co dál

Až zvládnete klíčové infografiky, rozšiřte postup na celý web: produktové karty, kategorie, landing pages. Přidejte llms.txt a zkontrolujte, co vidí AI crawlery. Zaveďte pravidelný monitoring viditelnosti, ať víte, jestli se něco mění.

Kdy zvolit jednodušší cestu a kdy plošnou úpravu?

• Jen klíčové infografiky: máte málo času a chcete rychlý dopad na nejdůležitější stránky.
• Plošná úprava: máte e-shop s velkým množstvím produktových obrázků a chcete konzistentní signály napříč webem.

Checklist krok za krokem

• Alt text popisuje sdělení, ne typ obrázku.
• Klíčová čísla jsou i v textu, ne jen v obrázku.
• Obrázek má <figcaption> s kontextem.
• Název souboru je popisný, bez diakritiky a mezer.
• Formát je WebP nebo AVIF s fallbackem.
• Obrázek je vložený jako <img>, ne jako pozadí.
• JSON-LD obsahuje ImageObject a primaryImageOfPage.
• Máte uložený výchozí stav pro měření.

Časté otázky (FAQ)

Umí Google přečíst text v obrázku? Ano. Google kombinuje alt text, počítačové vidění a obsah stránky. U velkého a kontrastního textu je přesnost vysoká, u drobného písma a rotace klesá.

Jaký formát obrázku pro WordPress? WebP je rozumný základ. Je menší než JPEG a má širokou podporu. AVIF je ještě menší, ale potřebuje fallback.

Stačí alt text pro AI? Ne. Alt text je jen jeden signál. Pomáhá i popisek, okolní text, název souboru a strukturovaná data.

Potřebuji speciální schema pro AI Overviews? Ne. AI Overviews a AI Mode čerpají z běžného indexu a speciální markup nevyžadují. Strukturovaná data ale pomáhají modelům obsah správně zařadit.

Jak změřit viditelnost infografiky v AI? Search Console nerozlišuje AI Mode od AI Overviews. Sledujte vlastní sadu promptů a metriky jako viditelnost, pozice, podíl na hlasu a zdroje. Platforma Semly tyto metriky sbírá napříč ChatGPT, Gemini, Claude, Grok a Google AI.