Što su Open Graph i Twitter card meta podaci?
Open Graph meta podaci govore platformama kako prikazati link kada se stranica podijeli na društvenim mrežama, u porukama, aplikacijama ili alatima koji generiraju preview. Najvažniji elementi su naslov, opis, URL, tip stranice i slika. Twitter card podaci rade sličnu stvar za prikaz linkova na X/Twitteru i servisima koji poštuju taj format.
Ovi elementi nisu klasični ranking faktor kao sadržaj ili interni linkovi, ali utječu na to kako korisnik doživljava link prije klika. Ako je preview jasan, vizualno kvalitetan i usklađen s temom stranice, veća je šansa da će korisnik kliknuti i nastaviti čitati.
Zašto su slike za dijeljenje važne za SEO?
Open Graph i Twitter slike ne dižu direktno poziciju na Googleu, ali podržavaju širu SEO sliku. Dobar preview može povećati klikove iz kanala koji nisu Google, ojačati dojam brenda i učiniti sadržaj uvjerljivijim kada ga netko pošalje klijentu, kolegi ili objavi na društvenoj mreži.
To je dio tehničke i komunikacijske higijene web stranice. Kao što JSON-LD schema pomaže tražilicama razumjeti sadržaj, tako Open Graph i Twitter meta podaci pomažu aplikacijama i korisnicima razumjeti što link predstavlja prije nego što otvore stranicu.
Koje Open Graph oznake treba imati važna stranica?
Za većinu poslovnih stranica dovoljna je uredna osnovna struktura. Svaka važna stranica treba imati `og:title`, `og:description`, `og:url`, `og:type`, `og:site_name` i `og:image`. Ako slika ima jasan kontekst, korisno je dodati i `og:image:alt`, `og:image:width` i `og:image:height`.
Naslov i opis trebaju biti usklađeni sa stvarnim sadržajem stranice. Ako preview obećava nešto što stranica ne isporučuje, korisnik će brzo izgubiti povjerenje. Zato se Open Graph ne smije pisati kao clickbait, nego kao kratka, precizna prezentacija sadržaja.
Što je Twitter card i kada ga koristiti?
Twitter card definira kako će se link prikazati na X/Twitteru i u alatima koji čitaju Twitter meta oznake. Za većinu blog članaka i uslužnih stranica najčešće ima smisla `summary_large_image`, jer daje dovoljno prostora slici i bolje ističe sadržaj.
Najvažnije oznake su `twitter:card`, `twitter:image` i `twitter:image:alt`. U praksi se često koriste isti naslov, opis i slika kao za Open Graph, ali ih je dobro eksplicitno definirati kako preview ne bi ovisio o automatskom pogađanju platforme.
Kakva treba biti dobra og:image slika?
Dobra Open Graph slika treba jasno predstavljati temu stranice, imati dovoljno kontrasta i izgledati profesionalno i kada se prikaže u manjem formatu. Za poslovni web bolje je imati vlastitu sliku usklađenu s temom stranice nego generičnu stock fotografiju.
Ako stranica govori o usluzi, slika treba podupirati tu uslugu. Ako je riječ o blog članku, slika treba vizualno objasniti temu. Kod članaka o tehničkom SEO-u to mogu biti apstraktni prikazi strukture, podataka, performansi ili dijeljenja linkova, ali bez nepotrebnog teksta u samoj slici.
Zašto svaka važna stranica treba svoju sliku?
Ako sve stranice koriste istu generičnu share sliku, korisnik teže razlikuje sadržaje. To je posebno problematično kod bloga, gdje svaki članak cilja drugu temu. Vlastita slika pomaže da se članak bolje pamti i da preview izgleda relevantno.
Zato svaka nova javna stranica treba imati vlastitu hero sliku koja se može koristiti i za Open Graph, Twitter card i schema image. Time jedan vizual podržava više slojeva: prvi prikaz na stranici, dijeljenje linka, strukturirane podatke i korisnički dojam.
Alt tekst i pristupačnost share slika
`og:image:alt` i `twitter:image:alt` daju tekstualni opis slike. To je korisno za pristupačnost i za bolji kontekst previewa. Alt tekst ne treba biti pretrpan ključnim riječima, nego prirodno opisati što slika predstavlja.
Kod poslovnih web stranica dobar alt tekst često je jednostavan: opis teme i namjene slike. Primjerice, “Open Graph i Twitter slike za bolji prikaz linkova” jasno objašnjava o čemu je vizual, bez umjetnog ponavljanja SEO fraza.
Najčešće greške kod Open Graph slika
Najčešća greška je izostanak slike, zbog čega platforme same pokušavaju odabrati prvi dostupni vizual sa stranice. Druga česta greška je korištenje slike koja je premala, mutna, previše svijetla ili ne odgovara temi stranice.
Problem može biti i cache. Društvene platforme često zapamte staru verziju previewa, pa promjena slike ne mora biti odmah vidljiva. Zato je dobro koristiti stabilne URL-ove, pravilno verzioniranje asseta i provjeriti preview nakon većih izmjena.
Open Graph kao dio tehničkog SEO-a
Open Graph i Twitter meta podaci spadaju u širi sloj tehničkog SEO-a. Ne zamjenjuju dobar sadržaj, brzinu, canonical URL ili internu strukturu, ali pomažu da stranica bude tehnički uredna i pravilno predstavljena izvan samog weba.
Kada se rade ozbiljnije web stranice po mjeri, share meta podaci trebaju biti dio standardne SEO konfiguracije. Tako svaka važna stranica od početka ima bolji preview, jasniju sliku i profesionalniji prvi dojam.