SEO za slike: kako da se fotografije sa sajta pojave u Google slikama

Kada neko traži „ugaona garnitura siva“ ili „kupatilo sa mozaik pločicama“, često prvo otvori Google slike, pa tek onda sajt. Za firme čiji posao može da se pokaže fotografijom, kao što su nameštaj, enterijer, građevina, moda ili hrana, to je dodatni izvor posetilaca koji se lako zanemari. SEO za slike nije poseban trik, već skup jednostavnih navika: smislen naziv fajla, dobar alt tekst, slika u pravom kontekstu, tehnički ispravan kod i, najvažnije, sopstvene fotografije. U ovom tekstu objašnjavamo šta od toga Google zaista koristi i kako da to primenite na svom sajtu.

Kako Google razume sliku

Google danas ume da prepozna mnogo toga na samoj fotografiji, ali i dalje se u velikoj meri oslanja na tekstualne signale oko nje. Njegova dokumentacija za Google slike navodi nekoliko izvora informacija:

Nijedan od ovih signala ne radi sam. Slika sa savršenim alt tekstom na stranici koja govori o nečem drugom neće se dobro prikazivati; slika na stranici čija je tema jasna i koja je dobro opisana ima mnogo bolje šanse.

Naziv fajla i alt tekst

Fajl IMG_4821.jpg ne govori ništa. Pre otpremanja preimenujte fotografiju tako da opisuje sadržaj: mala slova, reči odvojene crticom, bez dijakritičkih znakova i bez nabrajanja ključnih reči. Na primer kuhinja-hrast-bela-radna-ploca.jpg.

Alt tekst ima dvostruku ulogu. Čitači ekrana ga izgovaraju slabovidim korisnicima, a pretraživači ga koriste da razumeju sliku. Zato treba da bude kratak, konkretan opis onoga što se vidi, napisan za čoveka:

<img src="/slike/kuhinja-hrast-bela-radna-ploca.jpg"
     alt="Kuhinja od hrastovine sa belom radnom pločom i ostrvom"
     width="1200" height="800" loading="lazy">

• Dobro: „Kuhinja od hrastovine sa belom radnom pločom i ostrvom“.
• Loše: „kuhinja kuhinje po meri kuhinje Beograd jeftine kuhinje“.
• Prazan alt (alt="") je ispravan za čisto dekorativne slike, poput pozadinskih šara ili ikonica pored teksta koji već kaže isto.

Više o tome kako alt tekst pomaže korisnicima sa invaliditetom pišemo u tekstu o pristupačnosti sajta.

Tehnička strana: kod, formati i brzina

• Koristite element img. Slike postavljene kao CSS pozadina (background-image) Google ne indeksira kao slike. Ako je fotografija važan sadržaj, mora biti u HTML-u.
• Podržani formati su JPEG, PNG, WebP, GIF, BMP, SVG i AVIF. WebP i AVIF daju manje fajlove uz sličan kvalitet.
• Responzivne slike. Atributima srcset i sizes browser bira odgovarajuću veličinu za ekran, pa telefon ne preuzima sliku namenjenu velikom monitoru.
• Dimenzije u kodu. Atributi width i height sprečavaju pomeranje sadržaja dok se slika učitava.
• Lazy load samo ispod prvog ekrana. Glavnu sliku na vrhu stranice ne treba odlagati, jer usporava njen prikaz.
• Stabilne adrese. Ako slike često menjaju URL, na primer posle svakog redizajna, Google mora ponovo da ih otkriva.

Detaljan postupak za kompresiju, WebP i odloženo učitavanje opisali smo u tekstu optimizacija slika za sajt.

Sitemap za slike

Ako se slike učitavaju na način koji Google teško otkriva, na primer kroz JavaScript galeriju, pomaže proširenje sitemap-a za slike. Google danas koristi samo oznaku image:loc; ostale oznake iz tog proširenja (naslov, opis, licenca) su ukinute.

<url>
  <loc>https://www.primer.rs/kuhinje/hrast-ostrvo/</loc>
  <image:image>
    <image:loc>https://www.primer.rs/slike/kuhinja-hrast-ostrvo.jpg</image:loc>
  </image:image>
</url>

Većina SEO dodataka za WordPress slike automatski uključuje u sitemap. Opšta pravila za sitemap su u vodiču za robots.txt i sitemap.xml.

Sopstvene fotografije i kontekst

Ista fotografija sa foto banke postoji na stotinama sajtova. Google prepoznaje duplikate slika i nema razloga da baš vašu kopiju prikaže na vrhu. Sopstvena fotografija urađenog posla, proizvoda ili tima je jedinstvena i daje vam šansu da se pojavite. Uz to, kupcima uliva više poverenja. O tome kada su stock fotografije prihvatljive, a kada štete, pisali smo u tekstu fotografije za sajt: stock ili sopstvene.

Kontekst je jednako važan:

• postavite sliku blizu teksta koji je opisuje, a ne u galeriju bez ikakvih reči;
• dodajte potpis (figcaption) kada nešto objašnjava, na primer materijal ili lokaciju;
• najvažniju sliku stavite visoko na stranici;
• za proizvode koristite strukturirane podatke Product sa slikom, a za tekstove oznaku Article.

Metapodaci o autorstvu

Ako ste autor fotografija, u IPTC metapodatke fajla možete upisati autora, nosioca prava i obaveštenje o autorskim pravima. Google ih može prikazati uz sliku, a uz podatke o licenci i oznaku „Može se licencirati“. Pazite da alati za kompresiju ne brišu ove podatke ako vam je to važno.

Kako meriti rezultate

U Search Console, u izveštaju o učinku, promenite tip pretrage na „Slike“. Videćete za koje upite i koliko često se vaše slike prikazuju i koliko klikova donose. Realno je očekivati da slike ne donose mnogo saobraćaja za usluge, ali mogu da budu značajne za proizvode, enterijer i recepte. Ako je stranica dobro rangirana, a slike se ne prikazuju, proverite da li su u img elementu, da li ih robots.txt ne blokira i da li imaju stabilne adrese.

Zaključak

Dobar SEO za slike svodi se na nekoliko navika: opisni nazivi fajlova, iskren alt tekst, slike u HTML-u i u pravom kontekstu, brzo učitavanje i, iznad svega, sopstvene fotografije. Ništa od toga ne garantuje vrh Google slika, ali bez toga su šanse male. Ako želite da proverimo kako su slike na vašem sajtu pripremljene i da li ih Google vidi, pošaljite nam upit.