如何在臉書分享時展示網站圖片 - 部落格

如何在臉書分享時展示網站圖片

臉書是個功能強大的社交分享媒體，通常在臉書上分享網站文章，臉書會自
動抓取網站的相關摘要和圖片，使得網站分享在臉書上很好看。我習慣將自
己部落格文章分享到自己臉書上，以前都蠻順利出現摘要和圖片，自從我在
Wordpress安裝「All in One SEO」之後遇到麻煩，在此分享我的經驗：

圖片參考：

http://www.b88104069.com/archives/1240

一、安裝「All in One SEO」之後，每次分享文章，圖片都是一個沒有表情
的大頭人，醜斃了。

二、仔細檢視網址原始碼，發現是og：image在作怪，圖片網址在「All in
One SEO」外掛目錄下。

三、原來是「All in One SEO」預設了分享圖片，於是我在後台把圖片刪了
，更改分享圖片設置。

四、更改完雖然沒有大頭人了，但還是有問題。好不容易寫好一篇圖文並茂
的文章，想分享到自己臉書，沒想到在臉書貼上網址，真的就只有網址而已
。

五、明明我的網站有圖片也有文字，「All in One SEO」也更改好摘要和圖
片的設定，臉書卻抓不到。

六、正常臉書是會自動抓取網址資料，但可能由於瀏覽獸緩存等種種原因，
抓取無效，這時候必須把這個無效訊息回饋給臉書，回饋機制的臉書網址如
下：https://developers.facebook.com/tools/debug/。

七、輸入自己文章網址，按下「Debug」之後，臉書開發者網頁會出現紅色的
驚嘆號警示，表示沒有資料被抓取，所以要手動讓臉書再重新抓取，按下「
Fetch new scrape information」。

八、OK！出現了我在「All in One SEO」設定的文章圖片及摘要。

九、再次在臉書上貼上網址，終於出現了圖文並茂的分享，這就是我要的。

--

大江南北，美食佳餚：

http://ppt.cc/VJ5p


--