Open Graph meta címke generátor

A tagek, amelyekből a linkelőnézet felépül

Amikor valaki beilleszti a linkedet egy bejegyzésbe vagy üzenetbe, az app egy crawlert küld az oldalra, és beolvas néhány <meta> taget a <head> részben. Ezek a tagek az Open Graph protokollból származnak, amely négyet sorol fel kötelezőként:

• og:title: a cím úgy, ahogyan az előnézetben megjelenjen.
• og:type: hogy mi az oldal. A website a legtöbb oldalhoz illik, az article pedig egy blogbejegyzéshez. A protokoll olyan típusokat is definiál, mint a profile, book, video.movie és music.song.
• og:image: az oldalt reprezentáló kép URL-je.
• og:url: a kanonikus URL, amelyet a protokoll az objektum állandó azonosítójának nevez.

A protokoll opcionális tageket is definiál, és a generátor a hasznosakat ki is írja: og:description, og:site_name, valamint a kép részletei: og:image:width, og:image:height és og:image:alt. Az alternatív szöveggel kapcsolatban a protokoll egyértelmű: ha egy oldal megadja az og:image értéket, akkor meg kell adnia az og:image:alt értéket is, és ez a szöveg azt írja le, mi van a képen, nem képaláírás.

Amit az X hozzáad: twitter:card

Az X az Open Graphot is olvassa. A kártyajelölési referenciája (az X fejlesztői dokumentációja, amelyet itt az Internet Archive-on keresztül linkeltünk, mert az eredeti oldal mostanra átirányít) felsorolja minden taghez a visszaesést: a twitter:title az og:title értékre esik vissza, a twitter:description az og:description értékre, a twitter:image az og:image értékre, a twitter:image:alt pedig az og:image:alt értékre. Így az egyetlen tag, amit érdemes hozzáadni, a twitter:card, amely az elrendezést választja ki. Ha kihagyod, ugyanaz a referencia szerint az X egy kis összegző kártyára eshet vissza, még akkor is, ha a nagyot szeretted volna:

• summary_large_image: teljes szélességű kép a cím felett. Az X nagyméretű képkártya oldala szerint az ehhez használt képek a 2:1 képarányt támogatják, minimum 300 × 157 és maximum 4096 × 4096 pixel mérettel, 5MB alatt, JPG, PNG, WEBP vagy GIF formátumban. Az SVG nem támogatott.
• summary: egy kisebb kártya négyzetes képpel. Az X összegző kártya oldala szerint a kép az 1:1 arányt támogatja, 144 × 144-től egészen 4096 × 4096 pixelig, és minden platformon négyzet alakúra van vágva.

Ugyanez a hivatkozás felsorolja az app és player kártyákat is, amelyekhez extra App Store- vagy videólejátszó-mezők kellenek, ezért itt kimaradnak. Dokumentálja a fenti ellenőrzések által használt korlátokat is: 70 karakter a címnél, 200 a leírásnál és 420 az alternatív szövegnél.

A platformok által megadott képméretek

• LinkedIn: a webhely megoszthatóvá tételéről szóló útmutatója az og:title, og:image, og:description és og:url mezőket kéri, és 5 MB maximális fájlméretet, legalább 1200 × 627 pixeles méretet és 1,91:1 ajánlott arányt ad meg.
• Meta: a megosztási bevált gyakorlatai szerint nagy felbontású képernyőkhöz legalább 1080 pixel széles képeket érdemes használni, képes linkhirdetések megjelenítéséhez pedig legalább 600 pixel szélest. Ugyanez az oldal kéri az og:image:width és og:image:height megadását, hogy a feltérképező azonnal meg tudja jeleníteni a képet anélkül, hogy előbb le kellene töltenie és feldolgoznia.

Egy 1200 × 630 képes mindegyiknek megfelel: legalább 1200 × 627 a LinkedInhez, szélesebb 1080-nál a Metához, és 1,905:1, ami az X 2:1 arányától 5%-on belül van.

Ellenőrizd, és frissítsd a régi előnézeteket

