連結分享中的圖像

開放社交關係圖中繼標籤

og:image 標籤可用於指定圖像網址,適用於有人將內容分享至 Facebook 時所出現的圖像。如需圖像屬性的完整清單,請參閱這裡

必備條件

  • 可接受的圖像尺寸下限是 200 x 200 像素。
  • 圖像檔案大小不可超過 8 MB。
  • 請使用至少 1200 x 630 像素的圖像,在高解析度裝置時才能呈現最佳顯示效果。至少應使用 600 x 315 像素的圖像,才能顯示圖像較大的連結粉絲專頁貼文。
  • 若圖像小於 600 x 315 像素,仍然會顯示在連結粉絲專頁貼文中,但會小很多。
  • 我們也已經重新設計了連結粉絲專頁貼文,讓桌上型電腦和行動裝置上的動態消息一律顯示相同的圖像長寬比。請嘗試將圖像長寬比盡可能保持為 1.91:1,以便在動態顯示未經裁切的完整圖像。
  • 我們的網路爬蟲只接受 gzipdeflate 編碼,因此,請確認伺服器使用的編碼方式正確無誤。

快取前的圖像

第一次分享內容時,Facebook 網路爬蟲會自分享的網址抓取並快取中繼資料。網路爬蟲至少要看過圖像一次,才能轉譯該圖像。也就是說,第一個分享內容的人並不會看見網路爬蟲轉譯的圖像:

有三種方式能夠避免這種情形,並在第一次出現按讚或分享操作時轉譯圖像:

  1. 使用分享偵錯工具預先快取圖像 透過網址偵錯工具執行網址,預先擷取粉絲專頁的中繼資料。這種方式也能用於更新內容片段的圖像。

  2. 使用圖形 API 預先擷取圖像:使用圖形 API,以程式語言強制抓取網址,預先擷取粉絲專頁的中繼資料。這種方式也能用於更新內容片段的圖像。

  3. 使用 og:image:widthog:image:height開放社交關係圖:使用這些標籤會指定網路爬蟲需要的圖像尺寸,讓網路爬蟲能夠立即轉譯圖像,不需等待非同步下載再處理圖像。

更新圖像

我們會根據每一張圖像的網址快取所有參照圖像,因此,若您替換了某張圖像:

  • 請使用圖像的新網址,否則不會更新圖像
  • 請勿移除舊圖像,有些即時動態可能仍會參照舊圖像
  • 請按照上方章節的操作說明,確認我們的網路爬蟲已經下載了新圖像。

請注意,更新網址圖像並不會自動更新舊分享內容的預覽。若要更新預覽,您必須按照這裡的說明重新整理分享內容。

疑難排解

若發生任何問題,無法正確顯示網址的圖像,請嘗試將圖像網址插入分享偵錯工具中尋找錯誤。若您認為是我們這一端發生了問題,可以向我們通報故障