ALT text (alebo alternatívny text) je krátky textový popis obrázka, ktorý sa vkladá do HTML kódu webstránky. Tento text sa bežne na stránke nezobrazuje. Slúži na to, aby opísal obsah obrázka v situáciách, kedy sa samotný obrázok nemôže načítať, alebo pre používateľov, ktorí ho nemôžu vidieť.
Prečo je ALT text dôležitejší, ako si myslíte?
Hoci je to malý detail v kóde, jeho správne použitie má dva zásadné prínosy:
- Prístupnosť webu (Accessibility): Pre nevidiacich a slabozrakých používateľov, ktorí používajú čítačky obrazovky, je ALT text jediný spôsob, ako zistiť, čo sa na obrázku nachádza. Čítačka im tento text prečíta nahlas. Web bez ALT textov je pre nich neúplný a nezrozumiteľný.
- SEO (Search Engine Optimization): Vyhľadávače ako Google nedokážu „vidieť“ obrázky tak ako ľudia. ALT text im slúži ako presný popis toho, čo na obrázku je. Pomáha im to pochopiť kontext celej stránky a správne zaindexovať obrázok pre vyhľadávanie v Google Images, čo môže byť ďalším zdrojom návštevnosti.
Ako napísať dobrý ALT text? (S príkladmi)
Dobrý ALT text by mal byť stručný, výstižný a popisný.
- Zlý príklad:
alt="obrazok123.jpg"(Neposkytuje žiadnu informáciu.) - Dobrý príklad:
alt="Mladá žena sedí za stolom a píše do notebooku."(Presne popisuje, čo je na obrázku.) - Najlepší príklad (s kľúčovým slovom): Ak je obrázok v článku o účtovníctve, môžete napísať:
alt="Účtovníčka z BiznisUp.sk pripravuje daňové priznanie pre klienta."(Je popisný a zároveň prirodzene obsahuje relevantné kľúčové slová.)
Kde sa ALT text nastavuje?
Vo väčšine redakčných systémov, ako je WordPress, sa ALT text nastavuje veľmi jednoducho priamo pri nahrávaní obrázka do knižnice médií alebo pri jeho vkladaní do článku. Je to samostatné políčko s názvom „Alternatívny text“.
⭐ Tip od BiznisUp.sk
Vytvorte si zvyk. Vždy, keď na web nahrávate nový obrázok, okamžite vyplňte aj ALT text. Berte to ako „pomenovanie“ obrázka pre niekoho, kto ho nevidí. Trvá to 5 sekúnd a je to jedna z najjednoduchších a najefektívnejších SEO techník, ktorú môžete urobiť. Nikdy nenechávajte toto pole prázdne! Zlepšíte tým SEO a zároveň spravíte svoj web prístupnejším pre všetkých.
Pre detailné informácie o dôležitosti alternatívneho textu pre prístupnosť webu je najlepším zdrojom konzorcium W3C, ktoré definuje webové štandardy. Ich sprievodcu nájdete tu (v angličtine).
Súvisiace pojmy v slovníku
- SEO (Search Engine Optimization)
- On-page SEO
- Kľúčové slovo (Keyword)
- Prístupnosť webu
- Obrázok