Šta je alt tekst slike i zašto nije samo za pristupačnost - Zephyra Studio

Alt tekst je kratak opis slike koji stoji u kodu i ne vidi se na stranici. Čitači ekrana čitaju ga naglas slepim i slabovidim korisnicima, a prikazuje se i kad se slika ne učita. Google ga koristi kao zamenu za ono što algoritam ne može da vidi, pa uz naziv fajla i okolni tekst pomaže da slika bude razumljiva i u pretrazi slika. Dobar alt tekst nije nabacivanje ključnih reči. To je jedna rečenica koja kaže šta je na slici i zašto je tu.

Šta alt tekst zapravo jeste, a šta nije

Alt tekst je vrednost atributa alt u HTML oznaci slike: <img src="..." alt="...">. Ako je slika čisto dekorativna, na primer pozadinska tekstura, alt treba da bude prazan (alt=""), jer time čitaču ekrana kaže da je preskoči.

On nije vidljiv posetiocu. Vidi ga čitač ekrana, vidi ga Google, i vidi ga svako kome se slika ne učita zbog slabe veze. Zato mora da ima smisla i van konteksta same slike.

Zašto je bitan i van pristupačnosti

Google ne može da pogleda sliku kao čovek, pa mu alt tekst, naziv fajla i tekst oko slike pomažu da je svrsta. To je razlog zašto slike sa dobrim alt tekstom imaju šansu da se pojave u Google pretrazi slika.

Dodatni razlog je konkretan: ako slika nosi informaciju koja nigde drugde na stranici nije napisana, na primer cena na screenshot-u ili tekst unutar infografika, alt je jedino mesto gde Google i čitač ekrana tu informaciju mogu da dobiju.

Kako da ga napišete: konkretan primer

Primer loše napisanog alt teksta: alt="slika, sajt, izrada, povoljno". To je niz reči bez strukture, koji ni čoveku ni algoritmu ne govori šta je na slici.

Isti primer, napisan kako treba: alt="Poređenje brzine učitavanja stranice pre i posle optimizacije, 4.2 sekunde pre i 1.1 sekund posle". Ovo opisuje šta slika prikazuje i nosi brojeve koje niko ne može da pročita ako je slika nedostupna.

Kratko pravilo: ako bi neko čitao stranicu samo preko alt tekstova, da li bi razumeo o čemu je? Ako ne, alt tekstovi su preslabi.

Česte greške

Tri greške se ponavljaju. Prva: isti alt tekst na svim slikama, ili alt koji samo ponavlja naziv fajla ("IMG_4532.jpg"). Druga: ubacivanje ključnih reči bez veze sa slikom, što Google prepoznaje kao manipulaciju. Treća: izostavljanje alt-a uopšte, što je najgore i za pristupačnost i za pretragu slika.

Ako se slika ponavlja više puta na istoj stranici, na primer logo u zaglavlju i podnožju, dovoljno je da prva ima pun opis, a ostale mogu imati kraći ili prazan alt da se čitaču ekrana ne ponavlja isto.

Povezani pojmovi

Za širu sliku, pogledajte i:

Izvor

Ključni zaključci

• Alt tekst opisuje sliku u kodu, čita ga čitač ekrana i Google.
• Nije nabacivanje ključnih reči, nego jedna rečenica o tome šta je na slici.
• Dekorativne slike dobijaju prazan alt (alt=""), a ne izostavljen atribut.
• Ako slika nosi jedinstvenu informaciju, alt je jedino mesto gde je pretraga može pročitati.

Zaključak

Alt tekstovi su jedan od najbržih popravaka na sajtu: ne traže redizajn, samo nekoliko sati prolaska kroz medijsku biblioteku. Ako vam uz popravku treba i tehnički pregled celog sajta, naša SEO optimizacija pokriva i pristupačnost i pretragu slika kao deo istog posla.