Přejít na hlavní obsah
Seviranta
← Zpět na blog

Jak psát alternativní texty, které fungují — pro čtečky obrazovky i pro SEO

5. června 2026

Stručná odpověď. Dobrý alternativní text několika slovy popisuje, co je na obrázku a proč tam je. Vaše produktové fotografie tak budou čitelné pro lidi používající čtečku obrazovky — a zároveň pomůže Googlu a AI vašim obrázkům porozumět. Jedna krátká věta, dvojí zisk. Dekorativní obrázky dostanou prázdný alt (alt=""); informativní obrázky krátký, konkrétní popis.

Co je vlastně alternativní text?

Alternativní text (atribut alt) je textový popis obrázku ve vašem HTML. Čtečka obrazovky ho přečte, když nevidomý nebo slabozraký návštěvník na obrázek narazí. Pokud alternativní text chybí, slyší takový návštěvník jen „obrázek" — nebo hůř, nečitelný název souboru jako IMG_48392_final.jpg. U produktové fotografie takový zákazník okamžitě odchází, často přesně u pokladny.

Jak napsat dobrý alternativní text?

Tři jednoduchá pravidla a máte vyhráno:

  1. Popište produkt, ne atmosféru. Začněte věcným popisem a vynechte „fotografie…" nebo „obrázek…" — čtečka obrazovky obrázek sama ohlásí.
  2. Rozlišujte informativní a dekorativní. Produktová fotografie, graf nebo banner dostanou krátký popis. Ozdobná linka nebo tvar na pozadí dostanou prázdný alt (alt=""), aby je čtečka obrazovky přeskočila — pro uživatele klidnější.
  3. Necpěte do textu klíčová slova. Pište pro člověka; vyhledávače v roce 2026 rozpoznají přecpané alternativní texty jako spam a penalizují je. Přirozený jazyk vítězí, u návštěvníka i u algoritmu.

Od slabého k silnému, na příkladu jedné kožené dámské kabelky:

  • Špatně: alt="krásná kabelka" — subjektivní a vágní.
  • Průměrně: alt="obrázek kabelky" — zbytečné „obrázek", žádný detail.
  • Dobře: alt="Hnědá kožená dámská kabelka s nastavitelným ramenním popruhem" — konkrétní a použitelné.

Příklad z praxe: pytel krmiva pro psy

Alternativní textCo zažije zákazník a Google
Žádný altČtečka obrazovky předčítá název souboru; Googlu chybí kontext.
alt="produkt"Příliš vágní — zákazník stále neví, co to je.
alt="Pytel granulí pro dospělé psy, 12 kg, s kuřecím masem"Nevidomý zákazník přesně ví, co kupuje; Google stránku správně indexuje.

Kde alternativní texty v e-shopu nastavíte?

Ve většině platforem nemusíte do kódu; je tam vestavěné pole:

  • Shopify: produkt → média → „upravit alternativní text".
  • WooCommerce / WordPress: Média → klikněte na obrázek → pole „Alternativní text".

Tip k prioritám: nezačínejte všemi tisíci produktových stránek. Vezměte nejdřív bannery na homepage, ikony v navigaci a 10 nejprodávanějších produktů — tam je dopad na konverzi největší. Mimochodem, jde o jednu z 10 nejčastějších chyb přístupnosti, takže je velká šance, že tu máte co získat.

Objeví se vaše produkty i ve výsledcích AI vyhledávání?

Ano — a to je ten bonus. Protože Google a AI nástroje (jako ChatGPT a Perplexity) obrázky „nevidí", spoléhají plně na text kolem nich. Když se spotřebitel zeptá AI nástroje „jaké jsou nejlepší granule s kuřecím masem pro mého psa?", hledá nástroj zdroje, které produkt věcně popisují. Dobré alternativní texty tedy zvyšují vaši šanci objevit se ve výsledcích vyhledávání obrázků i v odpovědích AI. Je to stejný princip jako u přístupnost = SEO: jedna oprava, dvojí zisk.

Zjistěte, kde alternativní texty chybí

Chcete vědět, které obrázky na vašem webu ještě nemají alternativní text? Naskenujte zdarma jednu stránku. U každého nálezu uvidíte, které obrázky ho postrádají a jak to opravit — za méně než 60 sekund, bez účtu.