Másolás és beillesztés Előnézettel Képméret/gyorsítótár tippekkel

OGP Tag generátor (og:title/og:image stb. automatikus generálása)

Q: "Twitter Card tageket is vegyek fel?"

"Igen. A twitter:card és a kapcsolódó tagek együtt generálhatók. Az X képes visszanyúlni az OG tagekhez, így a minimális beállítások is működnek. (X Developer)"

Q: "Ajánlott képméret?"

"Útmutatóként a Meta 1200×630 vagy nagyobb méretet (min. 600×315) és 1.91:1-hez közeli arányt javasol. Az X summary_large_image aránya és minimumai eltérőek. Válasszon a célplatform szerint."

Q: "Az előnézet nem frissül"

"Leggyakrabban a gyorsítótár az oka. Kérje le újra a debugger eszközökkel, és ha módosította a képet, használjon új kép URL-t."

Adja meg az URL-t, címet, leírást és a kép URL-jét. Open Graph + Twitter Card meta tagek generálása egyszerre.

A lekérés közvetlenül a böngészőben fut (CORS korlátok érvényesülhetnek).

Bemenet

Generált meta tagek / Előnézet

1) Alapadatok

Kötelező

Cím (og:title) Kötelező

Útmutató: 30–60 karakter 0

Leírás (og:description) Opcionális

Útmutató: 80–120 karakter 0

Kép URL-je (og:image) Kötelező

A kép betöltése után thumnail előnézet jelenik meg.

Jelenlegi arány -

Webhely neve (og:site_name) Opcionális

Típus (og:type) Kötelező

Válasszon webhely vagy cikk típust.

2) Twitter kártya

Összecsukható / Alapértelmezés szerint be

Twitter Card tagek hozzáadása

twitter:card

twitter:site (opcionális)

twitter:creator (opcionális)

Auto-szinkronizálási szabályok

• Ha a twitter:title üres, az og:title lesz használva.
• Ha a twitter:description üres, az og:description lesz használva.
• Ha a twitter:image üres, az og:image lesz használva.

3) Haladó beállítások

Csak finomhangolás esetén nyissa meg.

og:locale (opcionális)

og:image:alt / twitter:image:alt

Akadálymentességi szöveg. Max 420 karakter.

og:image:width

og:image:height

A szélesség/magasság megadása segíthet a crawlereknak a gyorsabb rögzítésben. (Facebook Developers)

Cikk tagek (csak og:type=article esetén)

article:published_time

article:modified_time

Használjon ISO 8601 formátumot, ha szükséges.

Generált meta tagek

Előnézet

OG előnézet

example.com

Előnézet címe

A leírás itt fog megjelenni.

Sok közösségi/csevegő alkalmazásban így jelenik meg

X kártya előnézet summary

example.com

Előnézet címe

A leírás itt fog megjelenni.

Vált a summary és a summary_large_image között

Megjegyzések (opcionális)

A bemenetek alapján itt jelennek meg a megjegyzések.

Beállítások

Bemenetek mentése az URL-be Ossza meg a linket az azonos beállításokkal való megnyitáshoz Szóközök automatikus levágása A teljes szélességű szóközöket is levágja Idézőjelek kódolása Meta attribútumok biztonságos kezelése

Képméret útmutató (példák)

Válasszon OG-t vagy X-et a példaméretek megtekintéséhez

OG-központú X-központú

Arány tipp -

Használat / Példák

Töltse ki az URL-t, címet, leírást és a kép URL-jét.
Válassza ki az og:type-ot és (opcionálisan) a Twitter Card beállításokat.
Másolja a generált tageket és illessze be a <head> részbe.

Gyors példa

Adja meg az URL-t + címet + képet, majd másolja az ajánlott készletet.

Megjegyzések és tippek

Mi az az OGP?

Az OGP (Open Graph Protocol) lehetővé teszi, hogy a közösségi platformok beolvassák az oldal címét, leírását és képét.

Az og:title/og:description/og:image beállításával szabályozhatja a megosztott linkek megjelenését.

A Twitter kártyák (X) hasonló metaadatokat használnak, és visszanyúlhatnak az OG tagekhez.

Képméret útmutató (az előnézet stabilizálásához)

Meta (Facebook) útmutató

• Minimum 200×200.
• A jobb megjelenítéshez 1200×630 vagy nagyobb; legalább 600×315 ajánlott. (Facebook Developers)
• Az 1.91:1-hez közeli arány segít elkerülni a levágást (közelítőleges, nem szigorú).
• Fájlméret: 8MB vagy kevesebb.

X (Twitter) kártya útmutató

• A summary_large_image a 2:1 arányt támogatja; min. 300×157, max. 4096×4096. (X Developer)
• 5MB alatti fájlméret és gyakori formátumok (JPG/PNG/WEBP/GIF) ajánlottak.

Ha a változások nem látszanak (cache és újra-lekérés)

• A platformok crawlerei gyorsítótárazzák az OG adatokat. Használja a platformok debugger eszközeit az újra-lekéréshez. (Facebook Developers)
• Ha kicserélte a képet, de nem frissül, maga a kép URL-je is cache-elve lehet; módosítsa a fájlnevet vagy adjon hozzá egy lekérdezési karakterláncot.
• Az og:image:width/height hozzáadása javíthatja a megjelenítés stabilitását. (Facebook Developers)

Validációs eszközök

Meta Sharing Debugger

OG tagek újra-lekérése és vizsgálata.

LinkedIn Post Inspector

A LinkedIn gyorsítótárazott előnézetének frissítése.

X Card Validator

Twitter kártya megjelenítésének ellenőrzése.

GYIK

Twitter Card tageket is vegyek fel?

Igen. A twitter:card és a kapcsolódó tagek együtt generálhatók. Az X képes visszanyúlni az OG tagekhez, így a minimális beállítások is működnek. (X Developer)

Ajánlott képméret?

Útmutatóként a Meta 1200×630 vagy nagyobb méretet (min. 600×315) és 1.91:1-hez közeli arányt javasol. Az X summary_large_image aránya és minimumai eltérőek. Válasszon a célplatform szerint.

Az előnézet nem frissül

Leggyakrabban a gyorsítótár az oka. Kérje le újra a debugger eszközökkel, és ha módosította a képet, használjon új kép URL-t.