sobota 30. května 2015

Facebook Open Graph nastavení a použití

Získejte kontrolu nad zobrazením sdílených stránek na Facebooku

Open graph protokol patří mezi meta tagy a je potřeba jej vložit na stránce mezi <head></head> tagy, aby dobře fungoval.


V tomto článku nebudu vysvětlovat každou specifikaci Open Graphu, ale ukážu na příkladu tak, aby jste mohli tento postup okopírovat a s minimální náročností úspěšně aplikovali pro sebe. Kdo se bude chtít o Open Graph zajímat více, na konci článku uvádím zdroje na další dokumentace.

Definováním jednotlivých polí můžeme krásně ovlivnit způsob zobrazení webu (pokud jej někdo bude sdíle na své timeline Facebooku). Můžeme tedy zajistit, aby sdílený link našeho webu byl na Facebooku zobrazen se specifickým obrázkem, nebo popiskem a dalšími prvky, jak si přijeme.

Získáme tak naprostou kontrolu nad způsobem zobrazení našeho webu v příspěvku, když jej bude někdo sdílet na Facebooku.

Jak vypadá OG zápis ve zdrojovém kódu


<meta property="og:title" content="SEO test, který změří sílu tvého SEO zdarma! | Síla SEO" />
<meta property="og:description" content="Síla SEO je aplikace pro test SEO na webu. Zjistíte základní parametry a chyby, které na webu můžete opravit." />
<meta property="og:site_name" content="Síla SEO" />
<meta property="og:image" content="http://www.silaseo.cz/img/seo-test-webu.png" />

og:title

Slouží k přepisu hlavního nadpisu příspěvku na Facebooku.

og:description

Slouží k přepisu popisu příspěvku na Facebooku.

og:image

Slouží k vložení vlastního obrázku, který Facebook při sdílení odsud vyloví.

Výsledný vzhled na Facebooku

Pokud se nezobrazí nové údaje z OG protokolu na Facebooku hned, můžete vyzkoušet jejich debugovací TEST: https://developers.facebook.com/tools/debug/og/object/


Můžete se pokusit obnovit nové nastavení pomocí "Fetch new scrape information" a následně zobrazit jak vypadá aktuální stav "Show existing scrape information".

Proč OG protokol? Protože chceme zvýšit míru prokliku: Takto hezky může vypadat i Vás web při sdílení na Facebooku. Integrujte svůj OG protokol na web a při správném použití můžete docílit vyšší míry proklikovosti.

Zdroje:
http://ogp.me
https://developers.facebook.com/docs/sharing/best-practices

Video o Open Graph




4 komentáře:

  1. Díky za článek a hlavně za ten odkaz na fb test.

    OdpovědětVymazat
  2. JAVA HOTEL JAVA GOCAP (BANK OF CITY CASINO) 1822
    JAVA HOTEL JAVA 1xbet GOCAP (BANK 꽁 머니 OF Authentic jordan 7 retro CITY CASINO) replica air jordan 18 shoes On sale 1822-09. air jordan 21 retro clearance

    OdpovědětVymazat
  3. Besides the stellar real cash slots repertoire powered by over 10 providers, could also|you can even} get pleasure from all the traditional desk video games and a few reside blackjack and roulette 1xbet video games. This mythological recreation wins players' hearts time after time for good reasons. With 30 paylines, five reels, and infinite moments of enjoyable, you’ll get pleasure from every minute spinning free slots online with the traditional Gods. Features like The Hot Hot Super Respin make this traditional slot machine as real and thrilling as the original WMS recreation found in the world’s biggest casinos.

    OdpovědětVymazat