Image SEO: alt tekst, nazivi fajlova, dimenzije i optimizacija slika za Google

Image SEO je skup postupaka kojima se slike pripremaju tako da ih korisnici, pretraživači i asistivne tehnologije mogu pravilno razumeti i koristiti. Dobro optimizovana slika može doprineti vidljivosti u Google Images rezultatima, boljem korisničkom iskustvu i bržem učitavanju stranice.

Optimizacija ne znači samo smanjenje veličine fajla. Važni su i alt tekst, naziv fajla, dimenzije, format, kontekst u kome se slika prikazuje, način učitavanja i tehnička dostupnost.

Šta je image SEO?

Image SEO je optimizacija slika i njihovog okruženja na stranici za pretraživače i korisnike. Cilj je da Google može da razume šta slika prikazuje, zašto se nalazi na stranici i da li je relevantna za određeni upit.

Istovremeno, slika treba da bude dovoljno kvalitetna za korisnika, ali ne i nepotrebno velika. Veliki fajlovi mogu usporiti učitavanje, posebno na mobilnim uređajima i sporijim mrežama.

Zašto je optimizacija slika važna?

• Vidljivost: slike mogu da se pojave u Google Images i drugim vizuelnim prikazima rezultata.
• Brzina: pravilne dimenzije i kompresija smanjuju količinu podataka koju pregledač mora da preuzme.
• Core Web Vitals: velike slike mogu negativno uticati na LCP, posebno kada su deo glavnog sadržaja.
• Pristupačnost: kvalitetan alt tekst pomaže korisnicima koji koriste čitače ekrana.
• Korisničko iskustvo: slike koje se brzo učitavaju i pravilno prikazuju čine sadržaj preglednijim.

Image SEO treba posmatrati kao deo šire SEO optimizacije, a ne kao izolovanu tehničku stavku.

Alt tekst: kako se pravilno piše

Alt tekst je vrednost alt atributa u HTML elementu slike. Njegova funkcija je da opiše sadržaj ili svrhu slike kada slika ne može da se prikaže, kao i da pruži tekstualnu alternativu korisnicima asistivnih tehnologija.

Pravila za dobar alt tekst

• Opišite ono što je zaista važno u kontekstu stranice.
• Budite konkretni i sažeti.
• Pišite prirodnim jezikom, bez nabrajanja ključnih reči.
• Ne počinjite svaki opis izrazom „slika koja prikazuje“.
• Nemojte unositi informacije koje se ne vide na slici.

Primer dobrog opisa za fotografiju kancelarije može biti: „Tim za računarima tokom SEO analize u kancelariji“. Lošiji primer je: „SEO image SEO optimizacija slika najbolja agencija“, jer je neprirodan i pokušava da manipuliše ključnim rečima.

Kada alt atribut treba da bude prazan?

Ako je slika dekorativna i ne prenosi dodatnu informaciju, koristite prazan alt atribut: alt="". To omogućava čitačima ekrana da preskoče nepotreban element.

Nemojte izostaviti atribut bez razloga. Prazan atribut i potpuno odsustvo alt atributa nemaju istu semantičku namenu.

Naziv fajla slike

Naziv fajla može pomoći da se opiše sadržaj slike pre nego što je Google obradi. Koristite kratke, opisne nazive koji odgovaraju stvarnom sadržaju.

Bolji primeri su:

• seo-audit-izvestaj.jpg
• optimizacija-slika-za-web.webp
• tim-za-seo-analizom.png

Izbegavajte nazive poput IMG_4837.jpg, final-final-2.png ili dugačke nizove ključnih reči. Reči razdvajajte crticama, a ne donjim crtama, i izbegavajte nepotrebne specijalne znakove.

Dimenzije i rezolucija

Slika treba da bude dovoljno velika za prostor u kome se prikazuje, ali ne veća nego što je potrebno. Ako se slika prikazuje u širini od 800 piksela, fajl širine 4000 piksela često samo nepotrebno povećava vreme učitavanja.

Pre objavljivanja proverite:

• koja je maksimalna širina slike u šablonu stranice;
• da li se slika koristi u hero sekciji, kartici ili galeriji;
• da li je potrebna verzija za retina ekrane;
• da li CMS automatski generiše manje varijante;
• da li se različite dimenzije isporučuju mobilnim i desktop korisnicima.

Za responzivne slike koristite srcset i sizes kada je to moguće. Tako pregledač može da izabere odgovarajuću verziju umesto da svim uređajima šalje najveći fajl.

Izbor formata slike

Format treba birati prema sadržaju slike i podršci u tehničkom okruženju sajta.

Ne postoji jedan najbolji format za svaku sliku. Fotografija, logo i ilustracija imaju različite zahteve.

Kompresija bez vidljivog gubitka kvaliteta

Kompresija smanjuje veličinu fajla. Kod fotografija se najčešće koristi lossy kompresija, dok je za određenu grafiku prikladnija lossless kompresija.

Praktičan postupak je:

1. izvezite sliku u odgovarajućem formatu;
2. smanjite dimenzije na realnu prikaznu veličinu;
3. kompresujte fajl;
4. proverite oštrinu teksta i detalja;
5. testirajte vreme učitavanja na mobilnoj mreži.

Nemojte kompresovati sliku toliko da tekst postane nečitljiv, ivice mutne ili proizvod neprepoznatljiv. SEO korist od manjeg fajla nije dovoljna ako korisnik dobije loš vizuelni prikaz.

Kontekst slike i okolni sadržaj

Google ne posmatra sliku potpuno odvojeno od stranice. Naslov, tekst iznad i ispod slike, caption, URL, alt tekst i tema celog dokumenta zajedno daju kontekst.

Zato sliku postavite blizu relevantnog sadržaja. Ako je tema stranice optimizacija web sajta, fotografija servera bez objašnjenja ima manje informativnu vrednost od slike koja je jasno povezana sa opisanim postupkom.

Caption i tekst uz sliku

Caption može biti koristan kada korisniku treba dodatno objašnjenje, izvor ili kontekst. Ne koristite ga samo radi ponavljanja alt teksta. Alt tekst i caption mogu biti povezani, ali ne moraju biti identični.

Lazy loading i slike iznad prevoja

Lazy loading odlaže učitavanje slika koje nisu odmah vidljive. To može smanjiti početni broj zahteva, ali slike koje su deo prvog ekrana ne treba automatski tretirati isto kao slike pri dnu stranice.

Posebnu pažnju obratite na glavnu sliku stranice. Ako je ona najveći element vidljiv pri učitavanju, pogrešno odlaganje ili kasno otkrivanje može pogoršati LCP. Za takve elemente često je važnije da se učitaju prioritetno, uz odgovarajuće dimenzije i format.

Stabilan raspored i CLS

Pregledač treba unapred da zna prostor koji će slika zauzeti. Definišite width i height atribute ili odgovarajući CSS aspect ratio. Tako se smanjuje pomeranje sadržaja dok se slika učitava.

Primer HTML-a:

<img src="tim-za-seo-analizom.webp"
     alt="Tim za računarima tokom SEO analize"
     width="1200"
     height="800"
     loading="lazy"
     decoding="async">

Primer je ilustrativan. Za glavnu sliku iznad prevoja možda ćete koristiti drugačiju strategiju učitavanja, u zavisnosti od njenog mesta i uticaja na LCP.

Open Graph i društveno deljenje

Slika koja se koristi u rezultatima pretrage nije nužno ista ona koja se prikazuje kada se stranica deli na društvenim mrežama. Proverite Open Graph oznake, naročito og:image, kao i dimenzije i čitljivost slike u link preview prikazu.

Ovo nije zamena za image SEO, ali utiče na to kako stranica izgleda kada je korisnici dele i otvaraju iz drugih kanala.

Struktura URL-a i organizacija fajlova

