[WordPress] 分享到Line或Facebook所顯示的圖片與簡介,和設定不一樣

之前遇到Wordpress分享文章到Line或Facebook時,發現顯示的圖片與簡介,和設定不一樣,這篇文章將介紹相關的資訊。

簡介

將文章的網址分享到社群媒體時(例如 Line或Facebook),會自動偵測並顯示網址的縮圖和簡介等資訊,這和Open Graph(OG)的設定有關,這是由 Facebook 提出的設定,官方翻譯為「開放式圖表標記」,目標是讓網頁在社群媒體呈現時,能有較豐富的內容展示,如縮圖、標題、描述等,細節請參考FB官方介紹

上述設定會寫在head的meta標籤裡,範例如下:

<head>
...
<meta property="og:type"  content="article" />
<meta property="og:title" content="分享的文章標題" />
<meta property="og:description"   content="分享文章的內容簡述" />
<meta property="og:image" content="https://abc.com.tw/images/2021/06/post-thumbnail-image.jpg">
...

在WordPress預設提供精選圖片與文章摘要可設定,另有plugin來加強這部分的設定(例如: All in One SEO、Yoast SEO)。

問題

WordPress的文章已設定好精選圖片與文章摘要,甚至也安裝了 All in One SEO 的plugin,調整好相關設定,但Line和Facebook的分享資訊與設定不同。

處理方法

  • 網址設定調整含有代稱

到⌜後台>設定>永久連結設定⌟,選擇自訂結構,輸入【/%category%/%post_id%/】(網址為https://abc.com.tw/文章類別/文章id);或是選擇文章名稱。

  • 自訂較短的代稱

如果是自建WP網站(到tw.wordpress.org下載檔案後建立的網站),且網址設定成文章名稱,當文章的代稱過長(如果沒有自訂代稱,系統會自動帶入文章標題),資訊顯示仍然會與設定不同。所以當建立文章時,要自訂較短的代稱;或是直接設定上述的自訂結構(文章類別/文章id)

  • 更新社群媒體的cache

如果有修改過精選圖或文章摘要等設定,社群媒體不會馬上更新,可以透過下述線上工具更新cache。

線上分享偵錯工具

Line:https://poker.line.naver.jp/

Facebook:https://developers.facebook.com/tools/debug/

對「[WordPress] 分享到Line或Facebook所顯示的圖片與簡介,和設定不一樣」的一則回應

Add yours

發表留言

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

在WordPress.com寫網誌.

向上 ↑