Čo to znamená?
Alt text, alebo alternatívny text, je textový popis obrázkov v HTML kóde webovej stránky. Poskytuje náhradný opis obsahu obrázka pre užívateľov so zrakovým postihnutím a tiež pre vyhľadávače ako Google. Tento popis pomáha vyhľadávačom lepšie porozumieť obsahu obrázka a kontextu stránky, čím prispieva k lepšiemu zoradeniu stránky vo výsledkoch vyhľadávania.
Ako funguje Alt text?
Definovaním obrázkov v zdrojovom kóde umožníme čítačkám pre nevidiacich identifikovať obrázok a jeho obsah, ktorý potom môžu prečítať návštevníkovi. Pridanie alt textu tak nielenže optimalizuje váš web pre vyhľadávače, ale aj zvyšuje prístupnosť informácií pre širšiu skupinu používateľov.
Zakomponovaním popisov obrázkov rozšírite svoj dosah aj do obrázkového vyhľadávania, ktoré je dôležité pre smerovanie návštevníkov na váš web.
Ako by mal vyzerať správne napísaný alt text:
- Opis je stručný a výstižný
- Text obsahuje diakritiku a je správne štylizovaný
- S opisom prejdite rovno k pointe
- Obsahuje ideálne jedno kľúčové slovo
- Dokážete si ho predstaviť aj so zatvorenými očami
- Nemal by obsahovať viac než 125 znakov, pretože zvyšok Google odsekne a nezobrazí
Opis nezačína formou: „Obrázok…“, „Na obrázku je…“ Príklad zápisu alt textu v HTML kóde:
<img src=“https://www.vasadomena.sk/obrazky/nazov-obrazku.jpg“ alt=“popis obrázka spolu s vhodným kľúčovým slovom“ /> <img src=„https://www.vasadomena.sk/obrazky/zapad-slnka.jpg“ alt=Krásny západ slnka nad horami s oranžovou oblohou„“>