URL slike treba da bude stabilan i smislen. Izbegavajte česte promene putanja, jer one mogu izazvati prekinute linkove i gubitak ranije izgrađenih signala. Ako morate da promenite URL, obezbedite pravilne preusmeravanja i ažurirajte reference u sadržaju.

Organizacija u direktorijumima, na primer /images/blog/ ili /media/proizvodi/, može olakšati održavanje, ali sama struktura foldera nije zamena za kvalitetan sadržaj i tehničku dostupnost.

Image sitemap i indeksiranje

Za sajtove sa velikim brojem važnih slika image sitemap može pomoći pretraživačima da otkriju resurse koji nisu lako dostupni kroz standardno indeksiranje stranica. Posebno proverite slike koje se učitavaju kroz JavaScript ili koje se pojavljuju u kompleksnim galerijama.

Mapa sajta ne garantuje indeksiranje. Slika i stranica na kojoj se nalazi moraju biti dostupne, relevantne i tehnički ispravne.

Najčešće greške u image SEO-u

• alt tekst se koristi za ponavljanje ključnih reči;
• sve slike imaju isti generički alt tekst;
• dekorativne slike imaju nepotrebno dugačke opise;
• slike se učitavaju u ogromnim dimenzijama;
• nema definisanih dimenzija pa sadržaj skače;
• glavna slika se nepotrebno lazy-loaduje;
• koristi se format koji je prevelik za dati tip grafike;
• slike su važne, ali nisu dostupne bez JavaScript-a;
• promenjen je URL slike bez ažuriranja internih referenci;
• slika nema relevantan tekstualni kontekst na stranici.

Kontrolna lista za optimizaciju slika

1. Da li slika ima jasnu svrhu na stranici?
2. Da li je alt tekst prirodan i relevantan?
3. Da li dekorativna slika ima prazan alt atribut?
4. Da li naziv fajla opisuje sadržaj?
5. Da li su dimenzije prilagođene prikaznom prostoru?
6. Da li je izabran odgovarajući format?
7. Da li je fajl kompresovan bez vidljivog gubitka kvaliteta?
8. Da li su definisani width i height ili aspect ratio?
9. Da li je loading strategija odgovarajuća za poziciju slike?
10. Da li se slika pravilno prikazuje na mobilnim uređajima?
11. Da li su važni resursi dostupni za indeksiranje?
12. Da li GSC, PageSpeed Insights ili drugi alati pokazuju problem sa slikama?

Kako proveriti da li je image SEO dobro urađen

Ručno otvorite ključne stranice na mobilnom i desktop uređaju, proverite HTML i testirajte performanse. U Chrome DevTools možete videti dimenzije, format, veličinu i vreme učitavanja svakog resursa.

U Google Search Console pratite da li se stranice i slike pravilno otkrivaju, dok PageSpeed Insights i Lighthouse mogu ukazati na probleme kao što su prevelike slike, neodgovarajući lazy loading ili pomeranje rasporeda.

Najbolji rezultat nastaje kada se tehnička optimizacija, pristupačnost i relevantnost sadržaja rešavaju zajedno. Alt tekst sam po sebi neće popraviti sporu stranicu, kao što ni WebP fajl neće nadoknaditi nerelevantnu ili loše postavljenu sliku.

Zaključak

Image SEO počinje pravilnim razumevanjem svrhe slike. Napišite alt tekst koji opisuje ono što je korisniku važno, koristite opisne nazive fajlova, prilagodite dimenzije, izaberite odgovarajući format i kompresujte slike bez nepotrebnog gubitka kvaliteta.

Uz to, obezbedite stabilan raspored, odgovarajuću strategiju učitavanja, dobar kontekst i pristupačan HTML. Kada se sve ove stavke provere zajedno, slike mogu doprineti vidljivosti, brzini i kvalitetu celog sajta.

Povezane teme: Slike u AI Search-u: kako image SEO pomaže vidljivosti u generativnoj pretrazi