Tehnički SEO

SEO za slike: WebP, AVIF i šta Google sada traži

Kompletni vodič za optimizaciju slika za SEO. Alt tekst, kompresija, moderni formati i kako slike utiču na rangiranje.

Autor: SEO Srbija
Podeli: X Facebook LinkedIn
Uporedni prikaz različitih formata slika za web: JPEG, WebP, AVIF

Prosečna web stranica u 2026. godini ima između 1.5 i 3 MB slika. To je više od polovine ukupne težine stranice. A opet, optimizacija slika je nešto što većina vlasnika sajtova radi na kraju: ili nikad.

Google ne rangira samo tekst. Slike se pojavljuju u Google Images, u AI Overviews vizuelnim odgovorima, i direktno utiču na brzinu sajta koja je faktor rangiranja. Ignorisati SEO za slike u 2026. znači ostavljati saobraćaj na stolu.

Zašto su slike SEO faktor

Google Images i dalje generiše ozbiljan saobraćaj

Google Images je drugi najveći pretraživač na svetu: veći od Bing-a, Yahoo-a i svih ostalih zajedno. Za neke branše (e-commerce, dizajn, nekretnine, hrana) slike generišu 20-30% ukupnog organskog saobraćaja.

Brzina stranice = Core Web Vitals

Largest Contentful Paint (LCP): jedan od tri ključna Core Web Vitals metrika: meri koliko brzo se učitava najveći element na stranici. U većini slučajeva, to je slika. Teška, neoptimizovana slika znači loš LCP, loš LCP znači niže rangiranje.

AI Overviews koriste slike

Google AI Overviews (onaj AI odgovor na vrhu rezultata) sve češće uključuju slike. Stranice sa relevantnim, dobro opisanim slikama imaju veće šanse da budu prikazane u AI odgovorima.

Formati slika: JPEG, PNG, WebP, AVIF

JPEG: veteran koji ne odlazi u penziju

I dalje najrasprostranjeniji format. Dobar za fotografije, podržava kompresiju sa gubitkom. Problem: ne podržava providnost i kompresija na nižim kvalitetima stvara vidljive artefakte.

Koristi za: fotografije kad WebP/AVIF nisu opcija.

PNG: kad ti treba providnost

PNG je za slike sa providnom pozadinom, logotipe, ikone i grafike sa oštrim ivicama. Problem: fajlovi su značajno veći od JPEG-a za fotografije.

Koristi za: logotipe, ikone, screenshot-ove, grafike.

WebP: Google-ov favorit

WebP nudi 25-35% manje fajlove od JPEG-a za isti kvalitet. Podržava i providnost (zamena za PNG) i animacije (zamena za GIF). Podrška u browser-ima: 97%+ globalno u 2026.

Koristi za: praktično sve. Ovo bi trebalo da bude tvoj default format.

AVIF: budućnost koja je već stigla

AVIF je naslednik WebP-a. Nudi 20-50% bolje kompresiju od WebP-a, posebno na nižim bitrjejovima. Podrška u browser-ima je u 2026. dostigla 93%, što znači da je spreman za produkciju.

Koristi za: kad želiš maksimalnu kompresiju bez vidljivog gubitka kvaliteta.

Praktični primer

Ista fotografija (1920x1080):

  • JPEG kvalitet 80: ~320 KB
  • WebP kvalitet 80: ~210 KB (-34%)
  • AVIF kvalitet 80: ~150 KB (-53%)

Za sajt sa 20 slika po stranici, razlika između JPEG i AVIF je skoro 3.5 MB. To su sekunde učitavanja na mobilnom internetu.

Alt tekst: najzanemareniji SEO element

Alt tekst (alternativni tekst) je atribut koji opisuje sadržaj slike. Koriste ga:

  • Screen readeri za slepe i slabovide korisnike
  • Google crawler za razumevanje slike
  • Browser kad se slika ne učita

Kako pisati dobar alt tekst

Loše:

<img alt="slika" src="foto.jpg">
<img alt="SEO SEO optimizacija SEO Srbija" src="foto.jpg">
<img alt="" src="foto.jpg">

Dobro:

<img alt="Grafikon rasta organskog saobraćaja nakon optimizacije sajta" src="foto.jpg">
<img alt="Tim Blumen salona u Nišu tokom obuke za nove tretmane" src="foto.jpg">

Pravila:

  • Opisuj šta je na slici, ne šta bi ti voleo da Google misli da je na slici
  • Drži se ispod 125 karaktera
  • Ubaci ključnu reč kad je prirodno, ali ne forsiraj
  • Dekorativne slike (pozadine, razdvajači) ostavi sa praznim alt-om: alt=""

Title atribut: ne isto što i alt

