Hogyan jelenítsd meg a webhely előnézeti bélyegképét a Facebook megosztáson

Amikor valaki megoszt egy hivatkozást az Ön webhelyének egyik oldalára az idővonalán, a Facebook automatikusan lekér egy képet a hivatkozott oldalról, és megjeleníti az oldal neve és URL-je mellett. Sajnos előfordulhat, hogy a letöltött kép nem kapcsolódik az oldal tartalmához, vagy akár teljesen hiányzik a megosztott hivatkozásból. Annak biztosítása, hogy a Facebook a lehető legjobb képet jelenítse meg, amikor valaki megosztja az oldalát – és ezért növelje ezt link átkattintási aránya -- adjon hozzá néhány sor kódot az oldal HTML-kódjához, hogy rákényszerítse a Facebookot, hogy lekérjen egy adott kép.

Open Graph Markup hozzáadása

Nyissa meg a grafikont A Facebook által kifejlesztett protokoll, amely többek között lehetővé teszi a webfejlesztők számára, hogy jelölőcímkéket adjanak oldalaikhoz, hogy testreszabhassák a Facebook webhelyeikre mutató hivatkozások megjelenítési módját.

A nap videója

Adjon Open Graph címkéket egy oldalhoz a HTML-forráskódjának szerkesztésével:

1. lépés

Nyissa meg a HTML-fájlt egy szövegszerkesztőben, például a Jegyzettömbben, vagy egy dedikált HTML-szerkesztőben. Vigye a kurzort a záró címke elé, közel a fájl tetejéhez, és nyomja meg a gombot

Belép új vonal létrehozásához.

HTML-fájl a Jegyzettömbben, üres sorral a fejrészben.

Kép jóváírása: A kép a Microsoft jóvoltából

2. lépés

Írja be a következő metacímkét:

Cserélje ki http://www.example.com/thumb.jpg annak a képnek a tényleges linkjével, amelyet a Facebooknak megjeleníteni szeretne, amikor egy felhasználó megosztja az Ön webhelyére mutató hivatkozást.

Tipp

  • Míg a Facebook a 200 x 200 pixel méretű miniatűröket is elfogadja, a ajánlott méret 1200 pixel széles és 630 pixel magas.
  • A linkre kattintó felhasználók százalékos arányának növelése érdekében – ez az úgynevezett átkattintási arány -- fontolja meg a hozzáadását cselekvésre való felhívás a képhez, mint pl Kattints ide vagy Tudjon meg többet.
HTML-fájl az Open Graph metatulajdonság képcímkéjével karikázva.

Kép jóváírása: A kép a Microsoft jóvoltából

3. lépés

Mentse el a fájlt, és töltse fel webtárhelyére.

A miniatűrön kívül fontolja meg az Open Graph jelölőcímkék használatát, például testreszab megosztott link címe vagy leírása.

HTML fájl Open Graph címmel és leírással.

Kép jóváírása: A kép a Microsoft jóvoltából