Az alkalmazások gyorsítótárazzák, amit kinyertek, így a címkék javítása nem javít egy már eltárolt előnézetet. Mindkét nagy hálózat ad eszközt ehhez:

• A Meta Sharing Debugger megmutatja a feltérképező által kinyert címkéket, bármilyen hibával vagy figyelmeztetéssel, és új lekérést indít. A Meta webmester-útmutatója leírja, a bevált gyakorlatok oldala pedig megjegyzi, hogy a kinyert tartalom egyébként egy szabványos 24 órás ciklusban frissül.
• A LinkedIn Post Inspector frissíti a gyorsítótárazott URL-t. A LinkedIn súgóoldala megjegyzi, hogy a frissítés csak az új bejegyzéseket érinti: azok a bejegyzések, amelyek már tartalmazzák az URL-t, megtartják a régi előnézetet.

Mit nem csinál ez az eszköz

Nem kéri le az oldaladat vagy a képedet, így nem látja, mi van valójában élesben, és a fenti előnézet inkább szöveges vázlat, mint tényleges megjelenítés. Megírja a címkéket; az oldaladnak továbbra is ki kell szolgálnia azokat az oldal <head> részében, abban a HTML-ben, amelyet a feltérképező megkap. A később JavaScripttel hozzáadott címkéket lehet, hogy soha nem látja. És nem ír app vagy player kártyákat, sem azokat az extra tulajdonságokat, amelyeket az olyan típusok, mint a book vagy video.movie, meghatároznak.

Ha inkább nem írnád ezt meg kézzel

A Hermoso marketing automata üzemmódban: kutatja a piacodon már működő hirdetéseket, márkahű kép- és videóhirdetéseket készít, ütemezi a posztokat, és fizetett kampányokat futtat a saját hirdetési fiókjaidon. Működik a webes alkalmazásban, vagy a Claude, a ChatGPT és a Cursor felületén belül az MCP-szerverén keresztül.

Ingyenes eszközök: UTM link készítő · QR-kód generátor · Közösségi média méretútmutató

Gyakran ismételt kérdések

Mely Open Graph címkék kötelezők?

Az Open Graph protokoll négy kötelező tulajdonságot sorol fel: og:title, og:type, og:image és og:url. Az og:description, az og:site_name és az og:image szélesség, magasság és alt címkék opcionálisak, de érdemes hozzáadni őket.

Kell twitter:title és twitter:image, ha van og: címkém?

Nem. Az X cards markup referenciája szerint a twitter:title, twitter:description, twitter:image és twitter:image:alt visszaesik az og: megfelelőikre. Amit érdemes hozzáadni, az a twitter:card, amely a kártya elrendezését választja ki.

Milyen méretű legyen egy Open Graph kép?

A LinkedIn legalább 1200 × 627 pixelt kér 1.91:1 arányban és 5 MB alatt. A Meta legalább 1080 pixel szélességet javasol. Az X nagyképes kártyája 2:1 arányt támogat 300 × 157-től 4096 × 4096-ig. Egy 1200 × 630-as kép mindhármához illik.

Miért mutat a linkem még mindig régi képet, miután megváltoztattam a címkéket?

Az alkalmazás elmentette a régi lekérést a gyorsítótárba. Futtasd át az URL-t a Meta Sharing Debugger vagy a LinkedIn Post Inspector eszközén, hogy újra lekérje. A LinkedIn megjegyzi, hogy a már az URL-t megosztó bejegyzések megtartják a régi előnézetet.

Miért változnak meg az idézőjelek és az és-jelek a kimenetben?

HTML-escape-elve vannak, hogy a címke érvényes maradjon. Egy olyan cím, mint Tom & Jerry's "Sale", a content attribútumon belül Tom & Jerry's "Sale" lesz, és a böngészők és crawlerek az eredeti szövegként olvassák vissza.

Betölti az eszköz a képemet?

Nem. Semmi, amit beírsz, nem megy sehova, és a kép URL-jét soha nem kéri le, ezért az előnézet egy helykitöltőt mutat a kép helyett.