2025-06-18 · Uredništvo Baduno · 6 blog.readMin · Blog & Znanje
SEO slika: WebP, alt tekstovi i kraj izlika za vrijeme učitavanja
Slike su na većini stranica najveći teret i istovremeno najlošije iskorištena SEO površina. Oboje se može promijeniti u jednom poslijepodnevu.
Pitanje formata riješeno
WebP (ili AVIF) umjesto JPEG/PNG obično štedi 30–70 posto težine uz isti vizualni dojam. Gotovo da više nema razloga za stare formate – svaki lanac slika trebao bi automatski konvertirati, kao što to čini naš.
Dimenzije i učitavanje
width i height atributi sprječavaju skokove rasporeda, loading=lazy odgađa nevidljivo, a hero slika dobiva prioritet. Tri atributa, osjetan učinak na sve Core Web Vitals.
Alt tekstovi: za ljude, zatim za strojeve
Dobar alt tekst opisuje što se vidi i čemu služi – prvo za korisnike čitača zaslona, zatim za pretraživanje slika. Nabijanje ključnih riječi šteti objema ciljnim skupinama. Višejezično: alt tekstovi se prevode zajedno, ne zaboravljaju.
Prednost vlastitih slika
Stockfotografije svatko prepozna, a pretraživanje slika puno ih je. Vlastiti, dosljedni svjetovi slika – danas proizvodljivi i uz pomoć AI-ja – jačaju marku i razlikovnost. Svaka slika na ovoj web stranici je vlastita produkcija; upravo je to poanta.
Učinkovitost uz optimizaciju slika potpomognutu umjetnom inteligencijom
AI može automatski odabrati optimalni format i najbolju kompresiju. Alati analiziraju motiv slike i prilagođavaju parametre, bez potrebe da ručno provjeravate svaku sliku. Obično se postiže smanjenje veličine datoteke za 40–60% uz zadržavanje kvalitete. Međutim, rezultate treba povremeno provjeriti čovjek jer AI ponekad propusti detalje. U praksi mnogi sustavi za upravljanje sadržajem integriraju takve optimizacije putem dodatka. Primjer: turistički portal automatski je konvertirao tisuće slika, uštedio 55% propusnosti i poboljšao vrijeme učitavanja za 1,2 sekunde, bez da je zaposlenik morao dotaknuti svaku sliku.
Sitemap za slike: strukturirani podaci i indeksiranje
Slike su pronađene samo ako ih tražilica može indeksirati. Koristite sitemap za slike kako biste prijavili sve URL-ove, čak i za dinamički generirane slike. Dopunite strukturirane podatke (putanja, proizvod, video) URL-ovima slika kako bi Google prikazivao slike u bogatim rezultatima. Pazite da URL-ovi slika izravno vode na original, a ne preko skriptnog parametra. Primjer: internetska trgovina namještajem uključuje sve slike proizvoda u XML sitemap i koristi Product shemu sa svojstvom image. Time se slike pojavljuju istaknuto u Google slikama i češće se klikaju.
Responzivne slike i art direction
S atributima srcset i sizes pregledniku pružate odgovarajuću sliku prema viewportu. To uvelike štedi resurse na mobilnim uređajima. Art Direction (picture element) omogućuje čak i različite izrezke slike – npr. na pametnom telefonu fokus na proizvod, a na stolnom računalu cijelu scenu. Provedba zahtijeva više varijanti slika, ali moderni CMS-ovi to mogu automatizirati. Putopisni blog koristi hero sliku za svaku destinaciju; na mobilnim uređajima učitava se centrirani izrez koji teži 70% manje. Stopa klikova na sliku porasla je za 15% jer optimalno izgleda na svim uređajima.
Slike su na većini stranica najveći teret i istovremeno najlošije iskorištena SEO površina. Oboje se može promijeniti u jednom poslijepodnevu.
Praćenje i ispravljanje pogrešaka na slikama
Čak i optimizirane slike mogu uzrokovati probleme: 404 pogreške, pogrešne dimenzije, nedostajući alt tekstovi. Redovito pregledavanje (crawl) skupa slika pomaže identificirati takve pogreške. Alati poput Screaming Frog ili integrirani SEO dodaci pokazuju koje slike nemaju alt tekstove ili su prevelike. Uspostavite tijek rada: nakon ažuriranja ili nove serije slika automatska provjera, zatim ručni uzorak. Primjer: Novinska web stranica otkriva da 20% slika u starijim člancima nije pretvoreno u WebP. Skripta ih naknadno pretvara, vrijeme učitavanja poboljšava se za 0,8 sekundi.
CDN za slike i predmemoriranje: Gdje žive pikseli
Isporuka slika putem Content Delivery Networka (CDN) rasterećuje vaš poslužitelj i ubrzava prikaz na svim kontinentima. CDN pohranjuje optimirane kopije vaših slika na rubnim poslužiteljima blizu korisnika. U kombinaciji s inteligentnim predmemoriranjem – npr. dugim trajanjem predmemorije za nepromijenjene slike i kratkim za dinamične – smanjujete broj zahtjeva prema vašem izvornom poslužitelju. Pazite da su zaglavlja predmemorije ispravno postavljena: Cache-Control: public, max-age=31536000, immutable za statične inačice slika. Prilikom ažuriranja promijenite naziv datoteke ili upotrijebite cache-buster. Moderne usluge CDN-a za slike mogu automatski isporučivati WebP ili AVIF, ovisno o mogućnostima preglednika. Postavljanje se obično vrši putem poddomene (npr. media.ihrewebsite.de) i CNAME zapisa. U praksi, pri migraciji na CDN, primjećujete smanjenje vremena učitavanja slika od 40-60% za međunarodne posjetitelje. Važno: Pratite HTTP statusne kodove – 304 Not Modified je poželjan, a 503 ili 403 upućuju na pogrešnu konfiguraciju. Nakon prelaska provedite crawl kako biste osigurali da se svi URL-ovi slika ispravno razrješavaju te da ne nastanu dupli ili pogrešni unosi.
Licence za slike i pravne zamke u SEO-u
SEO učinak slika može biti poništen autorsko-pravnim problemima. Tražilice pri ocjenjivanju uzimaju u obzir i zakonitost sadržaja. Koristite isključivo licencirane ili samostalno izrađene slike. Obratite pažnju na uvjete licence za stock fotografije: mnoge dopuštaju samo ograničen broj impresija ili isključuju komercijalnu upotrebu. Ispravno navedite autora, jer nedostatak kredita može biti predmet opomene čak i uz licencu. Kod Creative Commons slika razlikujte varijante: CC0 dopušta sve bez navođenja imena, CC BY zahtijeva napomenu o autoru. Implementirajte tijek rada: svaka slika prije objave dobiva napomenu o licenci u metapodacima (npr. EXIF-XMP) i na stranici vidljivu ili kao strukturirane podatke pohranjenu obavijest. Koristite svojstvo og:image s točnom naznakom licence kako biste osigurali transparentnost i na društvenim mrežama. Pravna čistoća jača povjerenje, što se dugoročno može pozitivno odraziti na rangiranje. Redovito provjeravajte jesu li uključene slike bez valjane licence – automatizirani alati prepoznaju nedostajuće metapodatke. Primjer: Blog je uklonio slučajno korištene neslobodne slike i zamijenio ih CC0 snimkama; stopa odbijanja je pala jer više nisu postojala pravna upozorenja koja su odbijala korisnike.
CDN i predmemoriranje slika: Globalno optimiziranje vremena učitavanja
CDN je gotovo neizostavan za isporuku slika čim vaša web stranica ima međunarodne posjetitelje. CDN-ovi pohranjuju vaše slike na poslužiteljima u različitim regijama i isporučuju ih s geografski najbliže lokacije. To znatno skraćuje latenciju. Ključna je ispravna konfiguracija zaglavlja predmemorije. Postavite dugo trajanje predmemorije za statične inačice slika (npr. godinu dana) i koristite cache-buster (poput hasha u URL-u datoteke) kako bi se pri ažuriranjima odmah isporučila nova inačica. Bez ovog mehanizma može se dogoditi da posjetitelji vide zastarjele ili pogrešne slike. Mnogi CDN-ovi nude i automatsku optimizaciju slika: pretvaraju ih u WebP ili AVIF ovisno o podršci klijenta, prilagođavaju rezoluciju uređaju i komprimiraju bez gubitka. Ove funkcije rasterećuju vaš poslužitelj i poboljšavaju vrijeme učitavanja za mjerive djeliće sekunde. Međutim, provjerite nadjačava li CDN optimizacija vaše vlastite postavke – želite zadržati kontrolu nad alt-tekstovima i metapodacima. Primjer: Europska online trgovina koristi CDN s optimizacijom slika i smanjuje vrijeme učitavanja za azijske kupce s 5 na manje od 2 sekunde. Prebacivanje je zahtijevalo samo prilagodbu strategije predmemoriranja i uključivanje pravila optimizacije. Pazite da su URL-ovi vaših slika kompatibilni s CDN-om i da se sve slike isporučuju putem istog CDN-a kako bi se izbjegla upozorenja o miješanom sadržaju.
Licence za slike i pravna zaštita
Kada koristite slike na svojoj web stranici, morate paziti na pravne zamke koje mogu ugroziti i SEO učinak i vašu reputaciju. Svaka slika koju niste sami izradili zahtijeva valjanu licencu – to se odnosi i na slike generirane umjetnom inteligencijom, čiji pravni status još nije konačno razjašnjen. Koristite isključivo licencirane slike iz pouzdanih izvora ili vlastite snimke. Dokumentirajte licenciranje za svaku sliku u svom CMS-u, po mogućnosti s poveznicom na izvor. Nedostatak ili netočne informacije o licenci mogu dovesti do opomena koje su skupe i dugotrajne. Također, u alt-tekstovima i naslovima slika nemojte koristiti zaštićene nazive robnih marki ili termine bez dopuštenja. Još jedan aspekt: slike koje prikazuju osobe u mnogim zemljama zahtijevaju privolu (Model Release). Bez toga slike ne smijete komercijalno koristiti. Stoga provjerite za stock fotografije jesu li odobrene i za reklamne svrhe. Na primjer, jedan turistički portal preuzeo je slike iz besplatne baze podataka koje su bile licencirane samo za uredničke svrhe – to je dovelo do tužbe za prestanak postupanja. Stoga u svoj radni proces uvedite korak provjere: prije učitavanja vanjske slike zabilježite licencu i potvrdite uvjete korištenja. Ova vas disciplina dugoročno štiti i gradi povjerenje posjetitelja, jer možete dokazati da sve sadržaje koristite zakonito.
blog.faqT
Trebam li doista ručno provjeriti svaku sliku za Alt tekstove?
Idealno da, ali kod vrlo mnogo slika možete koristiti AI alate za prijedloge. Međutim, rezultate morate provjeriti na uzorku jer AI često previdi kontekstualne nijanse. Provjeren radni tok: automatski generirane Alt tekstove neka provjeri izvorni govornik – posebno u višejezičnim projektima.
Kako saznati jesu li moje slike već optimalno komprimirane?
Koristite alat poput PageSpeed Insights ili Lighthouse u Chrome DevTools. Oni pokazuju potencijal uštede optimiziranim slikama. Pretražite cijelu svoju web stranicu SEO alatom koji navodi veličinu datoteke po slici. Ako slika ima više od 200 KB, trebali biste je optimizirati ili konvertirati.
