Alt tekst

Alt tekst je opis slike koji stoji u HTML kodu stranice, u atributu alt. Posjetilac koji normalno vidi stranicu nikad ga ne primijeti, ali dvije publike ga čitaju pažljivo: slabovidni korisnici, kojima čitač ekrana opis izgovori naglas, i Googleovi roboti, koji sliku bez opisa vide kao prazninu u sadržaju.

Malo koji dio SEO-a ima ovako povoljan odnos truda i koristi. Ne traži programera, ne traži budžet i ne može pokvariti dizajn, jer se u pregledu stranice uopšte ne vidi. Uprkos tome, na većini stranica koje otvorimo alt tekstovi su prazni ili popunjeni automatskim nazivima datoteka iz fotoaparata.

Tri posla koja obavlja jedan atribut

• Pristupačnost: čitač ekrana pročita opis naglas, pa slika prestaje biti rupa u sadržaju za korisnika koji je ne vidi.
• SEO: Google kroz alt tekst razumije šta je na slici i rangira je u Google Images, a stranica dobija dodatni kontekst i za obične rezultate.
• Rezervni prikaz: ako se slika ne učita zbog spore veze ili greške u putanji, na njenom mjestu piše opis umjesto praznog okvira.

Prva stavka je i pravna, ne samo lijepa navika. Standardi pristupačnosti sve češće ulaze u zahtjeve javnih nabavki i u uslove za projekte finansirane iz Evrope, a alt tekst je najosnovniji dio tih standarda.

Kako izgleda dobar alt tekst

Zamislite da sliku opisujete nekome preko telefona, u jednoj rečenici. Umjesto opisa poput slika ili fotografija1, napišite šta se konkretno vidi: električar spaja razvodni ormar u stanu, ili teleća čorba servirana u restoranu u centru Mostara.

Ako se ključna riječ stranice prirodno uklapa u takav opis, uključite je. Ako se ne uklapa, nemojte je gurati. Slika kuhinje po mjeri opisuje se kao kuhinja po mjeri, ne kao namještaj po mjeri Sarajevo povoljno, jer druga varijanta nije opis nego reklama upućena robotu.

Ne počinjite sa slika prikazuje ili fotografija prikazuje. Čitač ekrana korisniku ionako najavi da slijedi slika, pa te riječi samo troše prve sekunde. Isto vrijedi za nazive fajlova ubačene u opis, koji se dešavaju kad sistem sam popuni polje.

Dekorativne slike su izuzetak

Pozadinske teksture, ukrasne ikonice i razdjelne grafike ne nose informaciju, pa im se namjerno ostavlja prazan atribut: alt="". To nije lijenost nego dio standarda pristupačnosti, jer čitač ekrana takve slike preskoči umjesto da korisniku nabraja ukrase.

Pravilo palca je jednostavno: ako biste sliku izbacili, a stranica ne bi izgubila nikakvu informaciju, alt ostaje prazan. Ako se uz sliku već nalazi tekst koji govori isto što i slika, opis se također može izostaviti da se ista informacija ne ponavlja dvaput.

Pazite na razliku između praznog atributa i atributa kojeg uopšte nema. Prazan atribut je jasna poruka da sliku treba preskočiti. Slika bez atributa je nedorečenost, pa čitač ekrana obično pročita naziv datoteke, što korisniku ne znači ništa.

Alt tekst, naziv fajla i tekst oko slike

Google sliku razumije iz nekoliko izvora odjednom. Alt tekst je najvažniji, ali nije jedini. Naziv datoteke se također čita, pa je ugradnja-klima-uredaja-mostar.jpg korisnija od IMG_20240412.jpg, a preimenovanje traje nekoliko sekundi po slici.

Uz to se gleda i tekst koji sliku okružuje, naslov odjeljka u kojem se nalazi i potpis ispod nje, ako ga ima. Slika stavljena usred teksta o istoj temi razumljivija je nego ista slika ubačena u galeriju bez ijedne riječi konteksta.

Ako slike opisuju proizvode, vrijedi ih povezati i sa schema markupom. Time se Googleu pored opisa daje i podatak o kojem proizvodu je riječ, po kojoj cijeni i je li dostupan.

Gdje se alt tekst najviše isplati

Vizuelne branše izvlače najviše: restorani, apartmani, saloni namještaja, fotografi i građevinske firme s galerijom izvedenih radova. Pretraga slika je za takve upite često prvi kontakt s kupcem, a to je izvor organskog prometa koji većina lokalnih firmi u BiH uopšte ne obrađuje.

Kod turističkog smještaja razlika se osjeti brzo. Gost koji traži apartman u Bihaću često prvo gleda slike, pa tek onda otvara stranicu. Ako su vaše fotografije nevidljive pretrazi, konkurencija s istim apartmanima i lošijom cijenom bit će viđena prije vas.

