Az Open Graph Meta tag-ek segítségével azt határozhatod meg, hogy a weblapod különböző tartalmai hogyan jelenjenek meg a közösségi oldalakon.
Bár az Open Graph protokollt a Facebook fejlesztette ki, a meta elemeit a Twitter, a Linkedin is felismeri.
Ha szeretnéd elkerülni, hogy egy véletlenszerűen kiválasztott, nem a tartalomhoz illő kép, vagy egy rossz leírás jelenjen meg a közösségi oldalakon, ha valaki megoszt egy hivatkozást a weblapodról, a legfontosabb Open Graph adatokat mindenképp érdemes megadnod.
Ezek a következők:
og: title: Az oldalon található tartalom címe. Az elem vastagon szedve jelenik majd meg a Facebook hírfolyamában.
Bár az Open Graph protokoll nem határozza meg pontosan, hogy mennyire hosszú legyen ez az elem, ha biztos akarsz lenni abban, hogy a teljes cím megjelenik, használj 100 karakternél rövidebb címeket, és ha lehetséges, maradj 60 és 90 karakter között.
A bejegyzések címe mellett ne tüntesd fel a céged, vagy a honlapod nevét, az utóbbi enélkül is megjelenik majd a hírfolyamban a cím és a leírás alatt.
Természetesen a cikkeidnek ebben a formában is érdemes minél figyelem felkeltőbb és érdekesebb címet adni.
Arra azonban figyelj, hogy bizonyos kattintás-vadász megoldásokat már büntet a Facebook algoritmusa, és ha félrevezető, vagy túlzó címet adsz egy bejegyzésednek, az hátrányosan érintheti a teljesítményét a közösségi oldalon.
Ha biztosra akarsz menni, próbálj olyan címet választani, amiből az is kiderül, hogy miről szól egy adott írás (és NEM FOGOD ELHINNI, hogy mi történik ezután...).
og: description: Az adott oldal tartalmának a rövid bemutatása. Ennek az elemnek az ideális hossza 200 karakter körül van.
Ha egy cikkhez, vagy blogbejegyzéshez készítesz leírást, próbáld összefoglalni a lényeget, és kedvet csinálni a továbbolvasáshoz. A címnél leírtak erre is vonatkoznak, tehát a kattintás-vadász megoldásokat itt is érdemes elkerülni.
A Facebook mobil alkalmazásában a leírásoknak legfeljebb egy kis része jelenik majd meg.
og: image: Itt adhatod meg annak a képnek a url-jét, amit az oldaladra mutató hivatkozás mellett szeretnél látni a hírfolyamban.
A Facebook viszonylag gyakran változtatja meg a hírfolyamában használt képméreteket.
A közösségi oldal jelenleg azt ajánlja, hogy legalább 1200 x 630 pixel méretű képeket tölts fel, ha azt szeretnéd, hogy az illusztrációk a nagyfelbontású képernyőkön is jól jelenjenek meg. A képek mérete maximum 8 MB lehet, de ennél azért érdemesebb kisebb méretű képeket használni a weboldaladon.
Bár a nem hirdetéshez használt képekre bármennyi szöveget írhatsz, nem szerencsés, ha ezt az elemet is szöveggel töltöd ki. A megfelelő cím és leírás mellett pedig erre nincs is szükség.
og:url Az adott oldal webes címe, azaz az URL-je. Ezt mindenképpen add meg, ha egy adott oldal több url-en is elérhető, vagy url rövidítőket használsz a cím megosztásához.
A cím rögzítésekor az URL paraméterek és session ID-k nélküli változatát használd. Ha kitöltöd ezt az elemet, a Facebook abban az esetben is össze tudja majd kötni az egy aloldalhoz kapcsolódó megosztásokat és kedveléseket, ha ugyanazt a tartalmat különböző url-eken osztották meg a látogatóid.
...
Az Open Graph elemeket a felsoroltak mellett számos más, a bejegyzéseiddel kapcsolatos információ megadására is felhasználhatod.
A segítségükkel meghatározhatod például, hogy milyen típusú tartalom található egy adott oldalon, vagy, hogy léteznek-e az adott cikknek más nyelvi variációi.
Az összes felhasználható jelölés listáját megtalálhatod ezen az oldalon.
Bár ezeket az elemeket a Twitter is felismeri, a közösségi oldal egy saját jelölőrendszerrel is rendelkezik, amiről itt találhatsz további információkat.
Az Open Graph meta tag-eket a weblapod forráskódjának a <head>részében kell elhelyezni. Itt pontos leírást találhatsz a beépítés módjáról.
Számos olyan plugin is elérhető, ami megkönnyíti ezeknek az elemeknek a rögzítését. Ha Wordpress alapú weblapod van, akkor például a Yoast SEO -t, vagy a Facebook saját plugin-jét is használhatod erre a célra.
Ha nincsenek beállítva Open Graph tag-ek az oldaladon, a Facebook a meta tilte és descrption elemeket fogja felhasználni, és véletlenszerűen kiválaszt majd egy képet a weblapodról a bejegyzések illusztrálásához.
Az Article Suggestion a title, description és az image elemeket használja fel a cikkajánlók elkészítéséhez, ha az RSS feed segítségével rögzíted azokat az URL-eket, amiket ajánlani szeretnél.
Amennyiben az og: title meta elem nincsen megadva, az adott tartalom alapértelmezésként letiltva kerül az ajánlható tartalmak listájára, így nem is lesz megjelenítve az olvasóknak.
Az alkalmazásunkon belül az automatikusan készített cikkajánlók bármelyik elemét megváltoztathatod. Az image meta elemben megadott hivatkozásokat pedig a selectorok használatával is felülírhatod.