你是不是還在懊惱為何貼文總是一張空白圖呢？
千萬不要再罵 WordPress 難用了，那是我們自己蠢沒有設定好啊！
來！來！來！ … 貝果桑跟你分享怎麼解決，因為我也蠢過 XD …

• 什麼叫 Open Graph
  引用 The Open Graph protocol 的解釋

The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

白話一點來說，就是用來編輯網頁的中介資料 (MetaData)，以提供應用程式或網站抓取其相關說明
下列為幾個比較常見容易理解的項目，譬如：

所以，當 og:image 沒有設定為正確的顯示圖片，就會出現預設白框的底圖囉 …

• 怎麼解決呢？看這裡！看這裡！看這裡！

由於貝果桑是安裝 All in One SEO 外掛，所以提供此外掛的設定方法！！！

# 檢查你是否安裝 All in One SEO 外掛的子功能套件 «Social Meta»，如果還沒安裝就照下圖進行勾選 Activate 即可

# 再來請根據您的網站進行設定有關 MetaData 的設定，主要得針對兩個部份進行設定，分別為 Home Page Settings 與 Image Settings

• Home Page Settings

重點就是主頁的 Home Image 要設定正確，因為它決定部落格的首頁縮圖啊 …

• Image Settings

然後，在 Image Settings 的設定中可以指定 Select OG 跟 Default OG 兩項參數

先來說明何謂 Default OG？顧名思義就是指文章未指定圖片時，將依預設圖片的 URL 填入 og:image


另一個設定的重點是 Select OG，因為它可以自訂相當多種 Image Source 型態，譬如：
Featured Image、First Attached Image、First Image in Content，並沒有特別說哪一種設定比較好，純粹看你的需求與想法

# 最後，就是利用 Facebook 提供的 分享偵錯工具 進行測試驗證
請將欲測試的部落格網址輸入並按下偵錯，便可得到分享偵錯工具的分析結果囉！

下圖為貝果桑主頁的分析結果，檢視重點為 MetaData 的部份，請確認 og:image 顯示的 URL 是否為你所設定的圖片

 備註：
假使文章中有寫錯的地方，再煩請指正以便修改，謝謝各位 … (貝果桑是新手架站，請鞭小力一點 XD)

快到 「貝果桑的粉絲頁」 (點以下連結)，和我一起聊聊天吧！！ : )