Za lokalne firme alt tekst dobro sarađuje s ostatkom lokalnog SEO-a. Fotografije radova s opisom koji spominje grad i vrstu posla dodaju kontekst koji potvrđuje ono što piše u tekstu stranice.

Alt tekst u web trgovini

U trgovini svaka slika proizvoda radi dvostruki posao. Pomaže artiklu da se nađe u pretrazi slika i čini shop upotrebljivim kupcima koji koriste čitač ekrana. Kod odjeće i namještaja ta druga grupa je veća nego što se pretpostavlja, jer se detalji poput boje i materijala nigdje drugdje ne spominju.

Praktičan pristup kod velikog asortimana je šablon koji povlači naziv proizvoda, boju i ugao snimka, pa proizvede opis tipa plava pamučna košulja, prednja strana. Rezultat neće biti briljantan, ali je tačan i različit za svaku sliku. Ručno se onda dorade samo najprodavaniji artikli.

Detaljne fotografije zaslužuju poseban tretman. Slika šava, materijala ili priključka nosi informaciju zbog koje kupac i otvara galeriju, pa opis tu treba reći šta se konkretno vidi. Kod tehničke robe je to često razlika između narudžbe i povrata, jer kupac unaprijed zna šta dobija.

Greške koje najčešće viđamo

Najčešća je masovni automatski alt, gdje sve slike na sajtu dobiju naziv fajla ili ime firme. Opis tada ne govori ništa, a stranica formalno ima popunjena polja, pa niko ne primijeti problem. Provjera na deset nasumičnih slika otkrije ovo za minutu.

Druga je trpanje pojmova, tipa vodoinstalater Sarajevo hitne intervencije jeftino. To nije opis nego spisak ključnih riječi. Google takav tekst prepoznaje i zanemari, a korisniku čitača ekrana ostane rečenica bez smisla.

Treća je opisivanje dekorativnih slika. Stranica s trideset ukrasnih ikonica, od kojih svaka ima opis, korisniku čitača ekrana pravi šum kroz koji mora proći prije nego što dođe do sadržaja. Prazan atribut je tu ispravan izbor.

Četvrta je zaboravljanje alt teksta pri redizajnu. Stranica dobije nove fotografije, a polja ostanu prazna, jer se u dizajnu ništa ne vidi. Ako alt tekstove stavite u popis za primopredaju, taj problem nestane sam od sebe.

Peta je tekst na slici koji nigdje drugdje ne postoji. Cjenovnik, radno vrijeme ili uslovi akcije ubačeni kao grafika nisu čitljivi ni pretraživaču ni čitaču ekrana. Takav sadržaj treba postojati i kao običan tekst na stranici, a slika ostaje ilustracija.

Šesta je zanemarivanje veličine fajla dok se popunjavaju opisi. Fotografija od nekoliko megabajta usporava stranicu i kvari Core Web Vitals, pa najbolji opis na svijetu neće pomoći slici koju polovina posjetilaca nikad ne dočeka.

Sedma je isti alt tekst na svim slikama. Galerija od dvadeset fotografija u kojoj svaka nosi opis „radovi“ ne govori ništa ni čitaču ekrana ni Googleu. Svaka slika prikazuje nešto svoje, i opis to treba reći, makar u pet riječi.

Lista za provjeru

Prođite ovih osam pitanja na svojoj stranici, po mogućnosti na telefonu i na računaru.

• Ima li svaka sadržajna slika opis koji bi imao smisla i da slike nema?
• Imaju li ukrasne i pozadinske slike prazan alt atribut, umjesto opisa?
• Opisuju li se u alt tekstu stvari koje se zaista vide, a ne ono što biste željeli rangirati?
• Postoji li ijedna slika s nabrojanim ključnim riječima umjesto rečenice?
• Jesu li nazivi datoteka smisleni, ili su ostali automatski nazivi iz fotoaparata?
• Postoji li tekst koji je vidljiv samo kao slika, recimo cijene ili radno vrijeme?
• Jesu li slike smanjene i spremljene u modernom formatu prije nego što su postavljene?
• Ko je u firmi zadužen da nove slike dobiju opis prije objave?

Kako provjeriti stanje na svojoj stranici

Desni klik na sliku i pregled koda pokazuje ima li atribut alt, ali za cijelu stranicu je brže proći kroz alat poput besplatnog WAVE-a ili kroz SEO crawler koji izlista sve slike bez opisa. Rezultat obično stane u jednu tabelu i odmah pokaže koliko posla ima.

Ako stranicu tek gradite ili je redizajnirate, tražite da alt tekstovi budu dio primopredaje kao i tekstovi. Jeftinije je to uraditi tokom izrade web stranice nego naknadno prolaziti kroz stotine objavljenih slika, a rezultat je uz to dosljedniji jer ga piše ista osoba.