之前遇到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。