WordPress分享文章縮圖設定,WordPress 分享文章縮圖出不來怎麼辦?

累計人氣:307

Line分享連結縮圖、FB 分享連結縮圖、WordPress 文章縮圖設定、SEO 外掛分享連結縮圖設定、分享文章縮圖出不來怎麼辦?連結縮圖除錯工具介紹。

注意事項

經過多次測試,要分享文章的縮圖,圖片必須以英文存檔,因為目前發現 Facebook 在分享文章時,如果文章縮圖有中文網址,Facebook 本身會讀取失敗,其他社交媒體如 Google or Line 則沒有這個狀況。
95FD3F4D 0F98 4A61 9E09 B744EC3AF703
分享文章縮圖出不來真的頭痛

C224B642 79B1 4860 A4F7 A45CDAC0B1DC
Facebook 抓到中文圖片檔,沒有處理好。

文章設定精選圖片

上傳完圖片之後,在編輯文章時,可以至側邊欄設定 精選圖片
09B1F0DD 4AA9 47EF BACB 838A9448335A scaled

SEO 外掛設定

通常如果您有安裝 SEO 外掛,則文章分享之後,要長什麼樣子通常會是由 SEO 外掛管理。

All in One SEO

基礎設定

至後台 All in One SEO >> Social Network >> Facebook 設定以下內容:

  1. 啟用Open Graph 標記
  2. 默認圖片來源:Feature Image (精選圖片)

設定完畢存檔。
0D710358 103A 4C73 9ECF 942487E2AB22 scaled

各別文章設定

基礎設定是整個網站預設分享文章時,會呈現的屬性,如果我們想針對個別文章有不同設定,可以到文章最下面進行更多設定。
外掛通常也會很貼心呈現分享的效果。
4C7C67A1 F585 4459 94FF 066CC68367C3 scaled
53C488AE D0C2 4790 861D F5D1877AB0A5 scaled

成功分享文章

5F8D34C6 9142 42B4 84B6 803C0BAB196D

故障排除

使用 Facebook debug 工具

分享除錯工具可讓你預覽內容分享到 Facebook 後的呈現方式,以及偵測開放式圖表標籤的任何問題。

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

這是Facebook 提供的分享除錯工具,只要輸入網址,按下重撈即可看到最新資料,在重撈的按鈕旁還會顯示這個快取最後更新是在什麼時候。
0D3021F0 A198 4D83 82D1 CA5D9BE9DF9E

更新 Facebook 分享附件

有時候我們已經分享的文章如果沒有縮圖,或我們設定完畢,在不刪除 Facebook 分享的情況下,可以使用分享附件功能。
不過要特別注意本功能目前僅限 Facebook 網頁版。
82DA982A 30ED 4DA0 9420 156A910A8F13 scaled

更新 Line 快取

LINE Page Poker 是 Line 推出類似 Facebook debug 工具。
也可以讓我測試分享的文章連結狀態。

file
file

確認 CDN 狀態

有時候我們可能會看到圖片的網址有點怪怪的,像這個案例,明明圖片放在 https://firstsun.heavenfortress.com 上面,可是圖片網址卻是 https://i0.wp.com 開頭,這個通常是使用了 JetPack CDN 造成。
18C84F1F 866E 40C9 A6F7 23BF7EA0D419

CDN的好處在於可以降低伺服器的負擔,提升速度,但如果在錯誤排除階段建議可以先關掉,避免 CDN 更新圖片延遲的問題。可以到後台的 JetPack 設定效能選項把加速的選項關閉。
F21B90F1 AEE1 401B A221 0D4DEC1486BA

之後清除網站整個快取。
4220173C 653B 4006 A773 011EC5E87B31

分享
藥藥
藥藥

一個兼具理性與感性的程式設計師,深耕於再生能源應用、研究網路通訊、資料中心建置。

喜愛追求心靈成長,也關注科學、電腦資訊領域的發展。

想在這個美好的空間與大家分享我對於生命的體悟、精油、畫畫、以及我在專業領域上解決了哪些問題。

如果您喜歡我的文章,歡迎在附上原始連結的情況下,轉載到其他地方。

聯絡我:[email protected]

文章: 20

2 則留言

我想說說話