Facebook Link Preview szerkesztése: Útmutató | Kontentino

Gondolkoztál már azon, miért néznek ki néha furcsán a Facebookon megosztott linkjeid? Vagy hogyan lehetne úgy szerkeszteni a Facebook link preview-kat, hogy a linkjeid esztétikus posztként jelenjenek meg? Lehet, hogy már nem olyan egyszerű, mint régen, de még mindig abszolút megoldható. 

Több módszer is létezik a módosításra, mi pedig végigvezetünk rajtuk. Ebben a blogposztban elmagyarázzuk, mi az a Facebook link preview, hogyan szerkesztheted őket, és hogyan végezheted el a Facebook domain verification folyamatát.

Mi az a Facebook link preview?

A Facebook link preview alapvetően az a forma, ahogyan a linked megjelenik a Facebookon a közzététel után. Egy egyszerű szöveges sor helyett címet, leírást és képet látsz. Volt idő, amikor bárki szabadon szerkeszthette ezeket az előnézeteket, de a Facebook ezt 2017-ben korlátozta, hogy megakadályozza a funkcióval való visszaéléseket.

A Facebook link preview szerkesztésére több lehetőség is van. Az egyik az open graph metaadatok módosítása, de a Kontentino segítségével is megteheted a Facebook domain verification után. Szerkesztheted a címet, a leírást, vagy hozzáadhatsz egyedi képet is. Ha ellenőrizni szeretnéd, hogy a Facebook felismerte-e a frissítéseket, használd a Facebook Sharing Debugger eszközt. 

Facebook link preview szerkesztése open graph meta tagekkel

A Facebook link preview problémák gyökere a metaadatokban rejlik. A metaadatok mondják meg a Facebooknak, hogyan jelenítse meg a linkjeidet. Ha megváltoztatod a social media metaadatokat alkotó információkat, a Facebook mást fog látni. 

Az Open Graph (OG) tagek azok a részei az oldaladnak, amelyek az unalmas linkeket képpel, címmel és leírással ellátott előnézetté alakítják. Ez gyakorlatilagi az oldalad rövid előzetese. Amikor először osztasz meg egy linket a Facebookon, a Facebook robotjai (crawlers) átnézik az oldalt, és lehívják a metaadatokat a Facebook Link Preview összeállításához.

A Facebook link preview megjelenéséért felelős legfontosabb meta tagek: og:title, og:image, og:url és og:description. Az og:title megadásával beállíthatod az objektum (pl. egy blogposzt) címét. A Facebook ezt nyeri ki és jeleníti meg posztcímként. Az og:image meghatározza a kiemelt képet. Hozzáadhatsz og:image:width és og:image:height tageket is a pontosabb megjelenítésért. Az og:url tartalmazza az objektum pontos URL-jét, az og:description pedig a link előnézetében megjelenő leírást szabályozza.

Létezik azonban egy ennél sokkal egyszerűbb módszer is a linkek szerkesztésére a Facebookon.

Facebook link preview szerkesztése a Kontentino segítségével

A Kontentino lehetővé teszi, hogy szinte mindent testreszabj a link preview szerkesztésekor. Az egyetlen dolog, amire szükséged van, hogy a domain tulajdonjogát verifikáld a Facebookon.

Új poszt létrehozásakor csak illeszd be a linkedet, és máris elkezdheted az előnézet szerkesztését!

Szerkeszd a címet és a leírást. A Kontentino lehetővé teszi egyedi kép hozzáadását is – válassz egyet a Media Library-ből, vagy tölts fel egy újat a számítógépedről.

Mentsd el a posztot, és nézd meg a live post preview-t, hogy pontosan lásd, hogyan fog megjelenni a tartalom a közzététel után.

A Facebook Sharing Debugger használata

Tegyük fel, hogy megosztasz egy linket a Facebookon, és nem akarsz sokat bajlódni az előnézettel. Elégedett lennél azzal, ahogy a CMS-edben (pl. WordPress) beállítottad. 

De a közzététel után a link máshogy néz ki, mint vártad. A kép, amit órákkal korábban beállítottál, nem jelenik meg. 

