SEO optimizacija slika za web

SEO optimizacija slika za web je jedan od većih, a slabo iskorištenih potencijala za povećanje vidljivosti i privlačenje dodatnog prometa.

Većina vlasnika web stranica razmišlja isključivo o tekstu i backlinkovima, a zanemaruju slike koje čine veliki dio onoga što tražilice poput Google (ali i korisnici) vide kao relevantan sadržaj.

Slika ne treba biti samo dodatak tekstu nego ravnopravan element koji pruža informaciju i kupcima i Googleu.

U ovom članku ćemo objasniti zašto optimizirane slike nisu samo dodatak već strateški element vaše SEO kampanje:

1. tehnički koraci (format, kompresija, lazy loading)
2. on‑page elementi (naziv slike, alt tekst, sitemap)
3. savjeti za web shopove i vizualnu pretragu (visual search).

Zašto je SEO optimizacija slika važna?

1. Pretraga uz pomoć ključnih riječi

Prvi i najstariji način pretraživanja slika je uz pomoć ključnih riječi.

Ovo koristimo kad želimo razgledati male crne haljine, vreće za spavanje ili prostirke za jogu. Da vidimo što se nudi.

Ja sam željela pronaći bijele cipele, a nisam znala brend ni gdje bih to mogla vidjeti. Tražila sam preko ključnih riječi koje su u tom trenutku najbolje opisivale to što tražim.

2. Pretraga uz pomoć Google objektiva (Google Lens)

Google objektiv koristimo kad vidimo na ulici da netko nosi odlične patike, pa želimo takve. Može poslužiti za komade namještaja, odnosno za sve što vidimo kod drugih, pa bi i mi tako.

Google Lens omogućuje korisniku da usmjeri kameru na objekt (npr. cipele koje nosi prolaznik, komad namještaja, bocu vina ili cvijet) i dobije rezultate pretrage za taj objekt, uključujući i vaš proizvod na vašem web shopu.

Ono što je kod Google Lens najvažnije, on kupcu neće izlistati slike nego proizvod iz trgovine koji na slici ima oo što kupac traži.

To je vrhunac namjere korisnika: vide nešto što žele i odmah žele kupiti.

Da bi vaš proizvod iskočio u rezultatima Google Lens-a, mora biti vidljiv za Google. Ovo je direktno povezano s kvalitetom vaše SEO optimizacije slika.

S druge strane, slike se uglavnom smatraju samo estetskim elementima web stranice, dodatak koji će razbiti tekst i učiniti stranicu privlačnijom.

Za vlasnike web stranica i web shopova koji nisu shvatili što je SEO optimizacija slika, to je propuštena prilika. Slike su vizualni signal tražilicama, korisnicima, ali i izvor prometa kroz vizualnu pretragu (search by image).

Razmislite o webshopu koji ima stotine proizvoda, ali im slike nemaju opis. Korisnik u Google slikama traži „ženska crvena haljina 2025” jer želi vidjeti što se konkretno može kupiti. Ako slike nisu optimizirane u pretragama vas nema, klik (i kupac) ide tamo gdje “vidi izlog” trgovine odmah.

To je vizualna pretraga.

Kako ovo izgleda u praksi?

Danas kupci vole biti informirani, zato je prva faza kupovine pretraživanje i razgledanje.

Da bi slike prodavale proizvode iz shopa, potrebno je prilagoditi sve što će pomoći da slika postane izlog web shopa. O tome ćemo detaljno u nastavku teksta.

Što se dogodi kada slike na web stranici nisu optimizirane?

Tražilice ne mogu „vidjeti” sadržaj slike na isti način kao ljudi. Kada one ne razumiju što je na slikama, ne pokazuju slike u pretragama.

Tehnička optimizacija slika na webu

Optimizacija slika za tražilice nije ključna riječ u ALT tagu. I tu se sve završava.

Prvi znak da slike na webu nisu optimizirane nije izostanak u Google pretragama, ovoga većina vlasnika sajtova uopće nije svjesna.

Prvi znak je spora web stranica.

Neoptimizirane slike znači prevelike dimenzije, teške slike, loš format. Sve ovo daje slabiji SEO rezultat i slabiju prodaju.

Prije web stranice postoji nekoliko tehničkih koraka koje moramo napraviti, i svaki vlasnik web shopa ih može implementirati već danas. (Toliko su jednostavni)

Korak 1: Pravilno imenovanje datoteke

Prije nego što sliku prenesete na server, dajte joj ime iz kojeg je svima jasno što znači. Naziv datoteke je prvi, jasan signal Googleu o tome što je na slici.

