Čo je alt text (alternatívny text)?
Alt text je textový popis obrázka v HTML kóde. Zobrazí sa, keď sa obrázok nenačíta, prečítajú ho čítačky pre nevidiacich a pomáha vyhľadávačom pochopiť, čo obrázok zobrazuje.
Prečo na tom záleží
Vyhľadávače nevidia obrázok tak ako človek, preto sa opierajú o text okolo neho a práve o alt text. Keď obrázku pridáte zrozumiteľný popis, dávate Googlu jasný signál, čo zobrazuje, a tým zvyšujete šancu, že sa objaví vo vyhľadávaní obrázkov a zároveň podporíte relevanciu celej stránky. To má priamy dopad na to, koľko ľudí sa k vám cez obsah dostane.
Druhý dôvod je prístupnosť. Nevidiaci používatelia počúvajú obsah stránky cez čítačku a alt text je jediné, čo im o obrázku povie. Bez neho im unikne časť významu, a keďže prístupnosť je dnes aj právna a reputačná téma, oplatí sa ju riešiť od začiatku.
Ako na to v praxi
- Popíšte, čo je na obrázku naozaj vidno, prirodzenou vetou, nie zoznamom slov.
- Držte sa stručnosti, zvyčajne postačí pár slov až jedna krátka veta.
- Ak to dáva zmysel, zakomponujte kľúčové slovo, ale len keď naozaj sedí na obsah obrázka.
- Pri produktoch uveďte konkrétny názov, farbu alebo variant namiesto všeobecného pojmu.
- Čisto dekoratívnym obrázkom nechajte alt text prázdny (alt=""), aby ich čítačka preskočila.
- Skontrolujte, či má alt text každý dôležitý obrázok na stránke, nielen niektoré.
Najčastejšie chyby
Najčastejšia chyba je napchávanie kľúčových slov za sebou v nádeji na lepšiu pozíciu. Google to vie rozpoznať a pôsobí to ako spam, navyše to čítačke pre nevidiacich nedáva žiadnu zmysluplnú informáciu. Opakom je úplne vynechaný alt text alebo nič nehovoriaci popis typu „obrazok1" či názov súboru priamo z fotoaparátu.
Ďalšia chyba je dávať alt text aj čisto ozdobným prvkom, napríklad oddeľovacím čiaram alebo pozadiam. Tie zbytočne zahlcujú používateľa čítačky a pri nich je lepšie nechať alt prázdny.
