2017年8月27日 星期日

【教學】把連結貼到FB時總是無法正確顯示縮圖?快來讓FB重新抓取(FACEBOOK DEBUGGER) 讓網頁內容可以正確顯示!

FB偵錯工具


你是不是曾經在 Facebook 上轉貼網址時,發現 Facebook 沒有抓到正確的縮圖,甚至是不會顯示該網頁內文的圖片呢?這裡要教你一個非常非常簡單的方法,讓FB重新抓取(FACEBOOK DEBUGGER)網頁內容就可以正確顯示縮圖囉!

因為 Facebook 的使用率很高,粉絲專頁、社團甚至是我們的個人帳號,時常都會分享及轉貼網址,因此 Facebook 會將「已經被人在 Facebook 分享過的網址」建立快取以降低存取次數。

由於「快取」(Cache)的緣故,才會導致我們在轉貼網址至 Facebook 時發生縮圖不正確顯示的狀況,甚至是完全不顯示縮圖,例如下面兩張圖:

iPrivatesales 購物網站為例,當我在 Facebook 的建立貼文框內貼上下面這串網址
Facebook 應該要能夠正確抓到該網址的頁面相關資訊才對。



但有時候,你會遇到  Facebook 無法正確抓取的狀況。




這個問題呢~如果只是用「重新整理」、「重新複製連結網址貼上」的動作是無法順利解決的,因為這是快取資訊的問題。

那解決辦法也非常簡單容易,
先開啟 FACEBOOK DEBUGGER 偵錯工具的頁面
FACEBOOK DEBUGGER 偵錯工具網址: https://developers.facebook.com/tools/debug/



將需要重新抓取網頁內容的網址,複製並貼到 Facebook偵錯工具 的輸入網址欄位內,
再按下「偵錯」。



這時 Facebook 偵錯工具會顯示出「上次抓取此網址的時間和方式」,
並列出「連結預覽」,你可以看看是否有正確顯示縮圖和預覽文字,
如果還是沒有正確預覽,可以多按幾次「再次抓取」鈕, Facebook 就會重新偵測並且重新建立快取。



同時 Facebook 偵錯工具 也會列出該網址的相關 OG資訊。


確認縮圖預覽都沒有問題後,回到你的 Facebook (個人FB、社團、粉絲專頁都行),
再一次將該頁面的網址貼到「建立貼文」框內,
這時你會發現...Facebook 可以正常抓取到該網址的圖片縮圖了!

以 iPrivatesales 購物網站為例,因為這個網址是進入優惠特價的商品展示頁,
所以 Facebook 會抓取到該頁面排列順序最上面的幾個商品縮圖,並讓貼文可以有左右箭頭可以切換瀏覽縮圖。




如果你使用的網址是像新聞、部落格文章等等的頁面類別,
Facebook 會抓取網頁內容裡的第一張圖做為縮圖顯示,例如下圖:



解決 Facebook 無法正確抓取網頁內容與縮圖的方法,真的很簡單對吧~
下次再遇到無法正確顯示的狀況時,只要打開 FACEBOOK DEBUGGER 偵錯工具
將網址貼上後按下「偵錯」,就可以讓FACEBOOK DEBUGGER 偵錯工具 重新去抓取網頁快取囉!
快來試試吧~


附註:
如果是從未在 Facebook 被分享的網址,
當你將網址貼到 Facebook偵錯工具 欄位內時,它會顯示「此網址尚未分享在 Facebook」,
這代表對於這個網址,Facebook 並沒有任何的快取資料。


這時只要按下「擷取新資訊」,讓 Facebook偵錯工具 去偵測並且建立快取資料就可以了,
未來如果有其他人要在 Facebook 分享同一串網址時,Facebook 就會直接抓取到這次建立的快取資訊了。

若你們公司有新架設的網站,也建議你在網站架設完成後,
將公司網站的幾個比較重要的網頁貼到  Facebook偵錯工具 內建立快取資訊喔。
例如:關於公司、關於品牌、聯絡我們、公司服務項目之類的頁面。

0 意見: