O tem orodju
Oznake Open Graph (OG) nadzirajo, kako je stran videti, ko jo delite na družbenih platformah. Facebook, LinkedIn, Slack, Discord in številni drugi berejo oznake OG za izdelavo predoglednih kartic. Brez ustreznih oznak OG so povezave v skupni rabi videti pokvarjene – generične favikone, manjkajoče slike, okrnjeni naslovi. Z njimi so delnice videti uglajene in razmerje med prikazi in kliki se znatno izboljša.
Standardne oznake OG: og:title (naslov, prikazan v predogledu), og:description (odrezek besedila), og:image (predogled slike, idealno 1200 × 630), og:url (kanonični URL), og:type (običajno 'spletno mesto' ali 'članek'). Sloj oznak Twitter kartice na vrhu: twitter:kartica, twitter:naslov, twitter:opis, twitter:slika. Večina orodij se vrne na OG, ko ni oznak, specifičnih za Twitter.
Ta generator ustvari celoten nabor oznak OG in Twitter Card iz vašega vnosa. Nastali HTML prilepite v <head> strani. Rezultat je pravilno upodabljanje predogleda na vseh večjih družbenih platformah.
Zakaj uporabljati generator oznak OG
Strani brez oznak OG izgledajo slabo, če jih delite. Prazna slika, splošen naslov, manjka opis — predogled slabo tekmuje s pravilno označenimi stranmi v virih. Za trženje vsebine in skupno rabo povezav to neposredno vpliva na razmerje med prikazi in kliki.
Ročno pisanje oznak OG se ponavlja. Vsaka stran potrebuje svoj komplet. Generator, ki ustvari pravilne oznake iz nekaj vnosov, se izogne tipkarskim napakam in zgrešenim lastnostim, ki motijo socialni predogled.
Tehnične podrobnosti
Oznake OG uporabljajo atribut meta lastnosti (ne ime): <meta property="og:title" content="..." />. Atribut lastnosti je potreben za OG; nekateri razčlenjevalniki sprejmejo ime kot nadomestno, vendar je lastnost pravilna.
Zahteve za sliko: 1200×630 slikovnih pik za upodabljanje mrežnice, razmerje stranic 1,91:1. Oznaki og:image:width in og:image:height pomagata platformam pravilno predpomniti slike. og:image:alt zagotavlja besedilo za dostopnost.
Oznake Twitter kartice uporabljajo atribut imena: <meta name="twitter:title" content="..." />. Twitter se vrne k oznakam OG, ko ni specifičnih za Twitter, zato dobro nastavljen OG pogosto zadostuje. Dodajanje twitter:card eksplicitno izbere vrsto kartice (summary_large_image je najpogostejši).
Pogosta vprašanja
- Ali lahko prilagodim ustvarjeni izhod?
- ja Orodje ponuja različne možnosti prilagajanja za prilagajanje izhoda vašim posebnim potrebam. Prilagodite nastavitve pred generiranjem ali regenerirajte z različnimi možnostmi.
- Ali je ustvarjena vsebina brezplačna za uporabo?
- ja Vse, kar ustvarite s tem orodjem, lahko uporabljate v osebne, izobraževalne ali komercialne namene brez kakršnih koli omejitev ali zahtev po pripisu.
- Ali je za to potreben račun?
- Ne. Orodje je takoj pripravljeno za uporabo brez prijave, e-pošte in registracije. Samo odprite stran in začnite ustvarjati.
- Ali so moji vneseni podatki zasebni?
- ja Vsa obdelava poteka v vašem brskalniku. Vaši vhodni podatki in ustvarjeni izhodni podatki niso nikoli poslani nobenemu zunanjemu strežniku.
- Ali lahko uporabim isto sliko OG za vsako stran?
- Možno, vendar neoptimalno. Slike, specifične za stran, so boljše od splošnih slik za celotno spletno mesto za klik. Uporabite privzeto za nadomestno možnost, vendar ustvarite slike na stran za pomembno vsebino.
- Ali je potrebna deklaracija dimenzij slike?
- Koristno, vendar ni nujno potrebno. og:image:width in og:image:height omogočata platformam predpomnilnik slik brez ponovnega pridobivanja za določitev dimenzij. Pospeši nadaljnje delitve.
- Ali so moji podatki naloženi?
- Ne. Generiranje poteka v vašem brskalniku.
- Kako testiram oznake OG?
- Facebook Sharing Debugger, Twitter Card Validator in LinkedIn Post Inspector vsako pridobijo in potrdijo. Uporabite jih po uvedbi novih oznak OG.