Alt text (alebo alternatívny text) je popis obrázkov na webových stránkach alebo e-shopoch. Je súčasťou zdrojového HTML kódu a stručne opisuje, čo sa na obrázku nachádza. Slúži predovšetkým na sprístupnenie obsahu pre používateľov so zrakovým postihnutím alebo inými špecifickými potrebami a pre SEO.
Vďaka alternatívnemu textu zlepšíte prístupnosť vašich stránok alebo produktových obrázkov na e-shope pre zrakovo znevýhodnených používateľov, ktorí na čítanie obsahu používajú čítačku obrazovky. Ak tento text nie je vyplnený, čítačka obrázok preskočí alebo prečíta jeho názov (názov súboru). Ten často nemá žiadnu výpovednú hodnotu a nezodpovedá obsahu obrázka. Preto je dobré alt text pri každom obrázku vyplniť.
Alt text je dôležitý aj na zlepšenie optimalizácie vašich webových stránok vo vyhľadávačoch (SEO). Vyhľadávače, ako sú Google či Bing, majú vlastných robotov, pomocou ktorých pravidelne prechádzajú všetky internetové stránky a ukladajú do databázy všetok obsah, ktorý prečítajú. Tento proces sa nazýva indexácia stránok. Roboty vyhľadávačov však dokážu pracovať iba s textovým obsahom, preto je potrebné netextový obsah, ako napríklad obrázky, označiť alternatívnym textom, aby mohli roboty tieto obrázky zaindexovať a zaradiť do výsledkov vyhľadávania. Zvýši sa tak viditeľnosť webových stránok vo výsledkoch vyhľadávania.
Alt text je výhodný aj pre bežných používateľov. Ak sa používateľovi obrázok z nejakého dôvodu nenačíta (napr. kvôli pomalému alebo nestabilnému pripojeniu), zobrazí sa aspoň alternatívny text, vďaka ktorému zistí, čo sa na obrázku nachádza. Ocenia ho aj návštevníci webu, ktorí si nechávajú stránky predčítavať čítačkami.
Vytvoriť alternatívny text nie je žiadna veda. Stačí sa držať niekoľkých jednoduchých pravidiel:
Príkladom správne vytvoreného alternatívneho textu môže byť:
Často sa zamieňajú, no každý funguje trochu inak. Ani jeden však nie je povinný.
Alt atribút je popis toho, čo sa na obrázku nachádza (pre zrakovo znevýhodnených používateľov a roboty). Tento text sa zobrazí aj v situácii, keď sa obrázok nenačítava.
Title je textový tooltip, ktorý sa zobrazí po prejdení myšou na daný obrázok. Na mobilných zariadeniach nemá využitie.
(Zdroj: Marketing Miner, Shoptet Partner, článok Čo je ALT text (tag) alebo SEO pre obrázky)
Staňte sa jedným z 47 682 podnikateľov, ktorí majú e-shop od nás.