Alt text je textový popis obrázka uvedený v HTML kóde stránky. Zobrazí sa vtedy, keď sa obrázok nenačíta, prečítajú ho čítačky obrazovky nevidiacim používateľom a vyhľadávačom slúži ako informácia o tom, čo je na obrázku.
Primárny dôvod jeho existencie je prístupnosť, nie SEO. Človek, ktorý si web nechá predčítať, sa o obsahu obrázka dozvie len z alt textu. Zároveň ide o jednu z mála vecí, ktoré Google o obrázku vie, takže dobre napísaný popis pomáha aj pri vyhľadávaní obrázkov. Tieto dva ciele sa nevylučujú: popis zrozumiteľný pre človeka je zároveň popis užitočný pre stroj.
Ako napísať alt text
- Popíšte, čo na obrázku je. Konkrétne a vecne. Namiesto „obrázok” alebo „foto1″ napíšte „report výkonnosti v Google Search Console za 16 mesiacov”.
- Nezačínajte slovom obrázok. Čítačka obrazovky už používateľovi oznámi, že ide o obrázok. Opakovanie len predlžuje výstup.
- Dĺžka zhruba do 125 znakov. Dlhšie popisy čítačky orezávajú. Ak obrázok potrebuje dlhší výklad, patrí do textu stránky alebo do popisku pod obrázkom.
- Dekoratívne obrázky nechajte prázdne. Pri čisto ozdobných prvkoch sa použije
alt="". Čítačka ich potom preskočí namiesto toho, aby čítala zbytočný popis. - Zaraďte kľúčové slovo len ak tam patrí. Ak popis obrázka prirodzene obsahuje tému stránky, nechajte ho. Nasilu vkladané výrazy nepomôžu ani jednej strane.
- Nezabudnite na názov súboru.
google-search-console-vykon.jpghovorí viac nežIMG_2394.jpga je to druhý signál, ktorý Google o obrázku má.
Rozdiel medzi alt textom a atribútom title
Obe polia sa pri obrázku vypĺňajú a bežne sa zamieňajú, hoci robia niečo iné.
| Kritérium | Alt text | Atribút title |
|---|---|---|
| Kedy sa zobrazí | Keď sa obrázok nenačíta | Pri podržaní kurzora nad obrázkom |
| Čítajú ho čítačky obrazovky | Áno | Nespoľahlivo, často vôbec |
| Význam pre vyhľadávače | Podstatný | Zanedbateľný |
| Je povinný | Prakticky áno, pre prístupnosť | Nie, dá sa vynechať |
Najčastejšie chyby pri alt textoch
- Chýbajúci alt text. Najčastejšie pri obrázkoch nahratých hromadne alebo vložených cez šablónu. Pre nevidiaceho používateľa je taký obrázok neexistujúci.
- Automaticky doplnený názov súboru. Popis typu
DSC_0031je horší než žiadny, pretože čítačka ho prečíta celý znak po znaku. - Nahádzané kľúčové slová. Popis zložený z piatich výrazov oddelených čiarkami je pre človeka nezrozumiteľný a Google ho vyhodnotí ako pokus o manipuláciu.
- Rovnaký popis pri všetkých obrázkoch na stránke. Neprináša žiadnu informáciu navyše a znižuje kvalitu on-page SEO.
- Popis, ktorý nesúvisí s obrázkom. Stáva sa pri recyklovaní obrázkov medzi stránkami. Popis zostane po predchádzajúcom použití a mätie čitateľa aj vyhľadávač.
Časté otázky o alt textoch
Čo je alt text?
Alt text je popis obrázka uvedený v HTML kóde stránky. Slúži nevidiacim používateľom, ktorí si web nechávajú predčítať, zobrazí sa pri nenačítanom obrázku a vyhľadávačom poskytuje informáciu o jeho obsahu. Píše sa v atribúte alt pri značke obrázka.
Aký dlhý má byť alt text?
Odporúča sa približne do 125 znakov. Dlhšie popisy čítačky obrazovky orezávajú a strácajú tým zmysel. Ak obrázok potrebuje podrobnejšie vysvetlenie, patrí do textu stránky alebo do popisku pod obrázkom, nie do samotného alt textu.
Musí mať alt text každý obrázok?
Nie. Čisto dekoratívne obrázky, ktoré neprinášajú žiadnu informáciu, majú mať atribút alt prázdny, teda alt="". Čítačka obrazovky ich potom preskočí. Každý obrázok, ktorý niečo vysvetľuje alebo dokladá, popis mať má.
Doplnenie popisov k obrázkom patrí k úpravám, ktoré zvládne marketér bez vývojára a ktoré zároveň sprístupnia web ľuďom s postihnutím zraku. Pri obsahových auditoch ich preto prechádzame spolu s nadpismi a meta údajmi.
👉 Pozrite si, čo obsahuje naša SEO optimalizácia.
« Back to Glossary Index