Alt text, celým názvem alternativní text, je atribut HTML značky <img> ve tvaru alt="popis obrázku", který popisuje, co je na obrázku vidět. Zobrazí se, pokud se obrázek z nějakého důvodu nenačte, a čtou ho nahlas čtečky obrazovky pro nevidomé uživatele. Je to tedy především otázka přístupnosti webu, teprve pak SEO triku, i když se o něm mluví hlavně v SEO kontextu.

K čemu alt text slouží

Přístupnost je jeho hlavní role. Čtečka obrazovky ho přečte nahlas místo obrázku, který uživatel nevidí, takže bez alt textu je pro nevidomého návštěvníka obrázek prostě díra v obsahu. Zároveň funguje jako fallback, tedy zobrazí se jako náhradní text, když se obrázek nenačte kvůli pomalému připojení nebo špatné cestě k souboru. Pro SEO a Google Obrázky platí, že Google obrázek “nevidí” tak jako člověk, a alt text mu řekne, o co jde, čímž umožní obrázku zobrazit se ve výsledcích Google Obrázků na relevantní dotaz. Nakonec dává vyhledávači i kontext, jak obrázek souvisí se zbytkem obsahu stránky, což se hodí hlavně u produktových fotek na e-shopu.

Jak napsat dobrý alt text

Popis by měl být výstižný, orientačně do 125 znaků, stručný a jasný, ne esej. Měl by přesně popisovat, co na obrázku skutečně je, ne co byste chtěli, aby tam bylo. Pokud se hodí, zahrňte cílové klíčové slovo, ale přirozeně a bez přehánění. A vyhněte se zbytečným frázím jako “obrázek…” nebo “na obrázku se nachází…”, protože čtečka obrazovky už dopředu ví, že jde o obrázek, a taková slova jsou jen balast navíc.

Časté chyby. Úplně chybějící alt atribut je horší než prázdný alt="", protože některé čtečky pak přečtou celou cestu k souboru. Stejně tak nepomůže jen název souboru typu IMG_20260815.jpg, který nic neřekne ani člověku, ani Googlu. A narvat do alt textu pět variant stejného klíčového slova vypadá podezřele a čtečce obrazovky to navíc zní úplně nesmyslně.

Kdy nechat alt prázdný

Ne každý obrázek potřebuje popisný alt text. U čistě dekorativních obrázků, jako je ozdobný divider nebo ikona bez informační hodnoty, je správně nechat prázdný alt="". Signalizuje to čtečce obrazovky, že má obrázek přeskočit, protože nenese žádnou informaci. Horší než prázdný alt je totiž zbytečně “vycpaný” alt u obrázku, který ve skutečnosti nic nepřidává.

Rozdíl mezi alt a title atributem

Oba lze napsat do stejné <img> značky, ale dělají různou věc. Atribut alt je popis obsahu pro čtečky obrazovky a vyhledávače a zobrazí se místo obrázku, když se nenačte. Atribut title je tooltip, který se objeví po najetí myší, ale na mobilu bez kurzoru myši se nezobrazí vůbec, takže tam prakticky nemá smysl. Pro SEO a přístupnost je důležitý alt, ne title.

Zdroje

Alt text je jeden z prvků, co se řeší spolu se strukturou nadpisů, víc v hesle H1 nadpis.