Sociálne siete & zdieľanie SEO

Otvoriť graf a generátor Twitter kariet

Vyplňte podrobnosti o stránke a sledujte, ako sa počas písania zobrazí skutočná karta Facebook, LinkedIn a X. Získajte overenú množinu meta značiek Open Graph a Twitter Card, ktoré môžete skopírovať a vložiť – presne tie značkovacie platformy, ktoré sa používajú na vytvorenie ukážky odkazu.

✓ Živý náhľad karty Beží vo vašom prehliadači Žiadna registrácia nie je potrebná
Snažte sa dosiahnuť približne 60 znakov, aby sa neskrátil.
Okolo 110 znakov sa zobrazuje v plnom rozsahu na väčšine sociálnych kariet.
Absolútna https URL, odporúčané 1200×630.
Facebook / LinkedIn náhľad
Žiadny obrázok — pridajte URL adresu og:image
example.com
X (Twitter) náhľad
Žiadny obrázok — pridajte URL adresu og:image
example.com
Generované meta značky

Ako generovať značky Open Graph a Twitter Card

Štyri kroky od podrobností stránky k overenej ukážke sociálnych sietí kopírovaním a prilepením.

1

Zadajte URL adresu stránky, názov a popis

Prilepte absolútnu URL stránky, ktorú zdieľate, a potom napíšte názov a popis, ktorý sa má zobraziť na kartách sociálnych sietí.

2

Pridanie obrázka zdieľania a nastavenie typov

Poskytnite absolútny https og:image (ideálne 1200 x 630), vyberte typ og: a typ karty Twitter a pridajte svoju @username.

3

Pozrite si živé náhľady Facebooku a X

Sledujte vykresľovanie kariet Facebook/LinkedIn a X počas písania a vyriešte všetky upozornenia na dĺžku alebo overenie obrázka uvedené nižšie.

4

Skopírujte značky do hlavičky stránky

Skopírujte vytvorené meta značky Open Graph a Twitter a vložte ich do <head> Získajte najnovšie verzie vašej stránky a potom ich znovu zoškrabte pomocou ladiaceho programu platformy.

Otázky otvoreného grafu a Twitter karty

Open Graph (og:) je zdieľaný protokol, ktorý Facebook, LinkedIn, Slack, WhatsApp, Pinterest a väčšina platforiem používa na vytvorenie náhľadu odkazu. Twitter Card (twitter:) je vlastný slovník X, ktorý riadi rozloženie karty - napríklad summary vs summary_large_image. Veľmi sa prekrývajú: názov, popis a obrázok môžu pochádzať z tagov og:. Twitter-špecifické tagy pridávajú len to, čo tag og: nemôže vyjadriť, ako je štýl karty a @site handle.
Použite 1200x630 pixelov (s pomerom strán 1.91:1) pre veľkú kartu, ktorú používajú Facebook, LinkedIn a X summary_large_image – tá vyplní rám bez orezania. Udržujte súbor pod 5 MB a zobrazte ho cez absolútnu https URL, pretože platformy nebudú spoľahlivo načítavať relatívny alebo http obrázok. Facebook akceptuje minimálnu veľkosť 200x200, ale malé obrázky sa vykreslia ako malá miniatúra namiesto karty hrdinu.
Každá platforma ukladá do cache prvú verziu vašej karty, ktorú zoškrabala, niekedy aj týždne, takže staré názvy a obrázky pretrvávajú aj po oprave značiek. Vynútiť opätovné zoškrabanie: vložte URL do Facebook Sharing Debugger a kliknite na tlačidlo Znova zoškrabať, použite LinkedIn Post Inspector a zdieľajte odkaz raz na X, aby ste obnovili jeho vyrovnávaciu pamäť. Skontrolujte, či sú značky skutočne v hlavičke HTML a nie sú neskôr vložené JavaScriptom, ktorý väčšina scraperov nespustí.
Ak chýba tag Twitter, X sa vráti späť k zodpovedajúcemu tagu Open Graph – og:title, og:description a og:image pokryjú väčšinu karty. Takže praktické minimum je kompletná sada značiek og: plus twitter:card na výber rozloženia a twitter:site na priradenie. Pridanie značiek og: tiež znamená, že rovnaký náhľad funguje na Facebooku, LinkedIne, Slack a všade inde, takže začnite s og: a pridajte len niekoľko značiek twitter:, ktoré og: nemôže vyjadriť.

Potrebujete sociálne značky generované v rozsahu?

Tento nástroj beží úplne vo vašom prehliadači – nie je potrebné nič volať a nič neopustí stránku.Pre pluginy CMS, CI a hromadné stránky je v platených plánoch k dispozícii programové rozhranie Open Graph API.

✓ Bezplatný nástroj: 100% klientsky Open Graph API: platené plány

Vytvárajte bloky Open Graph a Twitter Card na stránku z jedného koncového bodu a zadajte ich priamo do zostavy. Pozrite si plány a kvóty na stránke s cenami. Vytvorenie bloku

Pozrite si API plány →
API pre vývojárov

Používajte ho programovo

Každý nástroj je dostupný prostredníctvom jedného overeného rozhrania REST API v plánoch Pro a API – zapojte ho do svojho CI, CMS alebo riadiacich panelov.

curl -X POST https://seo.bike/api/v1/opengraph \ -H "Authorization: Bearer sk_live_yourkey" \ -H "Content-Type: application/json" \ -d '{"url": "https://example.com/", "title": "Your title"}'
200 OK
{ "ok": true, "result": { ... } }
Získajte API kľúč → Merané ceny za hovor. Bezplatná úroveň pre interaktívny nástroj uvedený vyššie.