Čo je alt text? Význam, príklad a použitie

Alt text je stručný popis obrázka v HTML atribúte alt, ktorý nahradí obrázok tam, kde sa nezobrazí, a pomáha ho pochopiť čítačkám obrazovky aj vyhľadávačom. Google ho používa spolu s obsahom stránky a počítačovým videním. Dobrý alt text je popisný, vecný a nenapchatý kľúčovými slovami.

Na čo alt text slúži?

Prístupnosť. Čítačky obrazovky ho čítajú nevidiacim a slabozrakým používateľom.
Náhrada obrázka. Zobrazí sa, keď sa obrázok nenačíta, napríklad pri pomalom pripojení.
Pochopenie obrázka. Google z neho spolu s okolitým obsahom a počítačovým videním zisťuje, čo obrázok zobrazuje.
Odkaz. Ak je obrázok odkazom, alt text funguje ako text odkazu.

Aký je rozdiel medzi zlým a dobrým alt textom?

Hodnota alt	Hodnotenie
chýba	Zlé, obrázok nie je opísaný.
zoznam kľúčových slov	Zlé, môže sa považovať za spam.
`šteňa`	Lepšie.
`Dalmatínske šteňa si hrá s loptou`	Najlepšie, vystihuje obsah.

Postupnosť kvality alt textuZdroj: Google Search Central: Google image SEO best practices

Ako alt text písať?

Popisujeme, čo je na obrázku a ako súvisí s obsahom stránky. Google odporúča užitočný a informačne bohatý text s primeraným použitím kľúčových slov a varuje pred plnením atribútu kľúčovými slovami. Obrázok umiestňujeme blízko súvisiaceho textu. Dôležité je aj zrozumiteľné pomenovanie súboru, napríklad cierna-macka.jpg namiesto IMG00023.JPG.

Čo si zapamätať o pojme alt text?

Alt text je malý detail s veľkým významom pre prístupnosť aj SEO. Pri audite kontrolujeme, či ho majú všetky významné obrázky a či nie je prepchatý kľúčovými slovami.

Ako to rieši webstrankanamieru.sk: Pojem alt text je súčasťou postupu SEO na mieru od analýzy kľúčových slov po monitoring. Praktické články nájdete v novinkách, ceny v cenníku a konzultáciu k vášmu webu cez kontakt.

Súvisiace pojmy: Anchor text, On-page SEO, WebP, Lazy loading, HTML, Ikonografia, Keyword stuffing, Optimalizácia obrázkov, Photoshop, Prístupnosť webu, Sémantické HTML

Často kladené otázky o pojme alt text

Čo je alt text?

Je to stručný popis obrázka v HTML atribúte alt, ktorý nahradí obrázok tam, kde sa nezobrazí, a pomáha ho pochopiť čítačkám obrazovky aj vyhľadávačom.

Je alt text faktor poradia?

Google ho využíva spolu s obsahom stránky a počítačovým videním na pochopenie obrázka. Dokumentácia ho neoznačuje za samostatný faktor poradia.

Aký dlhý má byť alt text?

Google presnú dĺžku neuvádza, odporúča stručný a popisný text. Dôležité je vystihnúť obsah obrázka a jeho súvis so stránkou.

Treba alt text pri každom obrázku?

Pri významných obrázkoch áno. Čisto dekoratívne obrázky sa podľa pravidiel prístupnosti zvyčajne označujú prázdnym atribútom alt.

Čo je rozdiel medzi alt textom a názvom súboru?

Alt text opisuje obrázok. Názov súboru dáva podľa Googlu len veľmi nepatrné náznaky, preto sa naň nespoliehame.

Zdroje

Google Search Central: Google image SEO best practicesOdporúčania ku alt textu, názvom súborov a formátom obrázkov.
Google Search Central: SEO Starter GuideAlt text a umiestnenie obrázkov pri texte.
Google Search Central: Link best practices for GoogleObrázok ako odkaz.

Všetky pojmy v slovníku