你有沒有試過，把文章分享到 Facebook，顯示的圖片卻不是你想要的那張？或者明明已經換了封面圖，但分享出去的連結預覽還是舊圖，換來換去就是沒用？
這背後就是 Open Graph（OG） 在控制你的分享預覽，先搞懂它的原理，再回來調圖會更清楚為什麼要這樣設。
這個問題我自己以前也遇過，後來才搞清楚為什麼，Facebook 不是直接去你的網站抓圖，它是先去讀你網站的 og:image 標籤，而且它還會把抓到的圖快取起來，下次有人分享的時候直接用快取，不一定會重新去抓。
所以問題有兩個：一個是 og:image 有沒有設定正確，另一個是 Facebook 的快取有沒有清掉。
og:image 是什麼？
og:image 是一種 Open Graph 標籤，放在網頁的 <head> 裡，告訴社群平台「這個頁面要顯示哪張圖片」。Facebook、LINE、Twitter 分享連結的時候，都是讀這個標籤來決定預覽圖要顯示什麼。
如果你的網站沒有設定 og:image，Facebook 會自己從頁面上找一張圖，但它找到的不一定是你要的那張。
圖片尺寸要用多大？
Facebook 官方建議的 og:image 尺寸是 1200 x 630 像素，比例大約是 1.91:1。這個尺寸在分享連結的時候會完整顯示，不會被裁切。如果圖片太小，Facebook 有時候會跳過不顯示，或者顯示成很小一張。
另外要特別說一件事：如果你有在跟媒體合作，或是希望 Google 搜尋結果可以出現你的精選圖片，圖片寬度最小要達到 1200px。這不只是 Facebook 的要求，Google 精選摘要的圖片也有最小寬度限制，1200px 是最保險的尺寸。很多人會擔心這樣圖片檔案太大、網站變慢，其實你只要做好圖片優化，1200px 的圖壓過之後也是可以很輕巧的，速度不會受影響。
關於圖片優化，我之前有整理過幾個方法和外掛，你可以參考：網站圖片優化懶人包，從基礎概念到實作一次搞定；WordPress 圖片優化外掛哪一套最好用，如果你還不確定要裝哪一套，這篇有比較。
怎麼設定 og:image？
如果你的網站有裝 SEO 外掛，通常在外掛裡就可以設定。
我自己在用的是 SlimSEO，它在每篇文章的編輯頁下方有一個「社群媒體」的設定區塊，可以直接上傳或指定 Facebook 分享時要顯示的圖片。很多人以為這個設定是選填的、可以不管，其實如果你希望 Facebook 每次都抓到正確的圖，最好還是手動設定好。
如果你裝的是 Yoast SEO，在文章下方的 Yoast 設定區塊裡，切換到「社群」頁籤也可以設定 Facebook 預覽圖。如果你裝的是 SEO 外掛，在文章編輯頁右側的 Rank Math 設定裡，切換到「社群」頁籤，同樣可以指定 Facebook 的 og:image。
換了圖片，Facebook 卻還是顯示舊圖？
這是快取問題。Facebook 第一次抓到你的 og:image 之後，會把它存起來，下次有人分享的時候直接用快取，不會重新去網站抓。所以就算你已經換了圖片，Facebook 還是顯示舊圖。
要解決這個問題，要用 Facebook Sharing Debugger（臉書分享偵錯工具）來強制更新快取。做法是這樣：打開 Facebook Sharing Debugger，把你的文章網址貼進去，按「偵錯」，頁面下方會顯示 Facebook 現在抓到的資訊，包括 og:image 是哪張圖，然後按「再次抓取」讓 Facebook 重新去你的網站抓最新的資料。這樣做之後，之後有人分享這篇文章，Facebook 就會用新的圖片了。
不過要說一件事：有時候按了一次「修正」或「再次抓取」，它還是不會更改。這種情況你可以多按兩三次「修正」跟「再次抓取」，或者中間休息個 5 到 10 分鐘，再重新提交跟修正。因為這個工具本身就很容易發生錯誤，只能說這就是臉書日常。有時候多按幾次也沒用，過一陣子就會自動好了，因為這些都是臉書日常。
補充一點：如果你的文章分享到 LINE 時縮圖也出現問題，LINE 的預覽圖其實是跟著 Facebook 快取走的，Facebook 這邊修好之後，LINE 遲早也會同步過來。詳細的 LINE 縮圖原理可以參考 LINE Page Poker。其實聽了上面那麼多方法跟原因，你只要照著做，就可以搞定這些問題了。
分享連結的呈現方式會影響點擊率，部落客小聚曾分享如何讓文章和影片突破演算法獲得最高觸及，用真實數據告訴你社群最受歡迎的內容是什麼。
金城老師觀點
我以前也犯過這個問題很久，把封面圖換掉之後，看著 Facebook 分享還是舊圖，以為是網站有問題，找了半天才知道是快取沒清。後來養成習慣，每次換完圖片就馬上去跑一次 Sharing Debugger，這個問題就再也沒出現了。
另外我自己建議，og:image 不要偷懶直接用精選圖片就好，最好專門做一張 1200×630 的分享圖，構圖上留意文字不要放邊緣，避免不同裝置顯示時被裁切。這張圖不用很複雜，乾淨清楚、帶一點主題感就夠了。
延伸閱讀
- 個人專業形象：Facebook 封面設計
- 網站圖片優化懶人包
- WordPress 圖片優化外掛哪一套最好用
- Facebook、Instagram 上傳照片不模糊：格式、尺寸與手機設定完整攻略
參考資料
常見問題
Facebook 分享連結的圖片尺寸要多大？
Facebook 官方建議的 og:image 尺寸是 1200 x 630 像素，比例約 1.91:1。這個尺寸不會被裁切，也符合 Google 精選圖片的最小寬度要求。如果圖片太小，Facebook 有時候會跳過不顯示。
為什麼換了封面圖，Facebook 分享還是顯示舊圖？
這是 Facebook 快取問題。Facebook 第一次抓到 og:image 後會存快取，之後分享直接用快取不會重新去網站抓。要用 Facebook Sharing Debugger 強制清除快取，按「再次抓取」，Facebook 才會重新抓最新的圖片。
如何設定 Facebook 分享的預覽圖片？
透過 SEO 外掛設定 og:image 標籤即可。SlimSEO、Yoast SEO、Rank Math SEO 都有「社群媒體」設定區塊，可以在文章編輯頁直接上傳或指定 Facebook 分享時要顯示的圖片。