📇 Társadalmi és megosztás SEO

Grafikai & Twitter kártya generátor megnyitása

Töltse ki az oldal részleteit, és néz egy igazi Facebook, LinkedIn és X kártya teszi élőben, ahogy a gépel. Szerezzen egy hitelesített, másoló-paszta készlet Open Graph és Twitter kártya meta címkék · a pontos jelölő platformok olvasni építeni a link előnézet.

✓ Élő kártya előnézet Fut a böngésződben Nincs bejelentkezés.
Célozzon körülbelül 60 karakterre, hogy ne csonkodjon össze.
Körülbelül 110 karakter jelenik meg teljes egészében a legtöbb szociális kártyák.
Abszolút https URL, 1200×630 ajánlott.
Facebook / LinkedIn előzetes
Nincs kép ~ add an og:image URL
example.com
X (Twitter) előnézet
Nincs kép ~ add an og:image URL
example.com
A metacímke generálása

Hogyan készítsünk Open Graph and Twitter kártya címkéket

Négy lépés az oldal részleteitől egy hitelesített, másolt-paszta társadalmi előnézetig.

1

Írja be az oldal URL-jét, címét és leírását

Az Ön által megosztott oldal abszolút URL-jének beillesztése, majd írja meg a kívánt címet és leírást a szociális kártyákon.

2

Megosztási kép hozzáadása és a típusok beállítása

Abszolút https og:image (ideális esetben 1200x630), válassza ki az og:type és a Twitter kártya típusát, és add hozzá a @handle.

3

Ellenőrizze az élő Facebook és X-előnézeteket

Nézd meg a Facebook/LinkedIn és X kártyát gépelés közben, és oldd meg a következő hosszú vagy kép-érvényesítési figyelmeztetéseket.

4

Másold be a címkéket a lapfejedbe

Másold le a létrehozott Open Graph és Twitter meta tageket és illessze be azokat a <head> Az oldaladról, aztán újra lecsapsz a platform hibakeresővel.

Grafikai & Twitter kártyamegnyitási kérdések

Open Graph (og:) a megosztott protokoll Facebook, LinkedIn, Slack, WhatsApp, Pinterest és a legtöbb platform olvasni építeni egy link előnézet. Twitter kártya (twitter:) X saját szókincse, amely szabályozza a kártya elrendezése • például összefoglaló vs összefoglaló_nagy_image. Ezek átfedések erősen: cím, leírás és kép jön og: címkék. Twitter-specifikus címkék csak hozzá, amit og: nem tudja kifejezni, mint a kártya stílus és a @site fogantyú.
Használja 1200x630 pixelt (egy 1,91:1 arányban) a nagy kártya, hogy a Facebook, LinkedIn és X összefoglaló_nagy_kép minden használat • amely kitölti a keret nélkül ropogás. Tartsa a fájlt 5 MB alatt, és szolgálja azt egy abszolút https URL, mert platformok nem kap egy relatív vagy http kép megbízhatóan. A minimális Facebook elfogadja 200x200, de a kis képek teszik egy apró előnézet helyett egy hős kártya.
Minden platform cache-en az első verziója a kártya, amit kapar, néha hetekig, így régi címek és képek maradnak, miután kijavítja a címkék. Nyomjon egy újra-scrape: illessze be az URL-t a Facebook Sharing Debugger és kattintson a Scrape újra, használja a LinkedIn Post Ellenőr, és ossza meg a linket egyszer X-en, hogy frissítse a cache. Megerősíti, hogy a címkék valójában a felszolgált HTML fej, és nem injekció később JavaScript, amely a legtöbb kaparók nem hajtják végre.
Nem teljesen. Amikor egy Twitter tag hiányzik, X esik vissza a megfelelő Open Graph tag ★ og:title, og:description and og:image fedje a legtöbb kártyát. Tehát a gyakorlati minimum egy teljes készlet og: címkék plusz csak twitter:kártya, hogy válassza ki a elrendezés és a twitter:hely hozzárendelésére. Hozzáadás og: címkék is ugyanazt az előnézeti munkák Facebookon, LinkedIn, Slack és mindenhol máshol, így vezet og: és csak a maroknyi twitter: címkék, hogy og: nem tudja kifejezni.

Szükség van szociális címkék generált méretarányban?

Ez az eszköz fut teljes egészében a böngészőben • nincs semmi, hogy hívja, és semmi nem hagyja el az oldalt. A CMS plugins, CI és ömlesztett oldalak, egy programmatic Open Graph API elérhető a fizetett tervek.

✓ Ingyenes eszköz: 100% kliens oldal Open Graph API: fizetett tervek

Érvényes Open Graph és Twitter kártya blokkok oldalonként egyetlen végpontból, és vezeték őket egyenesen a testedbe. Lásd tervek és kvóták az ároldalon.

Lásd az API-terveket →