Nyissa meg a grafikont



Facebook logó

Nyissa meg a grafikont egy olyan technológia, amelyet a Facebook vezetett be először 2010 amely lehetővé teszi a Facebook, felhasználói adatai és egy weboldal integrációját. Az Open Graph metacímkék oldalának tartalmába integrálásával meghatározhatja, hogy az oldal mely elemeit szeretné megjeleníteni, ha valaki megosztja az oldalát.



Például az og: image címke segítségével megadhatja, hogy a Facebook milyen képet használjon az oldal megosztása során. Az Open Graph információk megadásával a Facebooknak nem kell kitalálnia, hogy milyen információkat használjon az oldal megosztása során.

Példa az Open Graph metacímkékre

Az alábbiakban bemutatunk egy példát arra, hogy az Open Graph metacímkék hogyan jelennek meg ezen az oldalon, hogy jobban megértsék, hogyan lehet használni őket. Ha ismeri a HTML-t metacímkék , azonnal észreveszi, hogy az egyetlen tényleges különbség a metacímkék és az Open Graph címkék között a rendelkezésre álló tulajdonságattribútumok.



 

Hogyan adjunk hozzá Open Graph metacímkéket

A többi metacímkéhez hasonlóan az Open Graph címkéknek is a fej HTML-oldal. Ha maga változtatja meg a HTML-kódot, ezeket a címkéket bármelyikkel fel lehet venni HTML szerkesztő . Ha olyan CMS-t használ, mint a WordPress, megváltoztathatja a sablont, vagy használhat egy plugint, például a Yoast a címkék kezeléséhez.

Az Open Graph metacímkék áttekintése

Az alábbiakban felsoroljuk az Open Graph legfontosabb metatag tulajdonságait, amelyek rövid leírással használhatók. Megpróbáltuk ezeket fontossági szintenként felsorolni. Emellett meg kell jegyezni, hogy ezekre a címkékre nincs szükség, de segítenek az oldalának megfelelő azonosításában.



és: cím

Az oldal címe.

és: kép

Az oldal megosztása során használni kívánt kép. Az og: image tulajdonság használata akkor hasznos, ha az oldal több képpel rendelkezik, és egy adott képet akar használni.

jegyzet

A Facebook nem használ 300px szélességnél és 200px magasságnál kisebb képet.

és: leírás

Az oldal leírása.

és: típus

Az Ön által leírt objektum vagy oldal típusa. Néhány felhasználható típus a cikk, a music.album, a video.movie és a weboldal.

és: url

Az objektum vagy az oldal kanonikus URL-je.

és: locale

Az információk helye. Alapértelmezés szerint a területi beállítás en_US, és erre nincs szükség, kivéve, ha az nem angol vagy az Egyesült Államokon kívül található.

Hogyan tesztelhetjük webhelye Open Graph integrációját

A Facebook egy Open Graph hibakeresőt kínál, amely lehetővé teszi, hogy bárki tesztelhesse az oldalát, és megnézhesse, hogyan néz ki, amikor megosztja a Facebookon. Ennek az eszköznek a használata segít ellenőrizni, hogy az Open Graph észlelhető-e, és nincsenek-e olyan hibák, amelyekről esetleg nem is tudna az oldalon.