Open Graph i X kartice – generator

Kako koristiti Open Graph generator

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

Alat radi u tvom pregledniku. Slika koju odabereš ne šalje se na poslužitelj.

Što rade Open Graph oznake

Kad se poveznica zalijepi u Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage i mnoge druge aplikacije, crawler dohvaća stranicu i čita njezine Open Graph (og:) meta oznake da bi složio karticu: sliku, naslov, kratak opis i domenu. Bez tih oznaka aplikacija pogađa i često odabere logotip, obavijest o kolačićima ili prvu rečenicu izbornika.

Četiri osnovna svojstva su og:title, og:type, og:image i og:url. Ovaj alat dodaje i og:description, og:site_name, og:locale te podatke o slici (og:image:width, og:image:height, og:image:alt). Navođenje veličine slike omogućuje nekim platformama da prikažu karticu već pri prvom dijeljenju, umjesto da čekaju preuzimanje slike.

X čita vlastite oznake twitter:, ali kad njihovih X inačica nema, vraća se na Open Graph naslov, opis i sliku, pa alat dodaje samo ono što X doista treba: twitter:card, neobavezne račune i opis slike. Tako se izbjegava dupliciranje svake vrijednosti.

Veličine slika koje rade posvuda

Koristi JPEG ili PNG, drži datoteku razumno malom (znatno ispod 5 MB) i izbjegavaj važan tekst blizu rubova jer svaka platforma malo drukčije reže. Pregledi u ovom alatu približne su slike tih rasporeda, a ne snimke zaslona.

Nakon objave

Društvene platforme pohranjuju preglede poveznica u predmemoriju, ponekad danima. Nakon što promijeniš oznake, zatraži od njih ponovno čitanje stranice pomoću Facebook Sharing Debuggera ili LinkedIn Post Inspectora. Stranica mora biti javno dostupna: crawleri ne vide stranice iza prijave ni na localhost.