SEO Aktív

Open Graph generátor

og: meta tagek generálása élő Facebook/LinkedIn kártya-előnézettel. og:title, og:image, og:description – másolható kód.

Szervermentes Azonnali Privát Ingyenes

Miről szól ez az eszköz?

Az Open Graph generátor összeállítja azokat a meta tageket, amelyek meghatározzák, hogyan néz ki az oldalad, amikor megosztják a Facebookon, a LinkedInen vagy más közösségi platformon. Add meg a címet, a leírást, az oldal URL-jét és a megosztási képet, az eszköz pedig azonnal mutatja az élő kártya-előnézetet, és legenerálja a beilleszthető og: tageket. Így nem véletlenszerű szövegrészlet és rossz kép jelenik meg, hanem pontosan az, amit szeretnél. Minden a böngésződben fut, feltöltés nélkül.

Hogyan használd a(z) Open Graph generátor-t?

  1. Cím és leírás

    Töltsd ki az og:title és og:description mezőt – ezek jelennek meg a megosztási kártyán.

  2. URL és kép

    Add meg az oldal og:url címét és az og:image megosztási kép teljes URL-jét.

  3. Típus és előnézet

    Válaszd ki az og:type típust, és ellenőrizd az élő Facebook/LinkedIn kártya-előnézetet.

  4. Másolás

    A generált og: tageket egy kattintással a vágólapra másolod, és beilleszted a <head> szakaszba.

Mikor van rá szükséged?

  • Blog és cikk

    Cikkek megosztásakor a helyes cím, leírás és kiemelt kép jelentősen növeli az átkattintást.

  • Termékoldal

    Webshopban a termék neve, ára-üzenete és képe vonzó megosztási kártyát ad a közösségi médiában.

  • Landing page

    Kampányoldalaknál a gondosan megírt OG-kártya közvetlenül hat a hirdetés és a megosztás teljesítményére.

  • Link-előnézet

    WhatsAppon, Slacken, Discordon beillesztett linkeknél is az OG-tagek adják a szép előnézetet.

A leggyakoribb Open Graph tagek

Tag Szerepe
og:title A megosztási kártya címe (bold)
og:description Rövid leírás a cím alatt
og:image A kártya képe (1200×630 px ajánlott)
og:url Az oldal hivatalos URL-je
og:type A tartalom típusa (website, article…)
og:site_name A webhely neve

Miért fontos az Open Graph?

Amikor valaki megoszt egy linket a közösségi médiában, a platform nem az oldal teljes tartalmát mutatja, hanem egy kártyát: egy képet, egy címet és egy rövid leírást. Ha nincsenek Open Graph tagek, a platform találomra választ egy képet és szövegrészletet az oldalról – ez gyakran csúnya, félrevezető vagy üres eredményt ad. Az OG-tagekkel te szabod meg pontosan, mit lásson a felhasználó.

Ez közvetlenül befolyásolja az átkattintási arányt. Egy vonzó cím és egy jó minőségű, releváns kép sokszorosára növelheti a megosztott linkre érkező kattintások számát a semmitmondó vagy hiányos előnézethez képest. A közösségi forgalomból élő oldalaknál ez az egyik legjobb megtérülésű technikai finomítás.

Az Open Graph protokollt a Facebook vezette be, de mára gyakorlatilag szabvánnyá vált: a LinkedIn, a WhatsApp, a Slack, a Discord, a Telegram és sok más alkalmazás is ezeket a tageket olvassa a link-előnézethez. Egyetlen jól megírt OG-blokk tehát minden platformon javítja a megjelenést.

Hasznos tippek

  • Mindig 1200×630 px képet használj – ez tölti ki a nagy kártyát, és éles marad retina kijelzőn is.

  • Az og:image mindig abszolút, nyilvánosan elérhető URL legyen, ne relatív útvonal.

  • Kép- vagy szövegcsere után futtasd le a Facebook Sharing Debuggert, hogy frissüljön a cache.

  • Add meg mind a négy alapot (title, description, url, image) – ezek nélkül hiányos lesz a kártya.

Gyakori kérdések