Címke: HTML

Facebook (Állapot vagy Link megosztása) szöveg és megjelenő kép beállítása

Elterjedt a Facebook őrület, mindenki mindent meg akar osztani legyen az állapot, weboldal, vagy bármi más.

Weblapkészítők meg törik a fejüket, mi alapján jelenik meg ilyenkor a Facebook üzenőfalon a megosztott hivatkozáshoz tartozó kép cím, hogyan tudjuk mi mint web-fejlesztők befolyásolni ezt?

Nagyon egyszerűen, egy új névteret kell hozzáadnunk a html dokumentumainkhoz a <html> tagben. Ez nem más mint a “opengraphprotocol”, tehát a <html> tag-ben a következő névtereket kell definiálnunk:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2010/fbml" xmlns:og="http://opengraphprotocol.org/schema/">

Miután megadtuk a megfelelő névtereket a <head></head> szekcióban meg kell adnunk pár meta adatot:

<meta property="og:title" content="Oldal Címe"/>
<meta property="og:site_name" content="Oldal neve"/>
<meta property="og:image" content="http://www.yourdomain.com/img/pic1.jpg"/>

Ezeket, természetesen dinamikus weboldalaknál generálhatjuk is, de ezen meta leírók segítségével állítható be, hogy milyen információk és kép jelenjen meg weboldalunkról, a Facebookon és más egyéb közösségi site-okon.