[網頁開發/SEO] 測試你的網址在LINE/FB分享出去型態預覽
在做SEO、網站優化或是社群分享優化都一定會注意到的就是,當網站被分享到社群上,預計的樣態會長怎樣,FB & LINE抓的圖片對不對等等,這些在自己的電腦是測試不出來的,因為這些圖片是LINE & Facebook的程式自動抓取的,因此最正確的作法就是直接到LINE & 臉書提供的測試工具直接測試你的網址 & 預覽分享出去的樣子。
LINE測試工具:https://poker.line.naver.jp/
Facebook測試工具:https://developers.facebook.com/tools/debug/?locale=zh_TW
實測本站
兩個站的使用方式都很簡單,在Input URL的地方貼上你要測試分享的網址,按下Submit即可。
LINE測試工具去測試本站後,可以發現LINE抓取到哪些資訊呈現給使用者。這些資訊就是你在LINE裡面貼上這個連結的時候,LINE的server給對方看的預覽資料。

Facebook的部份也是一樣在框框內輸入網址後,按下偵錯送出即可進行測試。

這邊可以看到測試出來的結果資料以及FB分享預覽圖,眼尖的讀者可能發現了,本站被FB跟Line程式抓到的資訊(主要是圖片)不同!為什麼會這樣?
基本上,主要是我在首頁沒有去指定社群用的SEO meta tag og img (og 圖片)的部份,所以兩家廠商的程式就自己去找我首頁有哪張圖,就去抓了,那兩家廠商程式寫法的不同導致抓到的圖各有不同。所以遇到這種問題,就去指定og img就可以解決了。

針對OG IMG 或是 OG相關其他meta tag標籤,可以參照下面這兩個網站: