網站分享到 Facebook 圖片消失？分享失敗背後的 OG 設定陷阱

你是否也遇過這樣的窘境？網站文章辛辛苦苦完成，分享到 Facebook 卻發現圖片完全沒有出現，只剩下一個文字連結。對企業來說，這不只是小小的技術問題，而是直接影響點擊率與品牌曝光的致命傷。因為在社群平台上，圖片就是吸引眼球的第一道門票，少了圖片，貼文很可能被用戶直接滑過，錯失與潛在客戶互動的機會。

內容目錄

問題根源：OG 設定與網址不一致

大多數人看到 Facebook 貼文沒有圖片，第一反應是「是不是網站壞掉了？」其實，多數情況並不是伺服器或圖片檔案本身有問題，而是出在 Open Graph（OG）設定。
當你在 HTML 中使用 <meta property="og:image" content="..."> 標籤指定圖片時，如果這張圖片的網址（URL）與實際網站的網域或協定（HTTP / HTTPS）不一致，Facebook 抓取資料時就會判定不安全或無法存取，最後導致圖片顯示失敗。

常見錯誤案例：協定不符與跨網域圖片

在實務上，Facebook 分享圖片消失，最常見的錯誤有以下幾種：

📌 常見圖片無法顯示的原因

・HTTP / HTTPS 協定不一致：
網站本身已經使用 HTTPS，但 og:image 卻填了 HTTP 的圖片網址，導致 Facebook 視為不安全而拒絕載入。
・圖片放在不同網域：
網站網址是 https://www.example.com，卻使用 https://cdn.otherdomain.com/image.jpg
・權限或防盜鏈限制：
圖片被存放在需要登入、或有限制外部引用的資料夾，即使網址正確，Facebook 也會因權限問題而顯示失敗。

如何正確設定 OG Image

要避免 Facebook 分享圖片消失，最根本的辦法就是 確保 OG 設定的圖片網址與網站本身保持一致，並且符合安全規範。以下是幾個重點做法：

✅ 設定 og:image 的最佳做法

・使用完整網址（Absolute URL）：
永遠使用包含 https:// 的完整網址，而不是相對路徑，例如：
<meta property="og:image" content="https://www.example.com/images/share-banner.jpg">
・確保網域與協定一致：
如果網站本身是 https://www.example.com，那麼圖片網址也必須是同一個網域、同一個 HTTPS。
・建議放在同一主網域：
將分享用的圖片放在網站主網域（例如 /images/ 資料夾），避免使用其他 CDN 或陌生網域，降低抓取失敗的風險。
・檢查圖片大小與格式：
Facebook 建議至少 1200 × 630 px，檔案格式建議 JPG 或 PNG，並確保檔案可以公開存取。