title atribut prikazuje tooltip kad korisnik pređe mišem preko slike. Nema direktan SEO efekat, ali poboljšava korisničko iskustvo. Koristi ga samo kad dodatna informacija ima smisla.

Kompresija: kako smanjiti veličinu bez gubitka kvaliteta

Alati za kompresiju

Online (besplatno):

  • Squoosh (squoosh.app): Google-ov alat, odlična kontrola
  • TinyPNG / TinyJPG: bulk kompresija
  • SVGOMG: za SVG fajlove

CLI alati:

  • cwebp: konverzija u WebP
  • avifenc: konverzija u AVIF
  • ImageMagick: švajcarski nožić za slike

Build alati:

  • Astro Image: automatska konverzija pri build-u
  • Next.js Image: automatska optimizacija
  • Sharp (Node.js): programska obrada

Preporučeni kvalitet

Za web slike, kvalitet između 75 i 85 (na skali 0-100) daje najbolji odnos veličine i vizuelnog kvaliteta. Ispod 70 se primećuju artefakti, iznad 90 raste veličina bez vidljive razlike.

Responsive slike: srcset i sizes

Ne servirati istu sliku od 2000px korisnicima na telefonu. HTML srcset atribut omogućava da browser bira pravu veličinu:

<img 
  src="foto-800.webp"
  srcset="foto-400.webp 400w, foto-800.webp 800w, foto-1200.webp 1200w"
  sizes="(max-width: 600px) 400px, (max-width: 1024px) 800px, 1200px"
  alt="Opis slike"
  width="1200" height="800"
  loading="lazy"
>

Ovo smanjuje količinu podataka na mobilnim uređajima za 60-70%.

Lazy loading: ne učitavaj sve odjednom

Atribut loading="lazy" govori browser-u da ne učitava sliku dok korisnik ne skroluje do nje. Za stranicu sa 15 slika, ovo drastično ubrzava inicijalno učitavanje.

Jedini izuzetak: hero slika (prva vidljiva slika na stranici) NE treba lazy loading jer je ona deo LCP metrike. Nju učitaj odmah.

<!-- Hero slika - bez lazy loading -->
<img src="hero.webp" alt="..." fetchpriority="high">

<!-- Ostale slike - lazy loading -->
<img src="ostala.webp" alt="..." loading="lazy">

Ime fajla: mali detalj koji pomaže

Google čita ime fajla slike. IMG_4827.jpg ne govori ništa. backlink-strategija-grafikon.jpg govori.

Pravila:

  • Koristi opisna imena na srpskom ili engleskom
  • Razdvajaj reči crticama
  • Bez specijalnih karaktera, razmaka i dijakritika u imenu fajla

Schema markup za slike

Za specifične tipove sadržaja, Schema markup pomaže Google-u da prikaže slike u bogatijim rezultatima:

  • Product schema: slika proizvoda u Shopping rezultatima
  • Recipe schema: slika jela u rezultatima recepata
  • Article schema: cover slika u Google Discover-u
  • HowTo schema: slike za svaki korak u uputstvu

Šta se promenilo u 2026

AVIF je sazreo. Sa 93% browser podrške, AVIF je spreman za masovnu upotrebu. Sajtovi koji koriste AVIF imaju merljivo bolje Core Web Vitals rezultate.

AI Image Search. Google je uveo mogućnost pretrage slika opisom u prirodnom jeziku. Ovo znači da kvalitetan alt tekst nikad nije bio važniji: Google sada razume kontekst slike, ne samo ključne reči.

WebP je postao minimum. Ako u 2026. još uvek servirate slike samo u JPEG formatu, zaostajete za konkurencijom. WebP je novi baseline.

Praktični plan optimizacije

Ako tek počinješ, evo redosleda:

  1. Proveri veličinu slika na sajtu. Otvori PageSpeed Insights i pogledaj šta kaže o slikama.
  2. Konvertuj u WebP: minimum. AVIF ako tvoj stack podržava.
  3. Dodaj alt tekst svim slikama. Počni od najvažnijih stranica.
  4. Implementiraj lazy loading: jedan atribut, veliki efekat.
  5. Postavi srcset za responsive slike: prioritet za mobilne korisnike.
  6. Optimizuj hero sliku svake stranice posebno: ona je tvoj LCP.

Zaključak

Optimizacija slika za SEO je verovatno najlakša stvar sa najvećim efektom koju možeš da uradiš za svoj sajt. Konverzija u moderne formate, alt tekst, lazy loading i kompresija ne zahtevaju ekspertsko znanje, a rezultati su vidljivi u PageSpeed rezultatima gotovo odmah.

Počni sa onim što je najlakše: instaliraj Squoosh, konvertuj slike u WebP i dodaj alt tekst. To je sat posla koji može da ubrza sajt za nekoliko sekundi i otvori vrata ka saobraćaju sa Google Images.

Povezani članci