Co je alt (alternativní text)
Alt (zkratka pro alternativní text) je popisný text, který se přidává k obrázkům na webových stránkách pomocí atributu alt v HTML.
Alt slouží jako náhradní textový obsah pro obrázky, který se zobrazí v případě, že obrázek není dostupný (například kvůli pomalému načítání) nebo pokud uživatel používá asistenční technologie, jako jsou čtečky obrazovky.
Je také důležitý pro algoritmy Googlu a dalších vyhledávačů, které jsou s jeho pomocí schopny lépe zaindexovat obsah stránky, a slouží tedy i k lepší SEO optimalizaci.
Hlavní účely Alt textu
- Přístupnost (accessibility): Alt text umožňuje lidem se zrakovým postižením pochopit obsah obrázku prostřednictvím čteček obrazovky.
- SEO (optimalizace pro vyhledávače): Vyhledávače nemohou přímo interpretovat obsah obrázků, ale pomocí Alt textu získávají kontext a mohou lépe zařadit stránku v SERP.
- Záloha při chybě načtení: Pokud obrázek nemůže být načten, zobrazí se místo něj Alt text, který uživatelům poskytne informaci o tom, co obrázek obsahoval.
Jak vypadá Alt text v HTML?
Příklad jednoduchého Alt textu pro obrázek:
<img src=“kocka.jpg“ alt=“Fotografie šedé kočky, která sedí na zahradě“>
Jak napsat dobrý Alt text pro webové stránky
Ideální délka alt textu je 125 znaků včetně mezer. Více čtečky nepřečtou.
- Buďte popisní a konkrétní: Místo „Obrázek“ napište „Šedá kočka sedící na zahradě“.
- Zachovejte stručnost: Popis by měl být krátký, ale výstižný. Zaměřte se na klíčová slova.
- Vyhněte se nadbytečným slovům: Není třeba psát „Obrázek“, „Fotografie“ nebo „Obrázek znázorňuje“ – to je implicitní.
- Přemýšlejte nad kontextem: Pokud obrázek slouží jako součást odkazu nebo ilustrace článku, měl by Alt text popisovat, jaký má význam v daném kontextu.
Špatný Alt text (Neříká nic o tom, co je na obrázku zvláštního nebo důležitého):
<img src=“pes.jpg“ alt=“Pes“>
Dobrý Alt text (poskytuje jasný a konkrétní popis obrázku):
<img src=“pes.jpg“ alt=“Hnědý labrador, který plave v jezeře“>
Shrnutí
Alt text je klíčovou součástí přístupného a SEO-optimalizovaného webu. Pomáhá uživatelům s omezeným přístupem k vizuálnímu obsahu pochopit, co je na obrázku, a zlepšuje viditelnost stránky ve vyhledávačích.
Při psaní Alt textu je důležité být popisný, ale zároveň stručný a zaměřit se na význam obrázku v daném kontextu.