On-page SEO

Č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.