Open Graph generator

Kako koristiti Open Graph generator

1. Upiši Naslov i Opis koje želiš da ljudi vide kad se tvoja veza podijeli. Mogu se razlikovati od SEO naslova: piši ih za društvene mreže.
2. Dodaj URL stranice (kanonsku adresu) i URL slike. Oba moraju biti apsolutna i počinjati s https://.
3. Opiši sliku u Opis slike (alt tekst) da osobe koje koriste čitače ekrana znaju šta prikazuje.
4. Odaberi ili prevuci istu sliku pod Slika za pregled. Ostaje na tvom uređaju: alat je koristi samo za crtanje pregleda i za popunjavanje polja Širina slike (px) i Visina slike (px).
5. Postavi Naziv sajta, Vrsta sadržaja i Lokalizacija, zatim odaberi stil X (Twitter) kartica i, ako ih imaš, X račune sajta i autora.
6. Provjeri preglede i popis Provjere, zatim Kopiraj ili Preuzmi oznake i zalijepi ih unutar <head> stranice.

Sve radi u tvom pregledniku. Ništa što upišeš ne šalje se na server.

Šta rade Open Graph oznake

Kad se veza zalijepi u Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage i mnoge druge aplikacije, pretraživač preuzme stranicu i pročita njene Open Graph (og:) meta oznake da sastavi karticu: sliku, naslov, kratak opis i domenu. Bez tih oznaka aplikacija pogađa, često odabirući 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 prikažu karticu već pri prvom dijeljenju umjesto da čekaju da se slika preuzme.

X čita vlastite oznake twitter:, ali se vraća na Open Graph naslov, opis i sliku kad X verzije nedostaju, pa alat dodaje samo ono što X zaista treba: twitter:card, neobavezne račune i opis slike. Tako se izbjegava dupliranje svake vrijednosti.

Zadana lokalizacija se uzima prema jeziku stranice (za bosanski bs_BA); možeš je promijeniti u polju Lokalizacija.

Veličine slika koje rade svuda

Koristi JPEG ili PNG, drži datoteku razumno malom (znatno ispod 5 MB) i izbjegavaj važan tekst blizu rubova, jer svaka platforma obrezuje malo drugačije. Pregledi u ovom alatu su aproksimacije tih rasporeda, a ne snimci ekrana.

Poslije objave

Društvene platforme keširaju preglede veza, ponekad danima. Nakon promjene oznaka zatraži od njih da ponovo pročitaju stranicu pomoću Facebook Sharing Debuggera ili LinkedIn Post Inspectora. Stranica mora biti javno dostupna: pretraživači ne vide stranice iza prijave niti na localhost.