Co je alt text?
Alt text (alternative text) je popis obrázku, který se zobrazuje v případě, že se obrázek nenačte, nebo je přečten čtečkou obrazovky pro nevidomé. Současně slouží jako signál pro vyhledávače, aby „pochopily“, co na obrázku je.
Proč je alt text důležitý?
♿ Přístupnost (accessibility)
Alt text umožňuje uživatelům s hendikepem porozumět obsahu obrázku pomocí asistivních technologií.
🔍 SEO
Google používá alt text k určení relevance obrázku pro vyhledávání. Správný alt text zvyšuje šanci, že se obrázek zobrazí ve výsledcích Google Images a zlepší SEO stránky.
🚫 Záloha při chybě
Pokud se obrázek nenačte (např. kvůli špatnému připojení), alt text zůstane viditelný a informuje uživatele, co tam mělo být.
Jak alt text vypadá?
HTML zápis:
htmlCopyEdit<img src="homepage-hero.jpg" alt="Hlavní stránka webu s nabídkou služeb digitální agentury">
5 zásad pro psaní alt textu
- ✅ Popiš, co na obrázku je – co bys řekl člověku, který ho nevidí.
- ✅ Buď stručný, ale výstižný – ideálně 5–15 slov.
- ✅ Nepiš „obrázek…“ nebo „fotka…“ – je to zbytečné.
- ✅ Používej klíčová slova přirozeně, ne nuceně.
- ✅ Nepoužívej alt text pro dekorativní obrázky – tam použij
alt="".
Příklady správného vs. špatného alt textu
| Obrázek | Špatně | Dobře |
|---|---|---|
| Tlačítko s ikonou košíku | “button” | “Tlačítko pro přidání produktu do košíku” |
| Fotka produktu | “obrázek produktu” | “Černé kožené pánské boty s bílou podrážkou” |
| Infografika | “graf” | “Graf srovnání návštěvnosti webu za posledních 6 měsíců” |
Kdy alt text nepoužívat?
- U čistě dekorativních obrázků – například ozdobné ikony nebo vizuální efekty, které neobsahují informaci.
htmlCopyEdit<img src="ornament.svg" alt="">
Automatické generování alt textu
⚠️ Automatické nástroje (např. AI popisky) mohou být užitečné, ale nejsou dokonalé.
Lepší je psát alt text ručně, pokud záleží na přesnosti, kontextu nebo brandingu.
FAQ – často kladené otázky
Musím mít alt text u každého obrázku?
Ne. Dekorativní obrázky by měly mít prázdný alt (alt=""), ostatní by měly mít smysluplný popis.
Zlepší alt text opravdu SEO?
Ano, alt text pomáhá obrázkům dostat se do výsledků vyhledávání (Google Images) a zlepšuje celkové SEO skóre stránky.
Můžu použít klíčové slovo v alt textu?
Ano, ale musí být přirozené. Nepřeplňuj ho nesmyslně klíčovými slovy („keyword stuffing“).