Open Graph Preview

Što je alat za pregled Open Graph-a?

Open Graph (OG) tagovi su HTML meta tagovi koji kontroliraju kako vaša web stranica izgleda kad se dijeli na platformama društvenih mreža poput Facebooka, Twittera, LinkedIna i aplikacija za razmjenu poruka. Tagovi og:title, og:description, og:image i og:url određuju naslov, isječak, minijaturu i vezu prikazanu u kartici pregleda dijeljenja. Ovaj alat vam omogućuje pregled kako će vaša stranica izgledati prije dijeljenja.

Bez odgovarajućih OG tagova, platforme društvenih mreža pokušavaju pogoditi naslov i sliku iz sadržaja stranice, često proizvodeći ružne ili obmanjujuće preglede. Dobro oblikovani OG pregled dramatično povećava stopu klikova — objave s optimiziranim slikama i opisima dobivaju 2–3 puta više angažmana nego one bez.

Ključni Open Graph tagovi

• og:title — naslov prikazan u kartici pregleda. Čuvajte ga ispod 60 znakova.
• og:description — kratki sažetak sadržaja stranice. Čuvajte ga ispod 155 znakova.
• og:image — minijatura pregleda. Preporučena veličina: 1200×630 piksela za najbolji prikaz na svim platformama.
• og:url — kanonski URL stranice.
• og:type — vrsta sadržaja (website, article, product itd.).

Kako koristiti ovaj alat

Unesite URL i alat dohvaća stranicu, izvlači sve Open Graph i Twitter Card meta tagove i prikazuje preglede koji pokazuju kako će stranica izgledati na Facebooku, Twitteru i LinkedInu. Nedostajuće ili pogrešno veličinske slike su označene. Koristite ovo za testiranje OG tagova prije objavljivanja sadržaja.

Twitter Cards nasuprot Open Graph-u

Twitter koristi vlastite meta tagove (twitter:card, twitter:title, twitter:description, twitter:image), ali se vraća na OG tagove kada Twitter-specifični tagovi nedostaju. Za maksimalnu kompatibilnost, uključite i OG tagove i Twitter Card tagove. Tag twitter:card (postavljen na summary_large_image za veliki pregled) je najvažniji Twitter-specifični dodatak.

Često postavljana pitanja

Zašto se moj pregled dijeljenja ne ažurira nakon što sam promijenio OG tagove?

Platforme društvenih mreža agresivno predmemoriraju OG podatke. Facebook predmemorira otprilike 30 dana. Da biste prisilili osvježavanje, koristite Facebookov Sharing Debugger (developers.facebook.com/tools/debug/), Twitterov Card Validator ili LinkedInov Post Inspector. Ovi alati brišu predmemoriju i dohvaćaju svježe OG tagove s vaše stranice.

Koju veličinu slike bih trebao koristiti za OG?

Preporučena veličina je 1200×630 piksela (omjer 1,91:1) za najbolji prikaz na svim platformama. Minimum 600×315 piksela. Facebook, Twitter i LinkedIn svi dobro prikazuju ovaj omjer. Koristite JPEG ili PNG format, čuvajte veličinu datoteke ispod 5 MB (idealno ispod 300 KB za brzo učitavanje). Izbjegavajte slike s puno teksta — neke platforme različito opisuju.