Slike su važan dio web stranice jer pomažu korisnicima razumjeti sadržaj, prikazuju proizvode i poboljšavaju korisničko iskustvo. Međutim, tražilicama i korisnicima koji ne mogu vidjeti slike potrebno je omogućiti dodatne informacije o njihovom sadržaju.
Upravo tome služi alt tekst, odnosno alternativni tekst. Pravilno napisan alt tekst poboljšava pristupačnost web stranice i pomaže tražilicama razumjeti što se nalazi na slici, što može doprinijeti njezinoj vidljivosti u rezultatima pretraživanja.
Alt tekst je kratak opis slike koji se dodaje u HTML kod web stranice pomoću atributa alt. Koristi se kao tekstualna alternativa slici, primjerice kada se ona ne može učitati ili kada korisnik upotrebljava čitač zaslona.
HTML kod izgleda ovako:
<img src="crvena-haljina.jpg" alt="Crvena duga haljina kratkih rukava">
src označava putanju do slike, dok alt opisuje njezin sadržaj.
Prema službenim Google smjernicama za optimizaciju slika, alternativni tekst pomaže Googleu razumjeti sadržaj slike, zajedno s vizualnom analizom slike i okolnim tekstom na stranici.
Primjer: Lesnina
alt="STOL ZA BLAGOVAONICU boje hrasta metal, drvni materijal - boje hrasta/crna, Design, drvni materijal/metal (180/90/75cm) - Carryhome"
Alt tekst ima važnu ulogu u pristupačnosti web stranice, ali je koristan i za optimizaciju slika.
Osobe koje ne mogu vidjeti slike koriste čitače zaslona koji im omogućuju slušanje sadržaja web stranice. Kada slika ima pravilno napisan alt tekst, čitač zaslona može prenijeti informacije koje ona prikazuje.
Primjerice, umjesto da korisnik dobije samo naziv datoteke, alt tekst može mu objasniti da se na slici nalazi npr. crvena haljina kratkih rukava.
Alternativni tekst koristan je i kada se slika ne učita zbog tehničkog problema ili sporije internetske veze.
Google koristi alt tekst kako bi bolje razumio sadržaj i kontekst slike te procijenio njezinu relevantnost za određeni upit.
Pravilno napisan alt tekst može pomoći slikama da se pojavljuju za relevantne ključne riječi u Google Images rezultatima.
Primjer: rezultati Google Images pretraživanja za upit „posude za pečenje“
Ipak, alt tekst nije jedini čimbenik rangiranja slika. Važni su i kvaliteta slike, naziv datoteke, sadržaj stranice na kojoj se nalazi te drugi SEO elementi.
Dobar alt tekst treba biti kratak, opisni i povezan sa sadržajem slike. Cilj je prenijeti najvažnije informacije korisniku, a ne samo uključiti što više ključnih riječi.
Alt tekst treba jasno opisivati sadržaj slike, bez nepotrebnih izraza poput „fotografija” ili „slika”.
Primjer lošeg alt teksta:
alt="maska"
Primjer dobrog alt teksta:
Notino: alt="Kérastase Nutritive Masquintense regenerirajuća maska za kosu"
Drugi primjer pruža više korisnih informacija i bolje opisuje proizvod koji je prikazan.
Ključne riječi mogu se uključiti u alt tekst ako prirodno opisuju sadržaj slike.
Primjerice, ako je glavna ključna riječ „LED stropna svjetiljka”, možete je koristiti kada opisujete sliku na kojoj se zaista nalazi takav proizvod.
Primjer: Svijet svjetiljki
alt="Philips - LED stropna svjetiljka MOIRE LED/10W/230V 2700K Ø 24 cm"
Međutim, izbjegavajte pretrpavanje ključnim riječima, odnosno njihovo neprirodno ponavljanje radi boljeg rangiranja.
Loš primjer:
alt=" LED stropna svjetiljka najbolja LED stropna svjetiljka povoljna LED stropna svjetiljka"
Google upozorava da takvo korištenje ključnih riječi može narušiti korisničko iskustvo i predstavljati oblik spama.
Alt tekst treba biti dovoljno kratak da korisnik brzo razumije sadržaj slike. To nije strogo Googleovo ograničenje, nego praktična preporuka. Ako slika sadrži složene informacije poput grafikona ili infografike, dodatno objašnjenje možete uključiti u okolni tekst na stranici.
Nije svakoj slici potreban opisni alt tekst. Ako se slika koristi isključivo kao dekoracija i ne prenosi važne informacije, može imati prazan alt atribut:
<img src="dekoracija.jpg" alt="">
Na taj način čitači zaslona mogu preskočiti dekorativni element, umjesto da korisniku nepotrebno čitaju njegov opis.
Alt tekst može se dodati izravno u HTML kod ili pomoću sustava za upravljanje sadržajem, poput WordPressa.
U HTML kodu alt tekst dodaje se pomoću atributa alt unutar oznake <img>.
Primjer:
<img src="bijele-tenisice.jpg" alt="Bijele kožne tenisice s plavim detaljima">
Alt tekst treba prilagoditi svakoj informativnoj slici, ovisno o njezinu sadržaju i ulozi na stranici.
Ako koristite WordPress, otvorite Mediji → Zbirka medija (Media Library) i odaberite sliku kojoj želite dodati alternativni tekst.
U dijelu Detalji privitka (Attachment Details) pronađite polje Alternativni tekst (Alternative Text) i upišite odgovarajući opis slike.
Alt tekst možete urediti i izravno tijekom uređivanja stranice ili bloga, odabirom slike i njezinih postavki.
Nakon spremanja provjerite je li alt tekst ispravno prikazan u HTML kodu slike.
Alt tekst možete provjeriti ručno ili pomoću SEO alata.
Kod ručne provjere otvorite stranicu, kliknite desnom tipkom miša na sliku i odaberite Inspect (Pregledaj element). U HTML kodu provjerite nalazi li se atribut alt i opisuje li pravilno sadržaj slike.
Za provjeru većeg broja slika možete koristiti SEO alate poput Semrush Site Audita, koji omogućuje pronalazak slika bez alt atributa.
Nakon pronalaska problema potrebno je provjeriti radi li se o informativnoj ili dekorativnoj slici te prema tome dodati odgovarajući opis ili prazan alt atribut.
Pravilnim opisivanjem slika pomažete korisnicima i tražilicama razumjeti njihov sadržaj te povećavate mogućnost njihove vidljivosti u relevantnim rezultatima pretraživanja.
Naša SEO agencija može vam pomoći u optimizaciji slika, analizi ključnih riječi, tehničkom SEO auditu i poboljšanju organske vidljivosti web stranice.
Pošaljite nam upit ili nas nazovite na +385 99 368 6979 i saznajte kako možemo unaprijediti SEO rezultate vaše web stranice.
Kontaktirajte nas online klikom na gumb ispod ili nazovite broj: +385 (0)99 368 6979.
