Open Graph előnézet

Mi az Open Graph előnézeti eszköz?

Az Open Graph (OG) tagek HTML meta tagek, amelyek szabályozzák, hogyan jelenik meg a weboldal, amikor megosztják a Facebookon, Twitteren, LinkedInen és üzenetküldő alkalmazásokban. Az og:title, og:description, og:image és og:url tagek határozzák meg a megosztott előnézeti kártyán megjelenő címet, leírást, miniatűrképet és hivatkozást. Ez az eszköz lehetővé teszi, hogy közzététel előtt előnézetben megtekintse, hogyan fog kinézni az oldala.

Megfelelő OG tagek nélkül a közösségi platformok megpróbálják kitalálni a címet és a képet az oldal tartalmából, ami sokszor csúnya vagy félrevezető előnézetet eredményez. Egy jól megírt OG-előnézet drámaian növeli az átkattintási arányt – az optimalizált képekkel és leírásokkal ellátott bejegyzések 2–3-szor több interakciót kapnak, mint a nélküliek.

Alapvető Open Graph tagek

• og:title – az előnézeti kártyán megjelenő cím. Legyen 60 karakternél rövidebb.
• og:description – az oldaltartalom rövid összefoglalása. Legyen 155 karakternél rövidebb.
• og:image – az előnézeti miniatűrkép. Ajánlott méret: 1200×630 pixel az optimális megjelenítéshez minden platformon.
• og:url – az oldal kanonikus URL-je.
• og:type – a tartalom típusa (website, article, product stb.).

Az eszköz használata

Adjon meg egy URL-t, és az eszköz lekéri az oldalt, kinyeri az összes Open Graph és Twitter Card meta taget, és előnézetet renderel, megmutatva, hogyan fog megjelenni az oldal a Facebookon, Twitteren és a LinkedInen. A hiányzó vagy rosszul méretezett képek megjelölésre kerülnek. Arra is használhatja, hogy a tartalom közzétételek előtt tesztelje az OG tagjeit.

Twitter Cards vs. Open Graph

A Twitter saját meta tageket (twitter:card, twitter:title, twitter:description, twitter:image) használ, de ha Twitter-specifikus tagek hiányoznak, az OG tagekre esik vissza. A maximális kompatibilitáshoz adja meg mind az OG tageket, mind a Twitter Card tageket. A twitter:card tag (summary_large_image értékre állítva a nagy előnézethez) a legfontosabb Twitter-specifikus kiegészítés.

Gyakran ismételt kérdések

Miért nem frissül a megosztási előnézet az OG tagek módosítása után?

A közösségi platformok agresszívan gyorsítótárazzák az OG adatokat. A Facebook kb. 30 napig gyorsítótárazza. A frissítés kényszerítéséhez használja a Facebook Sharing Debuggerét (developers.facebook.com/tools/debug/), a Twitter Card Validátorát vagy a LinkedIn Post Inspectorát. Ezek az eszközök törölik a gyorsítótárat és friss OG tageket kérnek le az oldaláról.

Milyen képméretet használjak az OG-hoz?

Az ajánlott méret 1200×630 pixel (1,91:1 képarány) a legjobb megjelenítéshez minden platformon. Minimum 600×315 pixel. A Facebook, a Twitter és a LinkedIn mind jól jeleníti meg ezt az arányt. Használjon JPEG vagy PNG formátumot, tartsa a fájlméretet 5 MB alatt (ideálisan 300 KB alatt a gyors betöltés érdekében). Kerülje a sok szöveget tartalmazó képeket – egyes platformok eltérő módon vágják le.