Pokud jste již někdy nahrávali obrázek na web, možná jste si všimli pole alternativní text či alternativní popis. Pokud jste váhali, zda pole vyplnit anebo ne, po přečtení tohoto textu už váhat nebudete!
ALT
Alternativním textem je možné popsat, co je na obrázku. Můžete se s ním setkat také pod označením ALT text, ALT popisek, ALT tag nebo ALT atribut.
Díky ALTu je obrázek optimalizovaný pro vyhledávače. Vyhledávače lépe poznají, co je na obrázku, můžou ho pak na základě určitého dotazu zobrazit v obrázkovém vyhledávání. Na tomto principu fungují například Google obrázky (Google Images).
Pokud obrázek slouží zároveň jako odkaz a vyplnili jste ALT popisek, vyhledávač ho považuje za anchor text (viditelný text hypertextového odkazu) a dokáže snadněji pochopit obsah stránky, na kterou odkazujete.
Když dojde k technickému problému (například nekvalitní internetové připojení) nebo u některých e mailových klientů (Outlook), se obrázek nenačte, ale zobrazí se jeho popis.
ALT také zpřístupňuje obsah nevidomým a slabozrakým uživatelům, kteří používají speciální technologie, které jim práci s počítačem usnadňují. Takovouto technologií je například screenreader – čtečka obrazovky, která, v případě, že má obrázek vyplněný ALT atribut, dokáže přečíst a popsat význam obrázku.
Jak napsat ALT text
Jednoduše, přesně, pravdivě. Tak by měl správný ALT text vypadat. Buďte výstižní, ale struční. Zkuste se vejít do 125 znaků (včetně mezer). Používejte k popisu klíčová slova, zároveň by však každý obrázek měl mít unikátní popisek.
ALT tag jednoduše přidáte v redakčním systému, nebo v aplikaci. Patří mezi HTML atributy a přidat ho můžete také přímo ve zdrojovém kódu.
Rozdíl mezi ALT a TITLE
Kromě ALT popisku můžete vyplnit také titulek. Jde o textový tooltip (nápovědu), která se uživateli zobrazí, když na obrázek najede myší. Popisky od sebe rozlišíte jednoduše:
- ALT je vidět na webové stránce pouze v HTML kódu, nebo pokud se nanačtou obrázky.
- Title se zobrazí po najetí kurzoru myši na obrázek.
Už jste četli? Numerologie
ALT a SEO
ALT text neboli alternativní text (odborněji ALT tag či ALT atribut) je často zmiňován právě v oblasti optimalizace pro vyhledávače. Alternativní text je součástí zdrojového kódu stránky a slouží k tomu, aby vyhledávací robot daný obrázek správně identifikoval a zaindexoval. Vyhledávače neumí rozpoznat, co je na nějakém obrázku vyobrazeno.
Co je přínosem ALTu
Alternativní text se postará o to, že vyhledávač zahrne do obsahu stránek nejen text, ale i jeho obrazovou část. Což může stránce pomoci při vyhodnocování algoritmem vyhledávače, který stojí za určováním pozice webu ve výsledcích vyhledávání na konkrétní klíčová slova.
Zásadním doporučením odborníků je klást důraz na unikátnost popisků. Otagování každého obrázku stejným textem totiž může vést až k penalizaci ze strany vyhledávače.
Výjimku však tvoří obrázky, které mají jen dekorativní roli, např. jako barevné lišty či oddělovače apod. U nich je vhodnější ponechávat ALT tag prázdný, aby je vyhledávače zbytečně nebraly v potaz. Nejsou pro obsah stránky z hlediska obsahu zajímavé, protože mají čistě dekorativní účel.
Příklady ALT textu
Buďte struční, ale zase ne moc
Pokud použijeme popisek Anglická snídaně, sice vystihneme co je na obrázku, budeme pravdiví i struční, ale jde to i lépe.
Věta: Pravá anglická snídaně se slaninou, vajíčkem, fazolemi, klobásou a toustem. však obsah obrázku vystihnuje o trochu lépe. Ne každý totiž ví, že anglická snídaně zahrnuje kombinaci vajíček, slaniny, fazolí a klobásy s toustem.
Nepřehánějte to
Někdy se tvůrci stránek nechávají strhnout k ovlivňování výsledků vyhledávání. Dělají to tak, že se snaží do alternativního popisku vměstnat co největší počet klíčových slov. Výsledek pak vypadá zhruba takhle: Anglická snídaně recept, toast, obložený toast, klobása, toast, opečená slanina, snídaně recept. Popisek vám o fotografii nic neřekne. Vyhledávač ho většinou pochopí špatně, nebo vůbec. Nakonec takový obrázek prostě ignoruje. Toto je odstrašující příklad práce SEO šamana.
Zdroj obrázku: https://pixabay.com/photos/english-breakfast-food-bacon-2053889/
