穿著閃亮鞋蹦跳向前.: 如何將你的網頁/站整合入Social Graph中

Wednesday, June 23, 2010

如何將你的網頁/站整合入Social Graph中

說在前面:
1.文件都是英文的, 要改成中文用自己的話講好困難啊XD
2.Facebook已經將"become fans"換成like, 但為了說明方便我還是使用了粉絲這個詞.

[什麼是Open Graph Protocol]
Open Graph Protocol是用來幫助你將網站變成Social Graph成員的工具,
它提供了一個規範讓網站能更具體更精確的描述自己在現實生活中所代表的東西.

[為什麼要將你的網站變成Graph Object]
每個在Social Graph的成員都是一個Object,
一旦你的網站變成了Object其他的成員就可以輕易的跟你建立關係.
像是使用者可以like你的網站,
你也可以了解like你的使用者們有什麼特性等等.

[如何將你的網站變成Graph Object]
為了將你的網頁變成Graph Object, 你需要利用Open Graph protocol的"meta"標籤.
Open Graph protocol了以下幾種property來幫助你描述網站的特性.

=必要欄位=
1. og:title - object的標題

2. og:type - object的類型 (完整類型請參考:這裡)

*其中website/blog這兩個類型是用於整個網站, 所以他們應該只會出現在網站的domain, 如果是單篇文章的話要使用article這個類型
*標題跟類型一旦設定之後就不能隨意更動, 在修改之後原有的like名單會被移除, 為了避免讓粉絲感到奇怪, 集滿10個like之後就不能改了, 另外,在修改後需要10-15分鐘才會生效

3. og:image - 用來代表這個object的圖片, 至少需要50px*50px, 長寬比不能超過1:3

4. og:url - 網址, 會被用來當做這個object的ID

5. og:site_name - 易讀性高的網站名稱

6. fb:admins/fb:app_id - 網站管理者的Facebook ID

*為了在Facebook管理你的網站, 你必須要將網站和你的Facebook產生關聯, 之後你就可以向粉絲發布訊息或是在Facebook上查看網站的相關統計資訊, 網站可以有多個管理人, 每個管理人的帳號需用逗號分隔, 此外, 排在最前面的管理人不能被移除, 也不能其更改順序.

=建議欄位=

1. og:description - object的描述

下圖是測試網站的html:
需註明og跟fb這兩個namespace,