Kako Google vidi slike koje nemaju odgovarajuće ime? Kao besmislene ikone.

Naziv slike jeste važan element, ali pod uvjetom da je povezan sa tekstom i temom članka.

Ako je tema teksta SEO optimizacija blog posta, a ime fotografije koja ide uz tekst „žena-sjedi-u-kafiću-tipka-na-laptopu.jpg“ ovaj naziv nema nikakvu vrijednost jer ne nudi ni Googleu ni posjetitelju vrijednost koja je povezana s temom.

LOŠE IMENOVANJE SLIKE: IMG_0042.jpg ili slika.jpg ili 5-2.jpg

DOBRO IMENOVANJE SLIKE: zelena-zimska-jakna-s-kapuljacom.jpg

Još jedna važna stvar!

Koristite crtice (-) za odvajanje riječi i uključite svoju glavnu ključnu riječ u ime. Izbjegavajte donju crtu (_), točku, jer Google to ne prepoznaje kao razdvajanje riječi.

Ovo je jednostavan, a često zanemaren korak u SEO optimizaciji slika.

Korak 2: Kompresija i prave dimenzije

Ovo je srž optimizacije brzine web stranice.

Sliku morate smanjiti na dimenzije u kojima će se prikazivati i komprimirati je kako bi joj smanjili “težinu” u kilobajtima (kB).

Ako je širina slike proizvoda u web shopu 800 piksela, nema smisla uploadati sliku rezolucije 5999×3681 piksela.

Kompresija smanjuje veličinu datoteke uklanjanjem nepotrebnih podataka. Koristite alate za kompresiju slika bez gubitka kvalitete. Popularni alati: TinyPNG, ShortPixel, Imagify.

Korak 3: Odabir odgovarajućeg formata (WebP vs. JPEG vs. PNG)

Moderni formati poput WebP ili AVIF omogućuju mnogo manju veličinu datoteke uz visoku kvalitetu, a to smanjuje vrijeme učitavanja.

Prema studiji, WebP i AVIF mogli bi poboljšati vrijeme učitavanja za 15‑21% u odnosu na JPEG (PNG da ne spominjemo). Pored toga, WebP nudi 25-35% manju datoteku bez značajnog gubitka kvalitete, a AVID čak do 50%.

Korak 4: Lazy-loading i CDN

Lazy loading je tehnika učitavanja slika tek kad korisnik skroluje. Ona smanjuje opterećenje stranice zbog istovremenog učitavanja svih slika.

CDN (Content Delivery Network) može dodatno ubrzati dostavu slika.

Dodajte alt tekst (alt tag)

Alt tekst (Alternative text, Alt tag, Alt opis) je tekstualni opis koji se prikazuje u pregledniku ako se slika ne uspije učitati, ali što je još važnije, to je tekst koji čitaju botovi tražilica i čitači zaslona za osobe s oštećenjem vida (važan je i za digitalnu pristupačnost – Accessibility).

Kako napisati dobar alt tekst

Budite opisni

Opišite što je na slici. Ne pišite samo “Jakna”. Pišite “Duga zelena zimska jakna s crnom kapuljačom i metalnim patent zatvaračem”.

Uključite ključnu riječ

Uključite ciljanu ključnu riječ (npr. mala crna haljina za maturu), ali samo ako se riječ prirodno uklapa. Pretrpavanje ključnim riječima (keyword stuffing) neće donijeti bolji rezultat.

Budite dovoljno dugi

Neki izvori na internetu tvrde da alt tekst treba biti dug 80 – 125 karaktera, ali postoje analize koje pokazuju da alt tekst treba biti DOVOLJNO dug. Dovoljno da objasni što se nalazi na fotografiji uz korištenje ključnih riječi koje će pretraživaču reći što je na slici.

Prihvatljiv alternativni tekst: <img src=”keyword.webp” alt=”keyword overview Semrush”>

Bolji alternativni tekst: <img src=”keyworde.webp” alt=”istraživanje ključnih riječi u programu keyword overview Semrush”>

Najbolji alternativni tekst: <img src=”keyword.webp” alt=”Snimka zaslona alata keyword overview Semrush za SEO istraživanje koji prikazuje opseg pretraživanja od 8100, ocjenu težine 9%.”>

Sitemapa, indeksiranje i vidljivost slika

Čak i najbolje optimizirana slika neće dati rezultate ako tražilice ne mogu ili ne žele indeksirati sliku.

