Co je alt text

Alt text (alternativní text) je atribut HTML tagu `<img>`, který popisuje obsah obrázku. Pomáhá zrakově postiženým uživatelům porozumět obsahu obrázku přes čtečky obrazovky a umožňuje vyhledávačům pochopit, co obrázek zobrazuje. Je základem přístupného webu a důležitou součástí on-page SEO.

Obrázek s popisným textem zobrazujícím alt atribut

Alt text (alternativní text) je atribut HTML tagu <img>, který popisuje obsah obrázku. Pomáhá zrakově postiženým uživatelům porozumět obsahu obrázku přes čtečky obrazovky a umožňuje vyhledávačům pochopit, co obrázek zobrazuje. Je základem přístupného webu a důležitou součástí on-page SEO.

K čemu alt text slouží

Alt text má tři hlavní funkce:

  • Přístupnost – čtečky obrazovky čtou alt text nahlas zrakově postiženým uživatelům. Bez něj je obrázek pro ně neviditelný.
  • SEO – Google nevidí obrázky tak jako lidé. Spoléhá na alt text, aby pochopil, co obrázek zobrazuje. A správný alt text pomáhá i s řazením ve vyhledávání obrázků.
  • Záložní text – když se obrázek nenačte (pomalé připojení, chyba serveru), zobrazí se místo něj alt text.

V HTML kódu vypadá alt text takto:

<img src="seo-audit-report.jpg" alt="Ukázka SEO auditu s přehledem nalezených chyb">

Proč je alt text důležitý pro SEO

Google používá alt text jako jeden ze signálů pro pochopení obsahu stránky. Správně popsané obrázky můžou přivést návštěvníky přes Google vyhledávání obrázků, které tvoří nezanedbatelnou část veškerého vyhledávání.

Alt text také pomáhá Googlu pochopit kontext stránky jako celku. Pokud máte stránku o SEO optimalizaci a obrázky mají relevantní alt texty, posiluje to tematickou relevanci celé stránky.

Jak psát správný alt text

  • Buďte konkrétní a popisní – “Graf ukazující růst organické návštěvnosti o 45 % za 6 měsíců” je lepší než “graf”.
  • Délka 5-15 slov – stručně, ale výstižně. Nemusíte psát romány.
  • Zahrňte klíčové slovo – přirozeně, ne násilně. Alt text “SEO SEO optimalizace SEO audit SEO konzultant” je spam.
  • Nepište “obrázek” nebo “foto” – čtečka obrazovky už ví, že jde o obrázek. Pište rovnou, co zobrazuje.
  • Dekorativní obrázky – čistě dekorativní prvky (ornamenty, oddělovače) mohou mít prázdný alt text (alt=""). Čtečka je přeskočí.
  • Každý obrázek jiný alt text – duplicitní alt texty nepomáhají nikomu.

Co rozhodně nedělat

Vidím to na webech neustále – buď alt texty úplně chybí, nebo jsou napsané špatně.

Nejčastější chyby:

  • Prázdný alt text u obsahových obrázků – Google ani čtečky obrazovky netuší, co obrázek zobrazuje.
  • Keyword stuffing – nacpat do alt textu co nejvíc klíčových slov. Google to pozná a může to hodnotit negativně.
  • Generické texty – “obrázek 1”, “foto”, “screenshot”. Nepomáhají nikomu.
  • Příliš dlouhé alt texty – čtečky obrazovky čtou celý alt text najednou. Dvě věty jsou maximum.

Správné alt texty jsou součástí kvalitního on-page SEO. Potřebujete zkontrolovat, jak na tom váš web je? Ozvěte se mi.

Často kladené otázky

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

Obsahové obrázky ano, vždy. Čistě dekorativní prvky (ornamenty, pozadí) mohou mít prázdný alt atribut (alt=""), ale atribut samotný by měl být přítomen. Bez něj web nesplňuje standardy přístupnosti WCAG.

Jak dlouhý by měl alt text být?

Ideálně 5 až 15 slov. Stručný, ale popisný. Čtečky obrazovky čtou alt text celý najednou, takže příliš dlouhý text je nepříjemný na poslech. Klíčové je vystihnout podstatu obrázku, ne ho detailně popisovat.

Pomáhá alt text s řazením ve vyhledávání obrázků?

Ano. Alt text je hlavní signál, podle kterého Google řadí obrázky ve vyhledávání obrázků. Správně popsaný obrázek se může zobrazit na předních pozicích a přivést další návštěvníky na váš web.

Zdroje