Když při auditu pustím na web Screaming Frog, sloupec s alt texty bývá nejsmutnější pohled z celého reportu. Půlka obrázků nemá popis žádný, druhá půlka má v kódu „IMG_2847.jpg". Alt text je přitom pár slov, píše se za minutu a je to jedna z mála věcí na webu, která slouží lidem i vyhledávačům zároveň. Ukážu vám, co to přesně je, jak ho psát a kdy ho naopak nechat prázdný.
Co je alt text
Alt text (alternativní text, česky také alt popisek) je atribut HTML značky obrázku, který slovy popisuje, co je na obrázku vidět. Na stránce ho běžně nevidíte, sedí v kódu:
<img src="sedacka-modra.jpg" alt="Modrá rozkládací sedačka s úložným prostorem">
Text v uvozovkách se použije ve třech situacích:
- Obrázek se nenačte (pomalé připojení, chyba serveru) — místo něj se zobrazí popis.
- Stránku čte čtečka obrazovky — program, kterým web používají nevidomí a slabozrací, přečte popis nahlas.
- Obrázek zpracovává vyhledávač — Google podle popisu (a okolního textu) chápe, co obrázek zobrazuje, a podle toho ho nabízí v obrázkovém vyhledávání.
Slovo „alternativní" je v názvu právem. Není to titulek ani reklamní text — je to náhrada obrázku pro každého, kdo ho nevidí.
Alt text je hlavně pro lidi
S alt texty se zachází jako se SEO trikem, ale vznikly kvůli přístupnosti. Když čtečka obrazovky narazí na obrázek bez popisu, řekne jen „obrázek", případně vyslabikuje název souboru. Zkuste si představit, že procházíte e-shop a u každého produktu slyšíte „img podtržítko dva osm čtyři sedm". Přesně takhle vypadá spousta českých webů pro člověka, který nevidí.
A už to není jen otázka slušnosti. Weby veřejného sektoru mají přístupnost povinnou ze zákona řadu let a od června 2025 platí zákon o požadavcích na přístupnost výrobků a služeb (424/2023 Sb.), který dopadá i na e-shopy — nejmenší firmy mají u služeb výjimku. Nejsem právnička a výklad zákona vám tu slibovat nebudu, ale směr je jasný: popsané obrázky přestávají být dobrovolná disciplína.
Co z alt textů má SEO
Google ve své dokumentaci píše, že alt text je nejdůležitější atribut, kterým můžete k obrázku dodat informace. Používá ho spolu s rozpoznáváním obrazu a obsahem stránky k pochopení, co obrázek zobrazuje. V praxi to znamená dvě věci:
- Obrázkové vyhledávání. Obrázek s věcným popisem se může zobrazovat na dotazy v Google Images. U oborů, kde se nakupuje očima (nábytek, móda, jídlo, řemesla), je to návštěvnost navíc, kterou konkurence často nechává ležet.
- Kontext stránky. Popsané obrázky pomáhají vyhledávači pochopit, o čem stránka je. A když obrázek slouží jako odkaz, funguje jeho alt text podobně jako text odkazu.
Alt text ale není magické tlačítko. Stránku, která je obsahově slabá, žádný popisek obrázku do výsledků nevytáhne — je to jeden signál z mnoha, levný a rychle opravitelný. Pokud řešíte obrázky komplexně (formáty, komprese, rychlost načítání), na to mám samostatný článek optimalizace obrázků pro SEO. Tenhle je jen o popiscích.
Víte jistě, co je na vašem webu špatně? Já to zjistím za vás. Projdu ho ručně, žádný automat — a do 48 hodin máte seznam věcí, které vás v Googlu brzdí, seřazený podle důležitosti. Zdarma.
Jak správně napsat alt popisek u obrázku
Základní pravidlo: popište, co je na obrázku, jako byste ho popisovali kamarádovi do telefonu. Věcně a bez omáčky.
K tomu čtyři zásady z praxe:
Stručně. Většinou stačí pár slov, maximálně jedna věta. Technický limit délky neexistuje a čtečka přečte všechno — právě proto nikoho nenuťte poslouchat tři řádky o tom, jaké bylo na fotce počasí.
Klíčová slova jen tam, kam patří. Když obrázek opravdu zobrazuje modrou sedačku a vy na sedačky cílíte, klidně to slovo v popisu mějte. Ale Google výslovně varuje před skládáním klíčových slov do alt atributu: považuje to za spam. alt="sedačka sedačky pohovka gauč levné sedačky Praha" vám spíš ublíží.
Nepište „obrázek" ani „fotografie". Čtečka slovo „obrázek" oznámí sama, takže by ho člověk slyšel dvakrát.
Kontext rozhoduje. Stejná fotka běžeckých bot potřebuje jiný popis na produktové stránce („Pánské běžecké boty XY, modré, boční pohled") a jiný v reportáži ze závodu („Běžci na startu půlmaratonu v dešti"). Alt text nepopisuje jen obrázek, ale i to, proč na stránce je.
Kdy nechat alt prázdný
Dekorativní obrázky — ozdobné čáry, pozadí, ikonky vedle textu, který už všechno říká — mají mít prázdný alt: alt="". Čtečka je pak přeskočí a nevidomý uživatel neposlouchá popis dekorace, která mu nic nesděluje. Tak to doporučuje i W3C, organizace, která spravuje webové standardy.
Pozor na rozdíl, který se často plete: alt="" je vědomé rozhodnutí („tenhle obrázek nenese informaci"), kdežto úplně chybějící atribut je díra — čtečka pak tápe a často přečte aspoň název souboru. Prázdný alt tedy není chyba. Chyba je prázdný nebo chybějící alt u obrázku, který informaci nese: u produktové fotky, grafu, infografiky.
Kde se alt text vyplňuje
Kód kvůli tomu editovat nemusíte, každý běžný systém na to má políčko:
- WordPress: v knihovně médií má každý obrázek pole „Alternativní text". WooCommerce používá totéž.
- Shoptet: ve fotogalerii produktu upravíte popisek obrázku ikonkou s vodorovnými čarami — do kódu se propíše právě jako alt.
- Vlastní web: atribut
altpřímo ve značce<img>, viz příklad na začátku článku.
Radši byste se věnovali podnikání než SEO? Přesně od toho jsem tady já.
Jak zjistíte, jak na tom váš web je
Na pár stránek stačí ruka: pravé tlačítko, Prozkoumat, a vidíte kód obrázku. Na celý web používám Screaming Frog — projde web a v záložce Images vypíše všechny obrázky s chybějícím alt textem najednou. Verze zdarma zvládne 500 adres, což na menší web bohatě stačí. Pro pohled očima přístupnosti je šikovné rozšíření WAVE do prohlížeče, které problémy vyznačí přímo ve stránce.
Co při takové kontrole najdete nejčastěji, už znáte z tohohle článku: chybějící popisy u produktových fotek, názvy souborů místo popisů, sem tam pokus nacpat do altu deset klíčových slov. Dobrá zpráva je, že na rozdíl od většiny SEO práce se tohle opravuje rychle a bez programátora.
Časté otázky
Musí mít každý obrázek alt text?
Každý obrázek, který nese informaci, ano — produktové fotky, grafy, fotky v článcích. Dekorativní obrázky mají mít prázdný alt (alt=""), aby je čtečky obrazovky přeskočily. Atribut by ale neměl chybět úplně.
Jak dlouhý má být alt text?
Pár slov až jedna věta. Žádný technický limit neexistuje a čtečky obrazovky text nezkracují, přečtou ho celý — proto se vyplatí stručnost. U složitých obrázků (graf, schéma) patří podrobné vysvětlení do textu stránky, ne do altu.
Je alt text důležitý pro SEO?
Pro obrázkové vyhledávání ano: Google alt text označuje za nejdůležitější zdroj informací o obrázku. Pro běžné pozice je to jen jeden z mnoha signálů — pomáhá vyhledávači pochopit stránku, ale slabý obsah nezachrání.
Vyplatí se zpětně popsat stovky starých obrázků?
Podle priority. Nejdřív produktové fotky a obrázky na stránkách, které vám vydělávají, pak hlavní fotky v nejčtenějších článcích. Dekorace nechte na konec, nebo rovnou s prázdným altem.
Drobnost, která prozradí víc
Alt texty mám ráda jako diagnostiku: web, kde nikdo roky nepopsal jediný obrázek, mívá zanedbané i další věci, které už tak levně opravit nejdou. Jak si stojí ten váš, vám ukáže audit: dělám ho zdarma a alt texty v něm kontroluju vždycky, ale hlavně se dozvíte, které chyby mají na vaši návštěvnost skutečný vliv a v jakém pořadí je řešit. Zprávu máte v mailu do dvou dnů a nic za ni neplatíte.
Zdroje k faktům v článku:
- Alt text, keyword stuffing a osvědčené postupy pro obrázky (ověřeno 15. 7. 2026): developers.google.com/search/docs/appearance/google-images
- Dekorativní obrázky a prázdný alt (ověřeno 15. 7. 2026): w3.org/WAI/tutorials/images/decorative
- Zákon č. 424/2023 Sb. o požadavcích na přístupnost některých výrobků a služeb, účinný od 28. 6. 2025: zakonyprolidi.cz/cs/2023-424
- Popisek obrázku (alt) ve fotogalerii Shoptetu: podpora.shoptet.cz/fotogalerie
