Co je ALT text a proč na e-shopu skoro vždycky chybí
ALT text je krátký popisek obrázku, který se v HTML píše do atributu alt. Je to jediný způsob, jak vyhledávači a hlasové čtečce říct, co je na fotce.
Když si na e-shopu otevřete zdrojový kód produktové fotky, vidíte něco takového:
<img src="IMG_2847.jpeg" alt=""> <img src="IMG_2847.jpeg" alt="Černá kožená kabelka přes rameno se zlatým řetízkem">
Pro návštěvníka se nezmění nic — obrázek vypadá stejně. Ale pro Google, pro Seznam a pro člověka, který používá odečítač obrazovky, je to rozdíl mezi „nějaký soubor" a „černá kožená kabelka".
K čemu ALT text doopravdy je
1. Vyhledávání obrázků
Google Images je pro e-shopy podceňovaný zdroj návštěv. Lidé hledají „černá kabelka přes rameno" v obrázcích a proklikávají se na produkt. Bez ALT textu Google neví, co na fotce je, a produkt v obrázcích prakticky nezobrazí. Vizuální rozpoznávání sice existuje, ale text v atributu je pořád nejsilnější signál.
2. Přístupnost — a od června 2025 i zákon
Nevidomý uživatel prochází e-shop odečítačem obrazovky. Ten mu přečte přesně to, co je v atributu alt. Když tam nic není, přečte název souboru: „i-em-gé-podtržítko-dva-osm-čtyři-sedm-tečka-džejpeg". Nakupovat se v tom nedá.
Navíc od 28. června 2025 platí evropský European Accessibility Act, který v Česku promítá zákon č. 424/2023 Sb. Na e-shopy nad určitou velikost dopadají požadavky na přístupnost — a textové alternativy k obrázkům jsou jejich základní součástí. Mikropodniky (do 10 zaměstnanců a obratu 2 mil. EUR) mají výjimku, ale u větších e-shopů to je povinnost, ne doporučení.
3. Když se obrázek nenačte
Pomalá mobilní síť, zablokovaný CDN, špatná cesta k souboru. Místo fotky se zobrazí ALT text. Prázdný atribut znamená prázdné místo.
Jak napsat dobrý ALT text
| Špatně | Dobře | Proč |
|---|---|---|
alt="" | alt="Modrý keramický hrnek s ručně glazovaným povrchem" | Prázdný atribut = žádná informace |
alt="IMG_2847" | alt="Monstera v béžovém keramickém květináči" | Název souboru není popis |
alt="kabelka" | alt="Černá kožená kabelka přes rameno se zlatým řetízkem" | Jedno slovo nerozliší 40 kabelek v katalogu |
alt="kabelka levně kabelky eshop kabelka černá koupit" | alt="Černá kožená kabelka přes rameno se zlatým řetízkem" | Nacpaná klíčová slova Google trestá |
alt="Fotka kabelky" | alt="Černá kožená kabelka přes rameno se zlatým řetízkem" | „Fotka" a „obrázek" jsou zbytečná slova |
Praktické pravidlo: popište, co byste řekli po telefonu člověku, který fotku nevidí. Obvykle vyjde 5–15 slov. Materiál, barva, tvar, typ. Bez „fotka", bez opakování názvu e-shopu, bez seznamu klíčových slov.
Výjimka: čistě dekorativní obrázky — oddělovače, pozadí, ozdobné ikony bez významu — mají mít alt="" záměrně prázdné. Odečítač je pak přeskočí, místo aby předčítal balast. Prázdný ALT je chyba jen u obrázků, které nesou informaci.
Proč to na e-shopech chybí
- Import z dodavatelského feedu. XML feed obsahuje URL fotky, ale ALT text v něm nebývá. Naimportuje se tisíc produktů a tisíc prázdných atributů.
- Nahrávání přes administraci. Pole „popisek obrázku" je nepovinné a schované. Nikdo ho nevyplňuje, protože e-shop funguje i bez něj.
- Šablona ho negeneruje. Některé šablony vůbec nedávají
altdo výstupu, i když je v databázi vyplněný. - Není to vidět. Na rozdíl od rozbité fotky prázdný ALT nikdo nenahlásí. Chyba je neviditelná roky.
V auditech, které děláme, běžně vidíme e-shopy, kde 85–95 % obrázků nemá popisek vůbec. Není to výjimka, je to normální stav.
Jak zjistit, kolik obrázků ho nemá
Ručně: otevřete produktovou stránku, dejte Ctrl+U (zobrazit zdrojový kód) a hledejte alt="". Zjistíte to za minutu — ale jen pro jednu stránku.
Pro celý katalog potřebujete nástroj, který projde stránky a obrázky vytáhne. Náš audit zdarma to udělá za 20–60 sekund: vložíte URL, dostanete počet obrázků, kolik z nich nemá popisek a konkrétní návrhy českých ALT textů. Nepotřebuje přístup do administrace — čte jen veřejné stránky, stejně jako Google.
A pak?
Doplnit ALT texty ručně u 800 obrázků je práce na několik dní. Proto to děláme jako službu: projdeme katalog, vygenerujeme české popisky podle toho, co je na fotce a jak se produkt jmenuje, projdeme problematické řádky ručně a pošleme hotové CSV, které si naimportujete nebo předáte správci. Na Shoptetu je postup popsaný v článku ALT texty na Shoptetu.