Open Graph generator

Kako da koristiš Open Graph generator

1. Upiši Naslov i Opis koje želiš da ljudi vide kada se tvoj link deli. Mogu da se razlikuju od SEO naslova: piši ih za društvenu mrežu.
2. Dodaj URL stranice (kanonsku adresu) i URL slike. Oba moraju biti apsolutna i počinjati sa https://.
3. Opiši sliku u Opis slike (alt tekst) da osobe koje koriste čitače ekrana znaju šta prikazuje.
4. Izaberi ili prevuci istu sliku pod Slika za pregled. Ostaje na tvom uređaju: alat je koristi samo da nacrta preglede i da popuni Širina slike (px) i Visina slike (px).
5. Podesi Naziv sajta, Vrsta sadržaja i Lokalizacija, pa izaberi stil X (Twitter) kartica i, ako ih imaš, X naloge sajta i autora.
6. Proveri preglede i listu Provere, pa Kopiraj ili Preuzmi tagove i nalepi ih unutar <head> stranice.

Šta rade Open Graph tagovi

Kada se link nalepi u Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage i mnoge druge aplikacije, crawler preuzima stranicu i čita njene Open Graph (og:) meta tagove da bi napravio karticu: sliku, naslov, kratak opis i domen. Bez ovih tagova aplikacija nagađa i često izabere logo, baner o kolačićima ili prvu rečenicu menija.

Četiri osnovna svojstva su og:title, og:type, og:image i og:url. Ovaj alat dodaje i og:description, og:site_name, og:locale i podatke o slici (og:image:width, og:image:height, og:image:alt). Navođenje veličine slike omogućava nekim platformama da iscrtaju karticu već pri prvom deljenju, umesto da čekaju da se slika preuzme.

X čita sopstvene twitter: tagove, ali se vraća na Open Graph naslov, opis i sliku kada X verzije nedostaju, pa alat dodaje samo ono što X stvarno treba: twitter:card, opcione naloge i opis slike. Tako se izbegava dupliranje svake vrednosti.

Veličine slika koje rade svuda

Koristi JPEG ili PNG, drži fajl razumno malim (znatno ispod 5 MB) i izbegavaj važan tekst blizu ivica, jer svaka platforma kadrira malo drugačije. Pregledi u ovom alatu su približni prikazi tih rasporeda, a ne snimci ekrana.

Posle objavljivanja

Društvene platforme keširaju preglede linkova, ponekad danima. Kada promeniš tagove, zatraži od njih da ponovo pročitaju stranicu pomoću Facebook Sharing Debuggera ili LinkedIn Post Inspectora. Stranica mora biti javno dostupna: crawleri ne vide stranice iza prijave ni na localhost.