Mik azok az Open Graph (OG) Meta Címkék? Social Megosztások és Vizuális CTR
Az Open Graph meta címkék irányítják, hogyan jelenik meg a weboldalad a Facebookon, LinkedInen és Messengeren. Kész og:title, og:image kódok és képméretek.
Miért rontja a közösségi forgalmadat és a márkád tekintélyét a hiányzó Open Graph kép?
Amikor egy elégedett ügyfél vagy te magad megosztasz egy aloldalt a Facebookon, LinkedInen, Twitteren (X) vagy átküldöd egy chat üzenetben (Messenger, Viber, WhatsApp, Teams, Slack), a közösségi platformok robotjai megpróbálják beolvasni a linkhez tartozó előnézeti kártyát. Ha a weboldalad forráskódjában nincsenek definiálva az Open Graph (OG) protokoll meta címkéi, a Facebook véletlenszerűen egy apró logót, egy torz bannerképet vagy egy üres szürke dobozt jelenít meg. Egy professzionális, 1200×630 pixeles egyedi előnézeti kép ezzel szemben azonnal kattintásra ösztönöz és bizalmat sugároz.
- Professzionális, elegáns megjelenést biztosít minden egyes megosztáskor az összes népszerű platformon.
- Közvetlenül irányíthatod a megosztáskor látható címet (`og:title`), leírást (`og:description`) és a kiemelt képet (`og:image`).
- Drasztikusan növeli a közösségi média hivatkozásokból származó közvetlen látogatói forgalmat (Social Referral Traffic).
- Segíti az üzenetküldő alkalmazásokban való azonnali, látványos előnézet megjelenítését.
A kötelező és ajánlott Open Graph címkék a HTML kódban
A címkéket a weboldal `<head>` blokkjában kell elhelyezni. A legfontosabb direktívák:
- og:title — A megosztáskor megjelenő vastag cím (nem kötelező egyeznie a SEO Title-lel, lehet még figyelemfelkeltőbb).
- og:description — 1-2 mondatos kedvcsináló összefoglaló a tartalomról.
- og:image — A megosztáskor megjelenő nagy kép abszolút URL-je (https://-szel kezdődően).
- og:url — Az oldal kanonikus, pontos címe.
- og:type — A tartalom típusa (pl. `website` a céges oldalakhoz, `article` a blogcikkekhez).
A tökéletes OG kép mérete és hibakeresése
A közösségi hálózatok szigorú képarányt várnak el a teljes szélességű előnézethez:
- Ideális felbontás: Pontosan 1200 × 630 képpont (1.91:1 képarány).
- Fájlméret: Maximum 2 MB (lehetőleg éles JPG vagy WebP formátum).
- Hibakeresés és gyorsítótár ürítés: Ha módosítod a képet, a Facebook még napokig a régit mutathatja. Használd a hivatalos 'Facebook Sharing Debugger' eszközt az újbóli lekéréshez (Scrape Again gomb)!
Nem vagy biztos benne, hogyan állítsd be a weboldaladon?
Minden weboldal és tartalomkezelő (WordPress, Webflow, Shopify vagy egyedi fejlesztés) más technikai felépítéssel működik. Ne pazarold az idődet a kockázatos kísérletezésre! Két debreceni egyetemistaként alaposan átvilágítjuk a teljes weboldaladat, feltárjuk az összes rejtett technikai, sebességi és SEO akadályt, és pontos, személyre szabott feladatlistát készítünk a javításhoz.