O ovom alatu
Oznake Open Graph (OG) kontroliraju kako se stranica pojavljuje kada se dijeli na društvenim platformama. Facebook, LinkedIn, Slack, Discord i mnogi drugi čitaju OG oznake za izradu kartica za pregled. Bez odgovarajućih OG oznaka, dijeljene veze izgledaju neispravne — generičke favikone, slike koje nedostaju, skraćeni naslovi. S njima dionice izgledaju uglađeno, a stope klikanja značajno se poboljšavaju.
Standardne OG oznake: og:title (naslov prikazan u pregledu), og:description (isječak teksta), og:image (slika za pregled, idealno 1200×630), og:url (kanonski URL), og:type (obično 'web stranica' ili 'članak'). Sloj oznaka Twitter kartice na vrhu: twitter:kartica, twitter:naslov, twitter:opis, twitter:slika. Većina se alata vraća na OG kada nema oznaka specifičnih za Twitter.
Ovaj generator proizvodi kompletan skup OG i Twitter Card oznaka iz vašeg unosa. Zalijepite dobiveni HTML u <head> stranice. Rezultat je ispravno renderiranje pregleda na svim glavnim društvenim platformama.
Zašto koristiti OG generator oznaka
Stranice bez OG oznaka izgledaju loše kada se dijele. Prazna slika, generički naslov, nedostaje opis — pregled se slabo natječe s ispravno označenim stranicama u feedovima. Za marketing sadržaja i dijeljenje veza, to izravno utječe na stopu klikanja.
Rukopis OG oznaka se ponavlja. Svaka stranica treba svoj set. Generator koji proizvodi ispravne oznake iz nekoliko unosa izbjegava pogreške pri upisu i propuštena svojstva koja kvare društvene preglede.
Tehnički detalji
OG oznake koriste atribut meta svojstva (ne ime): <meta property="og:title" content="..." />. Atribut svojstva je potreban za OG; neki parseri prihvaćaju ime kao zamjenu, ali svojstvo je ispravno.
Zahtjevi za sliku: 1200 × 630 piksela za retina renderiranje, omjer 1,91:1. og:image:width i og:image:height oznake pomažu platformama da ispravno spremaju slike u predmemoriju. og:image:alt pruža tekst pristupačnosti.
Oznake Twitter kartice koriste atribut imena: <meta name="twitter:title" content="..." />. Twitter se vraća na OG oznake kada nema specifičnih za Twitter, tako da je dobro postavljen OG često dovoljan. Dodavanje twitter:card eksplicitno odabire vrstu kartice (summary_large_image je najčešći).
Često postavljana pitanja
- Mogu li prilagoditi generirani izlaz?
- da Alat nudi različite mogućnosti prilagodbe za prilagodbu rezultata vašim specifičnim potrebama. Podesite postavke prije generiranja ili regenerirajte pomoću različitih opcija.
- Je li generirani sadržaj besplatan za korištenje?
- da Sve što generišete ovim alatom vaše je za korištenje u osobne, obrazovne ili komercijalne svrhe bez ikakvih ograničenja ili zahtjeva za atribucijom.
- Je li za ovo potreban račun?
- Ne. Alat je odmah spreman za korištenje bez prijave, e-pošte i registracije. Samo otvorite stranicu i počnite generirati.
- Čuvaju li se moji ulazni podaci privatni?
- Da. Sva se obrada odvija u vašem pregledniku. Vaši ulazni podaci i generirani izlaz nikada se ne šalju bilo kojem vanjskom poslužitelju.
- Mogu li koristiti istu OG sliku za svaku stranicu?
- Moguće, ali neoptimalno. Slike specifične za stranicu nadmašuju generičke slike cijele web-lokacije za klikanje. Koristite zadanu vrijednost za zamjenu, ali izradite slike po stranici za važan sadržaj.
- Je li potrebna deklaracija dimenzija slike?
- Korisno, ali nije striktno potrebno. og:image:width i og:image:height omogućuju platformama da predmemoriraju slike bez ponovnog dohvaćanja radi određivanja dimenzija. Ubrzava sljedeće dionice.
- Jesu li moji podaci učitani?
- Ne. Generiranje se događa u vašem pregledniku.
- Kako mogu testirati OG oznake?
- Facebook Sharing Debugger, Twitter Card Validator i LinkedIn Post Inspector svaki dohvaćaju i potvrđuju. Koristite ih nakon postavljanja novih OG oznaka.