Prvo, embedanje slike mora biti u standardnom HTML <img> elementu, tražilice ne indeksiraju slike postavljene kao background-image u CSS‑u.

Možete kreirati zaseban sitemap za slike ili dodati <image:loc> element u vašoj sitemap.xml. To pomaže tražilicama da pronađu slike koje možda nisu standardno linkane.

Nakon toga, kroz Google Search Console ili slične alate pratite koje slike se prikazuju u rezultatima, koliko prometa dovedu, kakav je CTR kroz slike, koje ključne riječi donose promet kroz slike. To omogućuje optimizaciju i prilagodbu.

Za vlasnike web shopova: svakako provjerite da vaši najvažniji proizvodi imaju optimizirane slike i da su vidljive u pretrazi slika jer to može donijeti dodatni kanal prometa koji konkurencija možda ne koristi.

Jednom mjesečno provjerite koje su vaše slike indeksirane, koje privlače promet i koje možete dodatno optimizirati (npr. bolji alt tekst, manja veličina, bolji naziv datoteke).

Slike su živ element weba, nisu „upload i zaboravi”.

Optimizacija slika za web shopove i e‑commerce

Ako imate web shop, slike proizvoda često čine najveći vizualni element i veliku priliku za SEO.

Ipak mnogi vlasnici ne shvaćaju da svaka neoptimizirana slika proizvoda nije samo tehnički „problem”, već i propuštena šansa za poziciju i promet.

Propuštene šanse nisu samo nedostatak alt tagova i svega što smo u tekstu već spomenuli. Propuštena šansa su i galerije slika nekog proizvoda u kojoj svaka slika ima identičan alt tag pet puta, na svakoj slici je alt tekst “mala crna haljina”.

Suprotno tome, optimizirana galerija sa smislenim nazivima, alt tekstom, kompresijom i lazy loadingom može značajno poboljšati poziciju i CTR (broj klikova koje proizvod ostvari).

Slike proizvoda često su prva stvar koju korisnik vidi. Loša kvaliteta ili sporo učitavanje znači izgubljen klik.

Savjet za vlasnike web trgovina: napravite audit svih proizvoda, koje slike su najbolje, koje trebaju poboljšanje? Provjerite koji su najprodavaniji proizvodi i prvo optimizirajte njihove slike.

Checklista za SEO optimizaciju slika

Ovo je checklista zadataka za optimizaciju slika koju možete primijeniti svaki put kada postavljate slike na web.

Priprema prije uploada

• Resize slike na odgovarajuću širinu (npr. proizvodni izlog 1200px)
• Izaberite format (WebP ako moguće, JPEG ako ne)
• Kompresirajte sliku (TinyPNG, Kraken.io)
• Imenovanje slike: opisno, s ključnom riječi (npr. „crvena‑ženska‑haljina‑proizvod‑naziv.webp”)
• Geo‑tagiranje ako je važno za lokalni SEO

Upload i post‑upload optimizacija

• Koristite <img> tag sa srcset / <picture> za responzivnost
• Dodajte alt atribut sa opisom koji uključuje korisničku namjeru i ključnu riječ
• Dodajte title atribut ako je korisno
• Provjerite lazy loading (npr. loading="lazy")
• Dodajte slike u image sitemap ili provjerite da su indexirane

Monitoring i kontinuirano poboljšanje

• Koristite Google Search Console za provjeru izvještaja o slikama
• Provjerite koje slike privlače promet, a koje ne
• Periodično pregledajte brzinu stranice (PageSpeed Insights) i optimizirajte nove slike

Ovaj pristup omogućuje vam da svakodnevno učinite male korake koji imaju kumulativni efekt. Za vlasnike web shopova posebno: stavite optimizaciju slika kao redovnu točku u održavanju web shopa, ne jednokratno.

Ne bacajte novac na reklame dok ne znate ŠTO vam zapravo donosi promet i prodaju.

Većina vlasnika web shopova ne zna koji točno sadržaj, stranice i slike donose posjete, i još važnije, konverzije. Rezultat? Bacanje novca na SEO, oglase i kampanje koje ne rade.

SEO audit će vam crno na bijelo pokazati:

• koje stranice vam donose promet (a koje ga guše),
• gdje gubite kupce zbog tehničkih grešaka,
• i što točno trebate popraviti da konačno vidite rast.

Ne nagađajte. Testirajte. Naručite SEO analizu kompletne web stranice.

Jer u e-commerceu ne pobjeđuje onaj tko ima više proizvoda, nego onaj tko zna ŠTO i ZAŠTO prodaje.