Alt text (zkráceně z "alternativní text") je popisné označení připojené k obrázku na webových stránkách. Jeho hlavním účelem je poskytnout popis obsahu obrázku osobám, které nemohou obrázek vidět, a to z různých důvodů.
To může zahrnovat uživatele s poruchami zraku, kterým pomáhá čtečka obrazovky, nebo uživatele s pomalým internetovým připojením, kteří se mohou rozhodnout nezobrazovat obrázky pro rychlejší načítání stránky.
Alt text také přispívá k lepší optimalizaci pro vyhledávače (SEO), protože vyhledávače indexují alt text, což pomáhá obrázkům objevovat se ve výsledcích vyhledávání. Je to také otázka webové přístupnosti - splnění standardů W3C pro webové stránky vyžaduje, aby byly všechny obrázky opatřeny alt textem.
Při psaní alt textu je důležité být stručný, ale popisný. Měl by přesně popsat, co je na obrázku zobrazeno, a pokud je to relevantní, také vysvětlit, jaký má obrázek kontext v rámci obsahu stránky.
Například alt text pro obrázek psa by neměl být pouze "pes", ale měl by obsahovat informace jako plemeno psa a co pes dělá, například Jezevčík běhá v parku.
Existují určité osvědčené postupy pro psaní alt textu:
- Být přesný a popisný: Vyhněte se obecným popisům a buďte specifičtí.
- Používat klíčová slova s mírou: Začleňte relevantní klíčová slova pro SEO, ale vyhněte se jejich nadměrnému zaplňování.
- Vyhnout se zbytečným slovům: Fráze jako "obrázek z" nebo "ilustrace" nejsou potřebné, protože uživatel už ví, že se jedná o obrázek.
- Být stručný: Doporučuje se použít kolem 125 znaků, aby bylo zajištěno, že čtečky obrazovky přečtou celý popis.
Alt text se nezobrazuje přímo na stránce je kódován v HTML tagu obrázku pomocí atributu alt. Například alt="Černobílý border kolie běžící v parku" />.
Většina správců obsahu (CMS) a webových nástrojů pro tvorbu webů má vestavěnou podporu pro přidávání alt textu k obrázkům, což usnadňuje vlastníkům webových stránek dodržování tohoto důležitého aspektu webové přístupnosti.
Kromě toho, že je alt text dobrý pro SEO a přístupnost, je to také základní prvek pro zajištění, že web je inkluzivní a může poskytovat hodnotu co nejširšímu spektru uživatelů.
Zdroje článku:
What is an alt tag and how doest it impact SEO?[online]. [cit. 04. 12. 2023]. Dostupné z: https://www.bigcommerce.com/ecommerce-answers/what-is-an-alt-tag-and-how-does-it-impact-seo/
Alt Text: Why It's Important For Accessibility & SEO - Moz [online]. [cit. 04. 12. 2023]. Dostupné z: https://moz.com/learn/seo/alt-text
Jaké služby nabízíme?
Přečtěte si náš SEO slovník pojmů nebo Marketingový slovník pojmů.