Co je to Alt Text?
Alt text (alternativní text) - známý také jako "alt description" nebo "alt attribute" - je písemný popis obrázků na stránkách HTML. Jeho hlavním účelem je zlepšit přístupnost pro lidi, kteří obrázky nevidí.
Často se setkáte s označením "alt tag", ale to je technicky nesprávné. Alt text je atribut obsažený ve značce HTML.
Jak je Alt Text implementován
Atribut alt začíná znakem alt=, za kterým následuje text alt v uvozovkách. Obvykle vypadá takto:
<img src="image.jpg" alt="Text obrázku" title="Název obrázku"/>Proč je Alt Text důležitý?
Přístupnost
Přidávání textu alt k obrázkům je především o zlepšení přístupnosti webu. Miliony zrakově postižených uživatelů se při konzumaci online obsahu spoléhají na čtečky obrazovky. Pro ně je zásadní mít k dispozici text, který odpovídá vizuálně zobrazeným informacím. Bez textu alt nemohou čtečky obrazovky zprostředkovat obsah obrázku, což poškozuje uživatelský zážitek.
Výhody SEO
Alt text také hraje roli v SEO. Ačkoli atributy alt nejsou pro uživatele viditelné, mohou je číst vyhledávače a čtečky obrazovky. Text pomáhá vyhledávačům pochopit obsah obrázku. Obrázku tak dodává sémantický význam, což zlepšuje tematickou relevanci stránky v očích Googlu a potenciálně pomáhá jejímu vyššímu hodnocení.
Kromě toho může alt text zvýšit vaše šance na umístění v Google Images a poskytnout další zdroj návštěvnosti pro vaše webové stránky. Pokud jsou obrázky použity jako odkazy, slouží text alt jako text kotvy, který pomáhá Googlu pochopit obsah odkazované stránky.
Osvědčené postupy pro Alt Text
Přidání textu alt k obrázkům je snadný způsob, jak zpřístupnit stránky a podpořit úsilí o SEO. Zde je několik osvědčených postupů, které je třeba mít na paměti:
1. Zkontrolujte, zda na vašich webových stránkách nechybí Alt texty
Začněte kontrolou chybějících textů alt. Použijte online nástroj, který dokáže prohledat váš web a najít obrázky s chybějícími nebo prázdnými texty. S tímto úkolem vám mohou pomoci nástroje jako Google Search Console a různé nástroje pro audit SEO.
Ne všechny obrázky potřebují text alt. Dekorativní obrázky mohou být ponechány bez něj, protože neposkytují smysluplný obsah a mohou být ignorovány čtečkami obrazovky. Zaměřte se na nejnavštěvovanější stránky, které mají velký organický provoz.
2. Vyhněte se vkládání klíčových slov
Alt text může obsahovat relevantní klíčová slova pro zlepšení SEO, je však důležité používat informativní a hodnotný text, který je v souladu s obsahem stránky. Vyvarujte se vkládání klíčových slov, protože společnost Google tuto praxi nedoporučuje a může ji považovat za neetickou a neefektivní.
Klíčová slova používejte střídmě a pouze tam, kde přirozeně zapadají do popisu.
3. Udržujte rozsah do 100 znaků
Alt text se obvykle skládá z jednoho slova nebo krátké fráze. Nástroj pro hodnocení přístupnosti funkcí doporučuje, aby texty alt neměly být delší než 100 znaků. To vám dává dostatek prostoru pro optimalizaci textu alt, ale ujistěte se, že nepíšete dlouhé popisy, které by mohly být odříznuty nástroji pro čtení obrazovky.
Příklad
Zde je příklad dobře napsaného textu alt pro obrázek zlatého retrívra hrajícího si v parku na aport:
<img src="golden-retriever.jpg" alt="Zlatý retrívr si hraje na aport ve slunném parku" title="Zlatý retrívr"/>Dodržováním těchto osvědčených postupů můžete své webové stránky zpřístupnit všem uživatelům a podpořit celkovou strategii SEO.
Další informace o přístupnosti webu a osvědčených postupech SEO naleznete v autoritativních zdrojích, jako jsou Pokyny pro přístupnost webového obsahu (WCAG ) a Průvodce SEO Starter společnosti Google.
