wordpress外掛介紹─輕鬆設定Facebook Open Graph(上)

017 月

wordpress外掛介紹─輕鬆設定Facebook Open Graph(上)

大家在加完Facebook Like 按鈕後,是否有類似的問題:
按讚後,決定在塗鴉牆上出現文章圖片的邏輯是什麼?

尤其是當你使用用一些較為豐富、多樣化的模板時,前台頁面顯示的圖片會依據文章列表頁、文章內容頁而以php解析出不同的尺寸類似以下的圖片路徑:
http://demo.duotive.org/duotive-three/wp-content/themes/duotive-three/includes/timthumb.php?src=http://demo.duotive.com/duotive-three/wp-content/uploads/2011/04/800x600_485.jpg&h=230&w=465&zc=1&q=100

你的塗鴉牆上的文章與圖片可能出現對不上的混亂狀態,例如:A文章出現C文章的圖,或是網站使用的icon變成顯示圖。

輕鬆設定Facebook Open Graph

而這個問題的產生與Facebook選擇顯示圖片的優先順序有關,通常會以Open Graph meta的為主,再來是隨機選取在此文章中有出現的圖片,但不包含CSS圖片,或是上述提到以php解析出的圖片。

所謂的Open Graph meta,在頁面的原始檔你可以看到類似的內容:

<meta property="og:title" content="wordpress外掛介紹─Restrict Categories" />

<meta property="og:description" content="當你的wordpress的型態屬於多個作者的共筆網站,且身為管理者的你希望每個作者都乖乖的發佈某一分類的文章,這個『Restrict Categories』可以有效的幫助你進行作者與分類的對應管理。" />

<meta property="og:type" content="website" />

<meta property="og:url" content="https://www.doubleservice.com/2011/06/wp-plugin-restrict-categories/" />

<meta property="og:site_name" content="DoubleService" />

<meta property="og:image" content="https://www.doubleservice.com/wp-content/uploads/2011/07/ds-like.jpg" />

在有設定Open Graph meta的情況下,依上述內容在Facebook顯示的樣式&內容

輕鬆設定Facebook Open Graph

所以為了讓Wordpress的文章可以更準確的顯示在塗鴉牆上,以下將介紹兩個外掛,來達成我們的需求。

‧Me Likey – A Facebook Open Graph Plugin
‧Facebook Opengraph Meta Plugin

詳細外掛介紹請見:wordpress外掛介紹─輕鬆設定Facebook Open Graph(下)

Posted by admin  Posted on 01 7 月 
  • Facebook, Open Graph, wordpress, 外掛, 讚
  • Post Comments 0