Alt text

Alt text (alternativní text) je popis obrázku v HTML, který pomáhá vyhledávačům a uživatelům se zrakovým postižením pochopit, co obrázek zobrazuje. Používá se také při nezobrazení obrázku.

Co znamená „Alt text“

Alt text (zkratka pro „alternative text“) je atribut HTML značky <img>, který obsahuje stručný a výstižný popis obsahu obrázku. Tento text se zobrazuje místo obrázku, pokud se obrázek nenačte, a čtou ho asistivní technologie pro zrakově postižené uživatele.

Správně napsaný alt text zvyšuje přístupnost webu a může podpořit SEO.

Význam alt textu pro SEO

Pomáhá vyhledávačům pochopit obsah obrázku a zobrazit ho ve výsledcích obrázkového vyhledávání.
Zlepšuje relevanci stránky pro dané klíčové slovo.
Může přivést dodatečnou návštěvnost z Google Obrázků.

Význam alt textu pro přístupnost

Uživatelé se zrakovým postižením využívají čtečky obrazovky, které alt text přečtou nahlas, čímž umožní pochopit obsah obrázku. Proto je důležité, aby alt text byl věcný a popisný.

Jak psát alt text

Popisujte obrázek stručně, ale výstižně (většinou 5–15 slov).
Vyhněte se slovům typu „obrázek“ nebo „fotografie“ – uživatel ví, že jde o obrázek.
Pokud je obrázek čistě dekorativní, alt text nevyplňujte nebo použijte prázdný atribut alt="".

Příklad: <img src="pes.jpg" alt="Hnědý labrador běžící po pláži">

FAQ – často kladené otázky

Musí mít každý obrázek alt text?

Všechny důležité obrázky by alt text mít měly. U dekorativních obrázků se doporučuje prázdný atribut alt="".

Může alt text obsahovat klíčová slova?

Ano, ale pouze pokud to odpovídá obsahu obrázku. Nepřeoptimalizovávejte ho.

Příklad použití

E-shop s obuví u produktových fotografií používá alt texty typu „Dámské běžecké boty Nike Air Zoom Pegasus 39 modré“. To pomáhá obrázkům zobrazovat se ve vyhledávání a zvyšuje šanci na proklik.