📇 Društveno & Dijeljenje SEO

Otvori graf i Twitter Generator karte

Popunite detalje svoje stranice i gledajte pravi Facebook, LinkedIn i X kartica prikaz uživo kako ste ukucali. Dobijte validirani, kopirajući paste skup Open Graph i Twitter Card metatags — točne marking platforme čitati kako bi se izgradio vaš pregled linka.

✓ Pregled uživo Pokreće u vašem pregledniku Nema prijave
Ciljajte oko 60 znakova tako da nije odsječen.
Oko 110 znakova pokazuje u punoj na većini društvenih kartica.
Apsolutni URL https, 120×630 preporučeno.
Facebook / LinkedIn pregled
Bez slike – dodajte og:image URL
example.com
X (Twitter) pregled
Bez slike – dodajte og:image URL
example.com
Stvarane meta oznake

Kako generirati Open Graph i Twitter Karte oznake

Četiri koraka od detalja stranice do validiranog, kopiranje-paste društvenog pregleda.

1

Unesite URL, naslov i opis vaše stranice

Napišite apsolutni URL stranice koju dijelite, a zatim napišite naslov i opis koji želite prikazati na društvenim karticama.

2

Dodaj sliku za dijeljenje i postavi tipove

Navedite apsolutni https og:image (idealno 1200x630), odaberite svoj og:type i tip karte Twittera, i dodajte svoj @handle.

3

Provjeri uživo Facebook i X preglede

Gledajte Facebook/LinkedIn i X prikazivanje kartica dok kucate i riješite bilo koju duljinu ili potvrdu slike prikazanu u nastavku.

4

Kopiraj oznake u glavu stranice

Kopiraj generiran Open Graph i Twitter meta-tagovima i stavi ih unutar <head> stranice, zatim ponovno poševiti s platformom debugger.

Otvori graf i Twitter kartična pitanja

Open Graph (og:) je zajednički protokol Facebook, LinkedIn, Slack, WhatsApp, Pinterest i većina platformi čitati za izgradnju prethodnog prikaza linka. Twitter Card (twitter:) je vlastiti rječnik X koji kontrolira raspored kartica – na primjer sažetak vs sažetak_large_image. Oni teško preklapaju: naslov, opis i slika mogu doći iz og: oznake. Twitter specifične oznake samo dodaju ono što og: ne može izraziti, kao što su stil kartica i @site drška.
Koristite 1200x630 piksela (a 1.91:1 omjer) za veliku karticu koju Facebook, LinkedIn i X sažetak_velika_image sve koristi – koja ispunjava okvir bez ureza. Zadržite datoteku ispod 5 MB i poslužite je preko apsolutnog URL-a https, jer platforme neće dobiti relativnu ili http sliku pouzdano. Minimalan Facebook prihvaća 200x200, ali male slike prikazuju kao sićušnu minijaturu umjesto herojske kartice.
Svaka platforma podmešava prvu verziju vaše kartice koju je iscrpala, ponekad i tjednima, tako da stari naslovi i slike ostaju nakon što popravite oznake. Prisilite ponovno odsjeći: umetnite URL u Facebook Dijeljenje grešaka i kliknite Scrape ponovo, koristite LinkedIn Post Inspektor, i dijelite link jednom na X da bi osvježili svoju kešu. Potvrdite da su oznake zapravo u posluženoj HTML glavi i da ih ne ubrizga kasnije JavaScript, koji većina streappers ne izvršuju.
Ne u potpunosti. Kada nedostaje Twitter tag, X se vraća na odgovarajući Open Graph oznaka – og:title, og:opis i og:image pokriva većinu karte. Dakle, praktični minimum je kompletan skup og: oznake plus samo twitter:card za odabir rasporeda i twitter:site za pripisivanje. Dodajanje og: oznake također znači isti pregled radi na Facebooku, LinkedIn, Slack i svugdje drugdje, tako da vode s og: i dodaju samo šaku twitter: oznake koje og: ne mogu izraziti.

Trebaju li društvene oznake generirane na skali?

Ovaj alat radi u cijelosti u vašem pregledniku — nema ništa za poziv i ništa ne ostavlja stranicu. Za CMS plugins, CI i masovne stranice, programmatic Open Graph API je dostupan na plaćenim planovima.

✓ Besplatan alat: 100% klijenta Open Graph API: plaćeni planovi

Generirati validirani Open Graph i Twitter Karta blokovi po stranici iz jednog ishoda i žice ih ravno u svoju izgradnju. Pogledajte planove i kvote na cijene stranice.

Vidi API planove →