Generator Open Graph in družbenih kartic

Kako uporabljaš generator Open Graph

1. Vpiši Naslov in Opis, ki ju želiš pokazati, ko ljudje delijo tvojo povezavo. Lahko se razlikujeta od tvojega naslova SEO: napiši ju za vir družbenega omrežja.
2. Dodaj URL strani (kanonični naslov) in URL slike. Oba morata biti absolutna in se začeti s https://.
3. Sliko opiši v Opis slike (nadomestno besedilo), da ljudje z bralniki zaslona vedo, kaj prikazuje.
4. Izberi ali povleci isto sliko pod Slika za predogled. Ostane v tvoji napravi: orodje jo uporabi samo za izris predogledov in za izpolnitev polj Širina slike (px) in Višina slike (px).
5. Nastavi Ime spletnega mesta, Vrsta vsebine in Jezikovna oznaka (locale), nato izberi slog Kartica X (Twitter) in, če jih imaš, račune X spletnega mesta in avtorja.
6. Preveri predoglede in seznam Preverjanja, nato oznake Kopiraj ali Prenesi in jih prilepi v <head> strani.

Kaj počnejo oznake Open Graph

Ko povezavo prilepiš v Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage in številne druge aplikacije, pajek prenese stran in prebere njene oznake meta Open Graph (og:), da sestavi kartico: sliko, naslov, kratek opis in domeno. Brez teh oznak aplikacija ugiba, pogosto izbere logotip, obvestilo o piškotkih ali prvi stavek menija.

Štiri osnovne lastnosti so og:title, og:type, og:image in og:url. To orodje doda tudi og:description, og:site_name, og:locale in podrobnosti o sliki (og:image:width, og:image:height, og:image:alt). Če navedeš velikost slike, lahko nekatere platforme kartico izrišejo že ob prvi objavi, namesto da čakajo, da se slika prenese.

X bere svoje oznake twitter:, a se zateče k naslovu, opisu in sliki Open Graph, kadar različic X ni, zato orodje doda samo to, kar X res potrebuje: twitter:card, neobvezne račune in opis slike. Tako se vsaka vrednost ne podvaja.

Velikosti slik, ki delujejo povsod

Uporabi JPEG ali PNG, datoteko ohrani razmeroma majhno (precej pod 5 MB) in pomembnega besedila ne postavljaj ob robove, ker vsaka platforma obreže nekoliko drugače. Predogledi v tem orodju so približki teh postavitev, ne posnetki zaslona.

Po objavi

Družbene platforme predogled povezav shranjujejo v predpomnilnik, včasih več dni. Ko spremeniš oznake, jih prosi, naj stran znova preberejo, s Facebook Sharing Debugger ali LinkedIn Post Inspector. Stran mora biti javno dostopna: pajki ne vidijo strani za prijavo ali na localhost.