Facebook 台灣每日活躍用戶突破 1000 萬人,透過手機等行動裝置上臉書每日活躍用戶也有 710 萬人。臉書已經與我們的日常生活緊密連結。日常生活中,我們常會與朋友在FB分享其他網站上的資訊,但是您有沒有發現當您「貼上網址」時,FB就會抓取該網址的資訊,包含標題、圖片、描述…等。這個抓取資訊的規則,FB規範了一套網頁協定:「Open Graph protocol」。

simular-open-graph-check-tool

舉例來說,我們現在要在fb分享IMDB電影庫中的「鳥人」這部電影( http://www.imdb.com/title/tt2562232/ ),將此網址複製後 ,貼上FB。則FB會自動抓到它的標題、圖片、描述、來源網址等資訊。這樣使得我們能夠容易、順利地將IMDB的網頁在FB轉貼流傳。

imdb-open-gragh-sample

但是,有些製作不佳的網站,當我們貼上網址時,無法正確地抓到正確的標題、圖片、要旨…等。這是什麼原因呢?原來網頁原始碼是否符合FB規範的「open graph」協定,是FB能否精準抓到正確資訊的關鍵。這也是我們要建置網站時考量的重要因素之一。

總之,若網頁內含符合FB規範的「open graph」編碼,當網友在FB貼上網址時,就能正確顯示網頁訊息要旨,方便在FB社群傳播,這就是open graph的功用!

如何得知您的網站是否符合「Open Graph protocol」?夏木樂提供了「Facebook Open Graph 與 SEO 檢測器 (Debugger)」,這個工具可以協助您檢查網頁的原始碼,幫您診斷網站是否合乎FB規範 , 並做出改進建議。只要簡單的3步驟:

1、連結到Facebook Open Graph 與 SEO 檢測器 (Debugger)

2、貼上您的網址(任一頁)

3、查看結果分析

現在已經進入網路行銷的時代,網頁設計必需符合大神的要求(google、yahoo、FB),做到SEO(搜尋引擎最佳化)、open graph協定等。所以在網頁設計時,必需將Open Graph tag的描述語言寫在HTML中,成為一種專供FB識別的Meta Data,讓Facebook可以更精準了解網頁內容,也容易使網頁內容在社群媒體中轉貼、傳佈。

希望您使用這套工具檢查看看,您的網站是否 open graph 了呢?