如何使用 Facebook Debugger 工具解決分享貼文預覽圖錯誤問題?

發表日期:
2020.06.28
/
分類:
Dev
如果你有在經營網站,那一定有在 Facebook 分享貼文時預覽圖 or 連結說明不是你所預期的狀況,這個問題通常是 OG 標籤錯誤所造成。在現在帶有連結的貼文觸擊率大砍

如果你有在經營網站,那一定有在 Facebook 分享貼文時預覽圖 or 連結說明不是你所預期的狀況,這個問題通常是 OG 標籤錯誤所造成。在現在帶有連結的貼文觸擊率大砍的版本中,貼文一少了預覽圖,基本上就不太會有人點進去了…

那要怎麼解決這個錯誤呢?Facebook 其實有一系列給予開發者使用的偵錯工具,其中之一的「分享偵錯工具」就能在這時候派上用場。別聽到開發者就急著跳轉啊嘿,他的操作方式非常簡單,不花你十秒鐘的。

更新文章頁面資訊

當 Facebook 抓不到正確的連結圖片時,你應該要先檢視該網頁的 OG 標籤是否無誤。以 WordPress 來說好了,在寫文章時有沒有設置合適大小的「精選圖片」,就是一個需要注意的地方。

喔對了,圖片的檔名不要出現中文字,這也會影響到臉書抓取的結果。

執行分享偵錯工具

修正好頁面資訊後,開啟 Facebook 分享偵錯工具,貼上你的文章網址並按下「偵錯」。這時它會先顯示臉書爬蟲上一次抓取這個網址時的內容,這時直接按下中間的「再次抓取」,讓它立即更新資料。

更新貼文附件內容

然而更新資訊後系統並不會同步更新到貼文當中,請進入你的粉絲專頁的「發布工具」,選擇需修正的貼文後,按下選單內的「重新整理分享的附件」,預覽圖就會更新了。

更新成功後會立即生效:


這個方法同樣適用於修改文章標題、說明與其他 OG 資訊的狀況,是個非常實用的工具,建議將 Facebook Debugger 新增至瀏覽器書籤。

comments powered by Disqus