連結分享中的圖像

開放式圖表中繼標籤

og:image 標籤可用於指定當有用戶在 Facebook 分享有關內容時,系統所顯示的圖像之網址。您可以在此處找到圖像屬性的完整清單。

必要條件

  • 圖像尺寸下限為 200 x 200 像素。
  • 圖像檔案的大小不得超過 8 MB。
  • 請使用尺寸最少為 1200 x 630 像素的圖像,以便在高解像度裝置中達到最佳畫質。您應該使用尺寸最少為 600 x 315 像素的圖像,以便展示含有較大圖像的連結專頁帖子。
  • 如果圖像尺寸小於 600 x 315 像素,雖然您仍可在連結專頁帖子中顯示此圖像,但其顯示尺寸將會更小。
  • 我們亦重新設計了連結專頁帖子,以使圖像的長闊比例在桌面版和流動版動態消息中保持一致。請儘量保持您的圖像接近 1.91:1 的長闊比例,以便在動態消息中顯示未經任何裁剪的完整圖像。
  • 我們的網絡爬蟲只接受 gzipdeflate 編碼,因此請確保您的伺服器使用正確的編碼。

預先快取圖像

首次分享內容時,Facebook 網絡爬蟲將抓取並快取所分享的網址之元數據。網絡爬蟲必須最少看過一次圖像,才能夠顯示該圖像。這代表第一個分享內容片段的用戶將看不到顯示的圖像:

我們可以使用三種方法來避免這種情況,讓圖像在首次獲得讚好或分享時顯示:

  1. 分享偵錯工具預先快取圖像:透過網址偵錯工具運行網址來預先快取圖像,以預先擷取網頁的元數據。此方法也可用於更新某段內容的圖像。

  2. 使用 Graph API 預先快取圖像:使用 Graph API 以程式輔助的方式強制抓取網址,以預先擷取網頁的元數據。此方法也可用於更新某段內容的圖像。

  3. 使用 og:image:widthog:image:height 開放式圖表標籤:運用這些標籤可為網絡爬蟲指定圖像尺寸,以便其立即呈現圖像,而無需透過非同步方式下載和處理。

更新圖像

我們會根據每個圖像的網址快取所有引用的圖像,因此如果您想替換圖像:

  • 為新圖像使用新網址,否則系統將不會更新圖像
  • 請勿移除舊圖像,因為可能存在引用舊圖像的動態
  • 按照上一節的指引操作,確保我們的網絡爬蟲已下載新圖像。

請注意:更新網址圖像不會自動更新舊分享內容的預覽圖像。為此,您必須按照此處所述的指引來重新整理分享內容。

解決疑難

如果您遇到任何有關無法就網址正確顯示圖像的問題,請嘗試在分享偵錯工具中插入圖像網址,檢查是否出現任何錯誤。如果您認為是我們這邊的問題,請向我們回報錯誤