Alt atribút je špecifický HTML atribút používaný prevažne v dokumentoch písaných v HTML a XHTML na zadefinovanie alternatívneho textu (alt text), ktorý sa má zobraziť namiesto elementu, ktorý nemôže byť vykreslený. Alt atribút sa používa pre krátke popisy, pričom dlhšie popisy používajú atribút longdesc. Organizácia štandardov pre World Wide Web, World Wide Web Consortium (W3C), odporúča, aby každý obrázok zobrazený pomocou HTML mal alt atribút, hoci alt atribút nemusí obsahovať text.
<img src="prikladovy-obrazok.jpg" alt="príklad alt textu">Alt atribút sa používa na zvýšenie dostupnosti a používateľskej priateľnosti, vrátane nevidiacich internetových používateľov, ktorí sa spoliehajú na špeciálny softvér na prezeranie webových stránok. Použitie alt atribútu pre obrázky zobrazené v HTML je súčasťou Smerníc dostupnosti obsahu na webe (WCAG) od W3C. Čítače obrazovky a textové webové prehliadače čítajú alt atribút namiesto obrázka. Text v rámci alt atribútu nahradí obrázok pri kopírovaní a vložení ako text a robí obrázky strojovo čitateľnejšími, čo zlepšuje optimalizáciu prehľadávačov (SEO).
Prvý krát bol alt text a teda ako atribút predstavený v návrhu HTML 1.2 v roku 1993 práve pre podporu textových prehliadačov.V HTML 4.01, ktoré bolo zverejnené v roku 1999, bol atribút stanovený ako požiadavka pre tagy img a area.
Internet Explorer 7 a jeho staršie verzie zobrazovali text v atribúte alt ako popisok takzvaný “tooltip text"", čo nebolo v súlade so štandardami HTML od World Wide Web Consortium (W3C). Toto správanie viedlo mnoho vývojárov webov k nesprávnemu využívaniu atribútu alt, keď chceli zobrazovať popisky obsahujúce ďalšie informácie o obrázkoch, namiesto použitia atribútu title, ktorý bol určený na tento účel. Od Internet Exploreru 8, vydaného v roku 2009, sa atribúty alt už prestali zobrazovať ako popisky na Internet Exploreri.
Alt text je dôležitý, pretože robí obrázky prístupnejšími pre ľudí a vyhľadávače, aj keď sa im nemôžu zobraziť v prehliadači. Ak nedodáte vhodný alt text, ľudia používajúci čítačky obrazovky nemôžu získať informácie z obrázkov. To nespravodlivo vylučuje používateľov so zrakovými postihnutiami, čo môže poškodiť reputáciu vašej značky, návštevnosť a konverznú mieru. Okrem toho je práve dostupnosť na webe prospešná pre SEO.
Google a ďalšie vyhľadávače používajú alt text na určenie toho, čo obrázky zobrazujú (alebo odkazujú). To môže zlepšiť ich pochopenie vášho obsahu a tým pádom viesť k vyšším pozíciám. Alt text je obzvlášť užitočný pre SEO obrázky - teda určenie ich vyššej pozície v Google Images a pri iných výsledkoch vyhľadávania práve pre obrázky. Tento druh vylepšenia môže priniesť cennú návštevnosť na vašu webovú stránku.
Keďže jedným z najvýznamnejších benefitov použitia alternatívneho textu pre optimalizáciu vášho obrázka je zvýšenie online viditeľnosti prostredníctvom SEO, môžete urobiť niekoľko vecí na zvýšenie šancí, že vaše obrázky budú umiestnené vyššie.
Alternatívny text by mal byť konkrétny, aby pomohol vyhľadávačom porozumieť obrázku a jeho účelu na vašich webových stránkach. Tu je niekoľko spôsobov, ako využiť SEO vo vašom alternatívnom texte k obrázkom.
Zahrňte kľúčové slová
Pred tým než začnete vytvárať alternatívny text, musíte vykonať analýzu - výskum kľúčových slov. Našťastie, ak investujete do SEO, už takúto analýzu kľúčových slov máte. Optimalizácia vašich obrázkov s relevantnými kľúčovými slovami vám môže pomôcť dosiahnuť lepšie umiestnenie vo vyhľadávačoch, ale kľúčové slová by ste mali používať vo svojom alternatívnom texte len vtedy, keď to má zmysel.
Samozrejme, kľúčové slovo by nemalo byť jedinou súčasťou vášho alternatívneho textu, pretože by ste mali čo najlepšie popísať obrázok. Avšak použitie správneho kľúčového slova, najmä toho, ktoré už cielite na stránke, vám poskytuje ďalšiu príležitosť informovať vyhľadávače o obsahu vašej stránky.
Vyhnite sa prehlteniu kľúčovými slovami
Hoci sme práve uviedli informácie o dôležitosti používania kľúčových slov vo vašom alternatívnom texte, mali by ste to robiť len vtedy, keď to dáva zmysel, a vyhnúť sa preplneniu kľúčovými slovami (keyword stuffing), pokiaľ je to možné.
Napríklad, ak máte infografiku, ktorá ukazuje návštevníkom, koľko vody by mali piť v závislosti od ich váhy, a cieľovým kľúčovým slovom je “koľko piť vody”, váš alternatívny text by mohol znieť niečo ako “graf zobrazujúci, koľko piť vody podľa váhy”.
Samozrejme, pravdepodobne budete cieľiť viacero kľúčových slov na tej istej stránke. Kľúčové slová by ste mali používať len vtedy, keď to má zmysel, ako je to v našom príklade; nedávajte dohromady viacero kľúčových slov do jedného alternatívneho textu, najmä ak to neposkytuje používateľom ani vyhľadávačom žiadny kontext.
Pracujte s kontextom
Pamätajte si, že jedným z hlavných cieľov alternatívneho textu je poskytnúť vyhľadávačom a používateľom kontext, aby im pomohol porozumieť obsahu stránky. Preto by kontext vášho alternatívneho textu mal súvisieť s celovou stránkou.
Ak máte blog o zdraví zubov u psov, váš alternatívny text by mal byť použitý na účel pomôcť používateľom porozumieť stránke. Preto by váš alternatívny text k obrázku psa u veterinára by mohol byť “Zlatý retríver na dentálnej prehliadke” alebo “Pes sa váži v veterinárnej ordinácii”, v závislosti od témy stránky. V tomto príklade by článok mohol byť o zubnej hygiené u psov, ich hmotnosti alebo veterinárnych prehliadkach.
Vyhľadávače použijú váš alternatívny text na určenie, o čom zvyšok stránky je, takže je dôležité zabezpečiť, aby ste im poskytli kontext. V príklade vyššie by alternatívny text “pes u veterinára” pravdepodobne nebol dostatočný na to, aby vyhľadávače určili, či je stránka o konkrétnej téme zdravia psov.
Držte text krátky
Alternatívny text by mal mať približne 125 znakov alebo menej, pretože čítače obrazovky ho odsekávajú po približne 125 znakoch. Avšak nie všetky čítače obrazovky to robia, a dodržiavanie tohto usmernenia už nie je kľúčové. Preto je dobrý nápad udržať váš alternatívny text čo najkratší, pričom poskytujete dostatok kontextu a informácií, aby pomohol používateľom a vyhľadávačom porozumieť obsahu obrázka a celkovej stránke.