Šta je alt tag i kako utiče na SEO?

18.06.2020. / 11:27
Autor/ica
Share
srf
srf

Do sada smo mnogo govorili o tome šta je optimizacija za tražilice (SEO) te kako se može koristiti u redakcijama kako biste dosegli što više čitalaca/teljki koji su zainteresovani za vaš sadržaj. Na nedavnom treningu o SEO, koji je organizovao USAID BMAP za novinare/ke jedne balkanske web redakcije, sam pomenuo alt tag i govorio o tome koliko je važan za SEO, ali i kao dobra praksa za novinske web portale zbog slijepih i slabovidnih osoba koje također posjećuju vašu stranicu. U ovom, kao i u bezbroj drugih slučajeva dobio sam mnogo pitanja šta je uopšte alt tag i zašto je toliko važan? Pogotovo, zašto je važan za SEO. 

Šta je alt tag i čemu služi?

Tehnički gledano alt tag je netačan naziv za alt atribut unutar img taga. Također je poznat i kao alternativni tekst (alternative text) i alternativni opis. Koristi se unutar HTML koda da opiše prikaz i funkciju slike na web stranici. On ima dvostruku namjenu. Prije svega je to jedan od HTML elemenata koji omogućava pristupačnost za slijepe i slabovidne osobe kako bi saznale šta se nalazi na fotografiji, a sa druge strane isto to čini i za tražilice kojima obezbjeđuje tekstualnu alternativu za vizuelni prikaz.

Tražilice i ostali roboti ne mogu istumačiti šta se nalazi na fotografijama i ostalim vizuelnim elementima.

Alt tag je rješavaju ovaj problem tako što pruža tekst koji tražilice mogu pročitati. Kada Googlebot ili neki drugi robot pregleda stranicu, slike sa ispravno formatiranim alt tekstom doprinose indeksiranju stranice i njenom rangiranju. Ovaj element je važan iz četiri glavna razloga: 

  1. Poboljšava pristupačnost za slijepe i slabovidne
  2. Može poboljšati “tematsku relevantnost” sadržaja
  3. Može vam pomoći da budete rangirani više u Google Images
  4. Služi kao sidrišni tekst za slikovne linkove

Kako alt tag utiče na SEO?

Prije svega važno je razumijeti da Google, ali i druge tražilice, gledaju riječi koje se pojavljuju na stranici kako bi razumijeli šta je tema stranice. Ukoliko, naprimjer, stranica pominje različite pasmine onda će Google znati da se radi o stranici koja govori o pasminama. Dok je Google savršeno u stanju da prepozna psa, manje je sposoban da razumije dublji kontekst koji se krije iza fotografije, a to su u ovom primjeru specifične pasmine. Tu alternativni tekst dolazi u kontekst. Na ovaj način fotografije poboljšavaju „tematsku relevantnost“ stranice koja zbog tog može biti bolje rangirana. Sam Google stavlja izuzetnu važnost na alternativni tekst, jer tako ne samo da saznaju šta je na fotografiji, već kakav je odnos fotografije i teksta koji je okružuje.

Google Images je druga najveća tražilica i 20,45% svih pretraživanja se dešava upravo na tom mjestu.

Ovo ga smješta ispred YouTube, Bing i svih drugih tražilica kombinovano. To znači da i na ovaj način možete privući novu potencijalnu publiku sa Google Images. Ukoliko koristite Google Search Console i Google Analytics vrlo lako možete provjeriti koliko saobraćaja na vašoj stranici je poteklo iz Google Images pretraga. Ovu činjenicu čak potvrđuje i John Mueller iz Googla koji je jednom svom tweetu iz 2018 rekao „da alternativni tekst puno pomaže Google Images – ukoliko želite da se vaše fotografije pojave tamo.“

Sidrišni tekst (anchor text) je u suštini fraza ili riječ unutar linka ili a taga koja povezuje jednu stranicu sa drugom. Postoji dosta dokaza da Google analizira ovaj tekst detaljnije i da on utiče na pozicioniranje stranice unutar rezultata pretraga. Google ga koristi da ima bolje razumijevanje web stranice i o čemu govori. Ali nisu svi linkovi prikazani u formi teksta. Neki su prikazani u formi slike. Google navodi u svom vodiču za najbolje prakse za slike da ukoliko odlučite „koristiti sliku kao link, popunjavanje alternativnog teksta pomaže Google tražilici da razumije više o stranici na koju upućujete linkom.“  U ovom slučaju se ponašate kao da pišete sidrišni tekst za tekstualni link. U primjeru ispod možete vidjeti kako se u kodu pojavljuje alternativni tekst.

<img src="pupdanceparty.gif" alt="psići plešu">

Naravno u vašem slučaju najčešće ćete dodavati ovaj tekst kroz vaš CMS. U najnovijoj verziji Wordpress to naprimjer izgleda kao na priloženoj fotografiji ispod. 


Najbolje prakse

Dok je alternativni tekst koristan iz više razloga ipak postoje neke najbolje prakse kojih se možete držati da biste vaš medij i svaki članak koji objavite pozicionirali što bolje na tražilicama. 

  • Optimizirajte veličinu fotografija kako ne bi uticale loše na brzinu učitavanja vaše stranice i koristite iste ključne riječi kao i za stranicu na kojoj prikazujete fotografiju ukoliko je to moguće. 
  • Tekst bi trebao biti kratak da dobijete maksimalni učinak. Neka preporučena maksimalna dužina alternativnog opisa je 125 karaktera kako zbog pristupačnosti tako i zbog konciznosti. 
  • Izbjegavajte natrpavanje ključnih riječi u alternativni tekst, jer ćete tako samo odmoći vašim naporima da se što bolje pozicionirate na tražilicama. 
  • Alternativni tekst nije najprioritetniji za SEO, ali je dobra praksa da opišete većinu fotografija koje prate tekst ne samo zbog ovoga nego i zbog pristupačnosti. 

Dobro napisan alternativni tekst je kratak, precizan u opisu fotografije, izbjegava riječi kao fotografija ili slika i ne ponavlja tekst koji se pojavljuje u opisu ispod fotografije. 

Izvor: Creativecommons.org
Izvor: Creativecommons.org

Primjer sa slikom iznad će vam najbolje objasniti na šta trebate obratiti pažnju pri opisu fotografije. 
 

Loše: <img src=“smarthphone.png” alt=“slika pametnog telefona”>
Može proći: <img src=“ smarthphone.png” alt=“pametni telefon”>
Dobro: <img src=“ smarthphone.png” alt=“Muškarac drži pametni telefon”>
Najbolje: <img src=“ smarthphone.png” alt=“Muškarac sa bradom drži pametni telefon u rukama”>

Uvođenje pisanja alternativnog teksta pri postavljanju fotografija nije najvažniji element optimizacije za tražilice (SEO), ali je dobra praksa u kontekstu obezbjeđivanja pristupačnosti vašeg web sajta osobama sa invaliditetom. Da bi SEO bio još uspješniji u kontekstu slika morate obratiti pažnju na još mnogo stvari kao što je imenovanje samih fajlova, prilagođene veličine slika za različite uređaje i td. Ipak, većinu tih tehničkih stvari radi vaša web podrška. Ono što vi kao novinari/ke i urednici/e možete uraditi je da dobro opišete fotografiju i date joj smislen naziv. 

Ocijenite kvalitet članka