Search

◆ Welcome to Laird Studio! 歡迎蒞臨萊爾德工作室! ◎ C# 以及 Unity 基礎教學籌備中,敬請期待! ☏ 對網站有任何問題或建議,都非常歡迎使用留言板或至 Facebook 粉絲團發訊息,讓我們知道您的想法 (੭ु´ ᐜ `)੭ु

2018年5月30日 星期三

[ 疑難排解 ] [ 教學 ] 使用 Facebook Sharing Debugger 解決貼文時無法顯示連結標頭圖片的問題




有時在 Facebook 分享連結貼文,會發生標頭圖片出不來的問題。

如下圖,使用粉絲專頁身份張貼 Laird Studio 剛縮短網址後的文章連結,會呈現沒有圖片的連結 po 文, 觀感非常不佳。

現在 Facebook 不斷的降低粉絲專頁的觸及率,如果連最基本的使用者體驗(UX)都沒有,那像這種沒有圖片的貼文觸及人數用膝蓋想也知道,一定會比想像中的還要低很多,失去了社群可以為自己網站導流量的功用。





不過這並不難解決,標頭圖片沒出現只是 Facebook 抓取不夠完整,或是網站內容剛建立或更新,此時可以參考:

[ SEO ] [ Blogger ] SEO 優化技巧:新增 URL 至 Google 的索引(提交內容給 Google )


類似上面這篇文章提交給 Google 新增索引的方式,只需提交網站連結給 Facebook 的「除錯工具」,也就是 Facebook Sharing Debugger 官方除錯工具,就能輕鬆解決問題囉!

Facebook Sharing Debuggerhttps://developers.facebook.com/tools/debug/


使用方式非常簡單,只要將無法顯示標頭圖片的連結貼到偵錯工具中,然後按下 " 偵錯 "



往下滑, " 再次抓取 "



如此一來,就能正常顯示標頭圖片囉!!



Facebook 粉絲專頁或是個人動態消息 po 文也都會正常顯示該連結的標頭圖片!

下次如果遇到連結的標頭圖片無法顯示,就可以使用善用 Facebook Sharing Debugger 這項除錯工具,畢竟有圖片的連結會比較吸引使用者目光嘛XDD


不過分享時,也要確定一下網頁本身是否有張貼大尺寸的圖片當首圖,如果標頭圖片是固定使用其他圖片而非文章首圖,預設抓取到的可能就不會是你想要的那張。

這時可以嘗試使用 PicSee 皮克看見,自由選擇你要顯示的連結圖片,甚至可以上傳你電腦的圖檔,獲得短網址後,到臉書 po 文,就會呈現出你要的樣子!

不過拿到短網址後,大多還是要到 Facebook Sharing Debugger 抓取一下,才能正常顯示唷:P






使用 Facebook Sharing Debugger 解決貼文時無法顯示連結標頭圖片的教學就到這邊~

我們下次見~