📇 Social & Sharing SEO

Open Graph & Twitter Card Generator

Ispunite detalje o svojoj stranici i gledajte kako se prava Facebook, LinkedIn i X kartica prikazuju uživo dok tipkate. Dobijte potvrđeni, kopirajte i zalijepite skup meta oznaka Open Graph i Twitter kartice - tačne platforme za označavanje čitaju kako bi izgradili vaš link pregled.

✓ Pregled kartice Pokreće se u vašem pregledniku Nema prijave
Cilj je oko 60 znakova tako da nije odsječen.
U 1100. godini se spominje u dokumentima kao najstariji grad u Bosni.
2013.  (en) Rezultati za IC 6600.
Facebook/LinkedIn
Nema slike — dodaj og:image URL
example.com
X (Twitter) pregled
Nema slike — dodaj og:image URL
example.com
Generirane meta oznake

Kako generirati Open Graph i Twitter Card oznake

Četiri koraka od detalja stranice do validirane, kopiraj-zalijepi društvene pretpreglede.

1

Unesite URL stranice, naslov i opis

Zalijepite apsolutni URL stranice koju dijelite, a zatim napišite naslov i opis koji želite da se prikažu na društvenim karticama.

2

Dodaj sliku za dijeljenje i postavi vrste

Osigurajte apsolutnu https og:image (idealno 1200x630), odaberite og:type i Twitter card type, i dodajte svoj @handle.

3

Provjeri Facebook i X preglede uživo

Pogledajte kako se Facebook/LinkedIn i X kartica prikazuju dok tipkate i riješite bilo koja upozorenja o dužini ili validiranju slike prikazana u nastavku.

4

Kopiraj oznake u zaglavlje stranice

Kopirajte generisane meta oznake Open Graph i Twitter i zalijepite ih u <head> od vaše stranice, a zatim ponovo skrenite s platformom za ispravljanje grešaka.

Open Graph & Twitter Card questions

Open Graph (og:) je zajednički protokol koji Facebook, LinkedIn, Slack, WhatsApp, Pinterest i većina platformi čitaju za izgradnju linka za pretpregled. Twitter Card (twitter:) je X-ov vlastiti rječnik koji kontrolira izgled kartice — na primjer summary vs summary_large_image. Oni se jako preklapaju: title, description i slika mogu doći iz og: oznaka. Twitter-specifične oznake samo dodaju ono što og: ne može izraziti, kao što su stil kartice i @site ručica.
Koristi 1200x630 piksela (omjer 1.91:1) za veliku karticu koju Facebook, LinkedIn i X summary_large_image svi koriste — koja ispunjava okvir bez obrezivanja. Držite datoteku ispod 5 MB i poslužite je preko apsolutnog https URL-a, jer platforme neće pouzdano dohvatiti relativnu ili http sliku. Najmanji Facebook prihvata je 200x200, ali male slike se prikazuju kao male minijature umjesto kartice heroja.
Svaka platforma u cache-u čuva prvu verziju vaše kartice koju je skinula, ponekad sedmicama, tako da stari naslovi i slike ostaju nakon što popravite oznake. Prisilite na ponovno skidanje: zalijepite URL u Facebook Sharing Debugger i kliknite Scrape Again, koristite LinkedIn Post Inspector, i podijelite link jednom na X da osvježite njegov cache. Potvrdite da su oznake stvarno u HTML zaglavlju i da ih kasnije ne umetne JavaScript, koji većina skinera ne izvršava.
Ne u potpunosti. Kad nedostaje Twitter oznaka, X se vraća na odgovarajuću Open Graph oznaku - og:title, og:description i og:image pokrivaju većinu kartice. Dakle, praktični minimum je kompletan set og: oznaka plus samo twitter:card za odabir izgleda i twitter:site za atribuciju. Dodavanje og: oznaka također znači da isti pregled radi na Facebooku, LinkedInu, Slacku i svugdje drugdje, tako da započnite sa og: i dodajte samo šačicu twitter: oznaka koje og: ne može izraziti.

Social Media Marketing in Scale.

Ovaj alat se u potpunosti pokreće u vašem pregledniku - nema ništa za pozivanje i ništa ne napušta stranicu. Za CMS pluginove, CI i masovne stranice, programski Open Graph API je dostupan na plaćenim planovima.

✓ Slobodni alat: 100% klijentska strana Open Graph API: paid plans

Generirajte validirane Open Graph i Twitter Card blokove po stranici iz jedne krajnje tačke i ožičite ih direktno u vašu izgradnju. Pogledajte planove i kvote na stranici cijena.

Vidi API planove →