V dnešním digitálním světě je optimalizace pro vyhledávače (SEO) klíčová pro úspěch každého webu. Jedním z často přehlížených, ale velmi důležitých aspektů SEO je ALT text obrázků. Správně napsaný ALT text nejenže zlepšuje přístupnost vašeho webu pro uživatele se zrakovým postižením, ale také výrazně přispívá k lepšímu umístění ve vyhledávačích. V tomto článku se podíváme na to, jak správně psát ALT texty, jaké chyby se vyvarovat a jaké nástroje vám mohou pomoci dosáhnout nejlepších výsledků.
Co je ALT text a proč je důležitý?
Alternativní text (ALT text) je krátký textový popis obrázků na webových stránkách. Jeho hlavním účelem je popsat obsah a funkci obrázku uživatelům, kteří obrázek nemohou vidět. To zahrnuje uživatele se zrakovým postižením, kteří používají čtečky obrazovky, a situace, kdy obrázky na webu nemohou být z různých důvodů načteny.
4 Důvody proč používat ALT text
1. Získáte lepší pozice ve výsledcích vyhledávání
Alternativní text hraje významnou roli v SEO. Vyhledávače nerozeznají, co se na obrázku nachází, ale přečtou jeho alternativní text. Obrázek je tak díky ALT textu optimalizovaný pro vyhledávače – například pro obrázkové vyhledávání Google Images. Obrázek se může zobrazit i v SERPu (stránka výsledků vyhledávání) před organickými výsledky v Obrázkovém boxu.
2. Nevidomí uživatelé se dozví, co je na obrázku
Vaše webové stránky mohou navštívit lidé s vadou zraku. Ti pomocí speciálních technologií poznávají obrázky právě díky alternativnímu textu. Je proto důležité vyplnit alternativní popisek co nejpřesněji.
3. Zobrazí se popisek u obrázku, který se nenačte
Alternativní text se hodí i v případě, kdy se obrázek nenačte. Ať už kvůli špatnému internetovému připojení, nebo například v e-mailu. V těchto chvílích se místo obrázku zobrazí jeho alternativní popis.
4. Zlepšuje uživatelský zážitek
Vyplněním ALT textu zlepšujete celkový uživatelský zážitek na vašem webu. Uživatelé, kteří nemohou vidět obrázky, získají díky ALT textu potřebné informace, což zvyšuje přístupnost vašeho webu.
Jak správně psát ALT text
Deskriptivní a přesné popisy
Při psaní ALT textu je klíčové být popisný a přesný. Popište obrázek tak, aby si uživatel mohl vytvořit mentální obraz toho, co je na něm zobrazeno, aniž byste ho zahltili nepodstatnými informacemi. Správná míra detailu závisí na zkušenosti, kterou chcete vytvořit.
Příklad:
- Špatný ALT text: „pes“
- Dobrý ALT text: „černý labrador běžící po pláži“
Použití klíčových slov
Je důležité zahrnout do ALT textu relevantní klíčová slova, která odpovídají obsahu obrázku. Vyhýbejte se však přehnanému používání klíčových slov (keyword stuffing), které může být penalizováno vyhledávači.
Příklad:
- Špatný ALT text: „pes, labrador, černý pes, pláž, běhající pes“
- Dobrý ALT text: „černý labrador běžící po pláži“
Délka ALT textu
Doporučená délka ALT textu je maximálně 125 znaků. To je dostatečně dlouhé na to, aby poskytlo užitečné informace, ale zároveň krátké, aby bylo snadno čitelné pro čtečky obrazovky a vyhledávače.
Příklad:
- Příliš dlouhý ALT text: „černý labrador běžící po pláži při západu slunce, s vlnami narážejícími na břeh a pískem pod jeho tlapkami“
- Optimální ALT text: „černý labrador běžící po pláži“
Technické aspekty
ALT text se přidává do HTML kódu obrázku pomocí atributu alt
. Správný zápis vypadá například takto:
html<img src="obrazek.jpg" alt="černý labrador běžící po pláži">
Dekorativní obrázky
Pokud je obrázek čistě dekorativní a nepřidává žádnou informační hodnotu, je vhodné nechat ALT text prázdný (alt=""
). Tím zajistíte, že čtečky obrazovky tento obrázek přeskočí a nebudou zbytečně rušit uživatele.
Příklad:
html<img src="dekorativni-obrazek.jpg" alt="">
3 Časté chyby při psaní ALT textu a jak se jim vyhnout
1. Přehnaná optimalizace
Jednou z nejčastějších chyb je přehnaná optimalizace ALT textu, známá také jako keyword stuffing. To znamená, že do ALT textu vložíte příliš mnoho klíčových slov v naději, že tím zlepšíte SEO. Tento přístup však může mít opačný efekt a vést k penalizaci ze strany vyhledávačů.Příklad:
- Špatný ALT text: „černý labrador, labrador na pláži, běžící labrador, plážový pes“
- Dobrý ALT text: „černý labrador běžící po pláži“
2. Irrelevantní popisy
Další častou chybou je použití irrelevantních popisů. ALT text by měl vždy přesně popisovat obsah obrázku. Pokud je popis nesouvisející nebo příliš obecný, může to zmást uživatele i vyhledávače.Příklad:
- Špatný ALT text: „krásný den“
- Dobrý ALT text: „černý labrador běžící po pláži“
3. Duplicitní ALT texty
Každý obrázek na vašem webu by měl mít unikátní ALT text. Duplicitní popisy mohou vést k penalizaci a snížení efektivity SEO. Navíc to snižuje přístupnost pro uživatele, kteří se spoléhají na čtečky obrazovky.Příklad:
- Špatný ALT text: „obrázek 1“
- Dobrý ALT text: „černý labrador běžící po pláži“
Nástroje a zdroje pro optimalizaci ALT textu
Existuje několik nástrojů, které vám mohou pomoci optimalizovat ALT texty na vašem webu. Tyto nástroje vám umožní analyzovat a zlepšovat vaše ALT texty, což může vést k lepšímu hodnocení ve vyhledávačích.
- Umožňuje sledovat výkon vašich obrázků ve vyhledávání Google.
- Poskytuje doporučení pro zlepšení ALT textů.
Marketing Miner
- Nabízí analýzu klíčových slov a doporučení pro optimalizaci ALT textů.
- Umožňuje sledovat konkurenci a jejich strategie.
Nástroje pro přístupnost
Pro zajištění, že vaše ALT texty splňují standardy přístupnosti, můžete využít různé nástroje pro testování přístupnosti. Tyto nástroje vám pomohou identifikovat a opravit chyby v ALT textech, což zlepší uživatelský zážitek pro všechny návštěvníky vašeho webu.
WAVE (Web Accessibility Evaluation Tool)
- Analyzuje vaše stránky a poskytuje zpětnou vazbu ohledně přístupnosti.
- Identifikuje chybějící nebo nesprávné ALT texty.
Axe Accessibility Checker
- Nabízí podrobnou analýzu přístupnosti vašich stránek.
- Poskytuje konkrétní doporučení pro zlepšení ALT textů.
Často Kladené Otázky
Jak mohu vyhodnotit úspěšnost ALT textu?
Úspěšnost ALT textu můžete vyhodnotit pomocí Google Search Console. Po přihlášení přejděte na sekci Výkon a zvolte typ vyhledávání Obrázek. Zde uvidíte statistiky jako celkový počet kliknutí, celkový počet zobrazení, průměrnou míru prokliku (CTR) a průměrnou pozici obrázků ve vyhledávání.
Jaký je rozdíl mezi ALT textem a atributem Title?
ALT text je textový popis obrázku, který se zobrazuje, když obrázek není načten, a pomáhá vyhledávačům pochopit obsah obrázku. Atribut Title se zobrazuje jako tooltip, když uživatel přejede myší přes obrázek. Oba atributy mají své místo, ale ALT text je klíčový pro SEO a přístupnost.
Musím přidávat ALT text ke každému obrázku?
Ano, je doporučeno přidávat ALT text ke každému obrázku na vašem webu. Výjimkou jsou čistě dekorativní obrázky, kde můžete ALT text nechat prázdný (alt=""
), aby čtečky obrazovky tento obrázek přeskočily.
Může ALT text ovlivnit rychlost načítání stránky?
Samotný ALT text nemá významný vliv na rychlost načítání stránky, protože je to jen krátký textový řetězec. Nicméně, správně optimalizované obrázky (včetně ALT textu) mohou přispět k celkové efektivitě a přístupnosti vašeho webu.
Závěr
Optimalizace ALT textů je nezbytnou součástí úspěšné SEO strategie. Správně napsaný ALT text zlepšuje přístupnost vašeho webu, zvyšuje šance na lepší umístění ve vyhledávačích a přináší více organického provozu. Vyhněte se častým chybám, využívejte dostupné nástroje a pravidelně aktualizujte své ALT texty. Tímto způsobem zajistíte, že vaše obrázky budou nejen viditelné pro vyhledávače, ale také přístupné pro všechny uživatele. Optimalizace ALT textů je malý krok, který může mít velký dopad na úspěch vašeho webu.