Mi történt? 

A Facebooknak frissítenie kell a link adatait. Sok esetben az adatok akár 30 napig is változatlanok maradhatnak a gyorsítótárban. 

A hiba kijavításához és a helyes adatok megjelenítéséhez használd a Facebook Sharing Debugger eszközt. Miután megváltoztattad például a kiemelt képet, futtasd át a linket a Debuggerben (scrape), hogy a Facebook felismerje a legfrissebb módosításokat.

Facebook domain verification útmutató

A fake news elleni küzdelem részeként, illetve hogy a felhasználók nagyobb kontrollt kapjanak a tartalmaik felett, mindenki számára szükséges a domain verifikálása, amennyiben szerkeszteni kívánják a link preview-t.

A Facebook domain verification nem különösebben bonyolult, de van néhány lépés, amit követned kell.

Hogyan verifikálhatom a domainemet a Facebookon?

A domaint a Meta Business Suite-ban tudod verifikálni.

1. A Meta Business Suite-ban menj a „Settings” (Beállítások) menüpontba.

2. Most kattints a „Business settings” (Vállalkozás beállításai) lehetőségre.

3. A Business settings-ben válaszd a „Brand safety and suitability” menüt, majd azon belül a „Domains” opciót.

3. Kattints az „Add” (Hozzáadás) gombra, és írd be a domainedet (pelda.hu). A Facebook azt javasolja, hogy ne használj http vagy https előtagot, és ne verifikálj aldomaineket vagy aloldalakat. Kattints az „Add” gombra.

4. Most három lehetőséged van a domain igazolására. Mindegyiken végigvezetünk.

Hogyan frissíthetem a TXT rekordot a DNS-ben?

• Lépj be a domain regisztrátorodhoz, és keresd meg a DNS rekordok (DNS records) szekciót. 
• Kövesd az utasításokat a TXT rekord hozzáadásához a DNS konfigurációban.
• Másold be ide a Facebook által megadott TXT rekordot.

• Érdemes egy DNS TXT kereső eszközt használni a frissítés megerősítéséhez. Például ezt: https://mxtoolbox.com/txtlookup.aspx
• Az utolsó lépés a „Verify domain” gombra kattintás a Facebook Business Managerben.

Hogyan tölthetek fel HTML fájlt a root directory-ba?

• A domain igazolásának másik módja a Facebook Business Managerben egy HTML fájl feltöltése a root directory-ba. 
• Ehhez admin hozzáférésre van szükséged a gyökérkönyvtárhoz (root directory). 
• Töltsd le az egyedi HTML verifikációs fájlt, amit a Facebook biztosít ebben a lépésben.

• Töltsd fel a domained gyökérkönyvtárába (http://pelda.hu). 
• A feltöltés akkor sikeres, ha látod a verifikációs kódot a weboldaladon (a Facebook által a 3. lépésben megadott link megnyitása után).
• Kattints a „Verify domain” gombra.

Hogyan adhatok meta-taget a HTML forráskódhoz?

• Ehhez másold be a Facebook által biztosított meta-tag kódot a weboldalad kezdőlapjának HTML kódjában a <head>…<head> szekcióba.

• A beillesztés után publikáld az oldalt. Ügyelj rá, hogy pontosan a <head> részbe kerüljön a kód. 
• Ellenőrizd, hogy a meta-tag látható-e a weboldalad forráskódjában.
• Kattints a „Verify domain” gombra.

És ennyi az egész!

Ne feledd, elegendő a három típusú Facebook domain verification közül csak az egyiket elvégezni. 

Most, hogy a domained verifikálva van, hozzáadhatsz oldalakat a domainhez az „Add assets” gombra kattintva a Business Managerben.

Most már profi módon szerkesztheted a Facebook link preview-kat

Bár a beállítás elsőre bonyolultnak tűnhet, megéri, hiszen így sokkal nagyobb kontrollt kapsz a tartalmaid felett. Reméljük, ez a bejegyzés segített tisztázni a Facebook link preview szerkesztésének folyamatát. Válaszd azt a megoldást, amelyik a legjobban illik a munkafolyamatodba!