Facebook 分享偵錯工具 – Facebook Debug 官方工具,幫你更新已分享貼文的內容資訊

今天要介紹的 Facebook 分享偵錯工具,就能幫助你檢查已發布過的貼文,取得上一次 Facebook 抓取該貼文的時間、以及相關屬性,並讓你能夠透過這項工具,讓 Facebook 再次抓取最新的內容。

Facebook 分享偵錯工具(Sharing Debugger)是 Meta 官方提供的免費工具,能讓你強制更新 Facebook 快取的分享預覽資料,解決標題、描述或縮圖顯示錯誤的問題。

每次有人在 Facebook 上分享你的網頁,Facebook 的爬蟲會抓取頁面上的 Open Graph(OG)標籤,產生標題、描述和縮圖的預覽卡片。問題是,Facebook 會把這些資料快取起來,不會每次分享都重新抓取。如果你後來修改了文章標題或更換了精選圖片,Facebook 可能還是顯示舊的預覽,直到你手動觸發更新。

這篇文章會告訴你 Facebook 分享偵錯工具怎麼用、常見的分享預覽錯誤怎麼排查,以及在 WordPress 中如何正確設定 OG 標籤,讓每次分享都能呈現你想要的內容。

Facebook Sharing Debugger 是什麼?

Facebook Sharing Debugger 是 Meta(原 Facebook)在開發者平台中提供的免費工具,主要功能有兩個:

  • 檢視快取狀態:查看 Facebook 目前抓取到的頁面 OG 標籤資訊,包括上次抓取時間、標題、描述、圖片和連結預覽
  • 強制重新抓取:按下「再次抓取」按鈕,讓 Facebook 爬蟲立即重新造訪你的頁面,更新快取中的分享預覽

工具網址:https://developers.facebook.com/tools/debug/

使用這個工具需要登入 Facebook 帳號。不需要申請開發者帳號,用個人帳號登入即可操作。

操作步驟:三步完成分享偵錯

  1. 貼上網址:在偵錯工具頁面的輸入框中,貼上你想查詢或更新的文章網址
  2. 按下「偵錯」按鈕:Facebook 會查詢該網址的快取記錄,顯示目前的 OG 標籤狀態
  3. 按「再次抓取」強制更新:如果資料是舊的,點擊頁面上的「再次抓取」(Scrape Again)按鈕,Facebook 會立即重新抓取最新內容
Facebook 分享偵錯工具 - 輸入查詢網址Pin
Facebook 分享偵錯工具 — 輸入查詢網址

偵錯結果會顯示幾個重要欄位:上次抓取時間(如果比你上次修改文章的時間還早,表示 Facebook 還在用舊資料)、類型(og:type 屬性值)、標題與描述(對應 og:title 和 og:description)、圖片(og:image 的縮圖預覽),以及連結預覽(模擬文章在 Facebook 動態消息中的實際顯示樣式)。

Facebook 分享偵錯工具 - 最新貼文抓取結果Pin
Facebook 分享偵錯工具 — 抓取結果顯示上次快取時間與頁面屬性
Facebook 分享偵錯工具 - 再次抓取更新最新文章資訊Pin
按下「再次抓取」後,分享預覽立即更新為最新內容

Open Graph 標籤基礎知識

OG 標籤是放在 HTML <head> 區段的 meta 標籤,告訴 Facebook(以及其他社群平台)你的網頁應該以什麼標題、描述和圖片呈現在分享預覽中。Open Graph 協議最早由 Facebook 在 2010 年提出,目前已經成為 LinkedIn、LINE 等主流平台共用的標準。

核心 OG 標籤清單

標籤屬性 用途 建議
og:title 分享預覽的標題 60 字元以內
og:description 分享預覽的描述文字 150-160 字元
og:image 分享縮圖網址 1200x630px,8MB 以內
og:url 頁面標準網址 使用 canonical URL
og:type 頁面類型 article、website 等
og:site_name 網站名稱 你的品牌名稱
og:locale 語言地區 繁體中文用 zh_TW

基本的 OG 標籤設定範例:

<meta property="og:title" content="你的文章標題" />
<meta property="og:description" content="文章簡短描述" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/article" />
<meta property="og:type" content="article" />

Twitter 的 Twitter Card 標籤與 OG 標籤高度重疊。如果你的頁面已經設定了完整的 OG 標籤,Twitter 大多能直接讀取,只有在需要 summary_large_image 等特殊排版時,才需要補上 twitter:card 標籤。

Batch Invalidator:批次偵錯工具

如果你管理大量文章,逐一偵錯太沒效率。Facebook 另外提供了 Batch Invalidator(批次失效工具),可以一次提交多個網址,同時觸發重新抓取。

適用場景

  • 網站遷移後需要讓 Facebook 重新認識所有頁面
  • 全站統一更換了 og:image 格式或尺寸
  • 批次修改了多篇文章的標題或描述
  • 從 HTTP 升級到 HTTPS 後需要清除舊快取
  • 網站改版後需要刷新所有分享預覽

進入 Batch Invalidator 頁面後,在文字區域一次貼上多個網址(一行一個),然後送出即可。官方建議每次不要超過 50 個網址,超過的話分批處理。Batch Invalidator 不會像單一偵錯工具那樣顯示詳細的抓取結果,主要功能就是觸發重新抓取。這跟你在 WordPress 快取外掛 層級做的快取清理不同,它直接作用在 Facebook 伺服器端。

你可以使用分享偵錯工具,瞭解網站內容分享在 Facebook、Messenger 和其他位置時所使用的資訊;批次失效工具讓你能同時針對多個網址,重新整理這些資訊;開放社交關係圖標記則能讓你控制網站內容的顯示方式。

Facebook for Developers 官方文件

常見 Facebook 分享錯誤與解決方法

錯誤 1:og:image 缺失或圖片未顯示

這是最常見的問題。可能原因有三個:圖片網址使用了相對路徑而非絕對路徑、圖片檔案太大超過 8MB、或者圖片尺寸低於 200×200 像素。確認 og:image 使用完整的 https:// 開頭的絕對網址,尺寸至少 1200×630 像素,檔案大小控制在 5MB 以內。如果圖片太大,可以用 Compressor.ioOptimizilla 這類免費圖片壓縮工具來縮小體積。

錯誤 2:圖片被裁切或比例不正確

圖片有顯示但被裁切得很奇怪,通常是因為寬高比不符合 Facebook 的標準比例 1.91:1。如果你的圖片是正方形的,Facebook 會自動從中間裁切一塊 1.91:1 的區域。建議製作縮圖時就採用 1200×630 或 1080×566 的比例。你可以用 FotorDesignCap線上設計工具快速裁切出正確比例。

錯誤 3:標題或描述顯示為舊資料

這是典型的快取問題。你已經更新了 og:title 和 og:description,但 Facebook 依然顯示舊內容。解決方法就是用 Sharing Debugger 貼上網址後按「再次抓取」。按一次沒更新就多按幾次,通常兩到三次就能強制更新成功。

錯誤 4:Facebook 顯示「無法找到網址」

這通常發生在網站有存取限制的情況。Facebook 爬蟲無法造訪你的頁面,可能是伺服器設定了 IP 封鎖、防火牆規則阻擋了外部爬蟲,或者網站需要登入才能瀏覽。如果你使用的是 SiteGroundBluehost虛擬主機服務,某些主機商預設的安全設定可能會把 Facebook 爬蟲當作惡意流量擋掉。檢查伺服器的存取日誌或防火牆設定,也可以用 Security Header Scanner 來排查問題。

錯誤 5:快取卡住無法更新

極少數情況下,按了「再次抓取」也沒用。這時可以嘗試:先在 og:url 後面加上查詢參數(例如 ?v=2),讓 Facebook 把它當作一個新頁面來抓取。確認抓取成功後,再把 og:url 改回原本的標準網址。這個技巧在處理伺服器端問題導致的快取異常時特別有效。如果網站使用了 Norton Safe Web 等安全服務,也要確認網站沒有被誤標為不安全,否則 Facebook 可能拒絕抓取。

在 WordPress 中正確設定 OG 標籤

大多數 WordPress SEO 外掛 都內建了自動生成 OG 標籤的功能,不需要手動寫 HTML。主流的選擇包括 Rank Math 和 Yoast SEO。

用 Rank Math 設定

Rank Math 安裝啟用後,進入「Titles & Meta」設定頁面,每種文章類型都有獨立的 OG 標籤設定選項。你可以用變數(如 %title%、%excerpt%、%featured_image%)動態生成 og:title、og:description 和 og:image。編輯單篇文章時,Rank Math 的側邊欄「Social」分頁可以讓你針對 Facebook 和 Twitter 分別自訂分享標題、描述和圖片。如果沒有特別設定,它會自動帶入文章標題和精選圖片。

精選圖片與 og:image 的關聯

WordPress 的精選圖片(Featured Image)跟 og:image 是兩回事:精選圖片控制文章在網站上的顯示,og:image 控制社群平台分享時的縮圖。不過大多數 SEO 外掛會自動把精選圖片設定為 og:image,所以實務上只要確保每篇文章都有設定精選圖片,OG 標籤就能正常運作。

避免重複 OG 標籤

如果你的WordPress 佈景主題本身內建了 OG 標籤輸出,同時又裝了 SEO 外掛來產生 OG 標籤,頁面的 HTML 就會出現兩組 og:title、og:description,讓 Facebook 爬蟲混淆。解決方法是在佈景主題或外掛其中一方關閉 OG 標籤功能,保留一個來源就好。搭配 網站健康度優化 的觀念,確保 WordPress 環境乾淨且高效能,OG 標籤的運作也會更穩定。如果你使用的是 BluehostSiteGroundKinsta 等 WordPress 主機服務,大多數都提供一鍵安裝 WordPress 的功能,SEO 外掛的設定也相對單純。

用程式自動更新 Facebook 快取

對於擁有大量文章的網站,手動逐一偵錯太沒效率。Facebook 的 Graph API 有一個端點可以強制重新抓取頁面,你只需要發送一個 POST 請求:

curl -X POST \
  -F "id=https://your-site.com/article-url" \
  -F "scrape=true" \
  "https://graph.facebook.com/"

API 回傳的 JSON 資料會包含更新後的 og:title、og:description 等資訊,可以藉此確認是否更新成功。

WordPress 自動化腳本範例

你可以把這個功能整合到 WordPress 的文章發佈流程中:

function auto_facebook_scrape($post_id) {
    if (wp_is_post_revision($post_id)) return;
    $url = get_permalink($post_id);
    wp_remote_post('https://graph.facebook.com/', array(
        'body' => array(
            'id' => $url,
            'scrape' => 'true'
        )
    ));
}
add_action('save_post', 'auto_facebook_scrape');

把這段程式碼加到佈景主題的 functions.php 或建立一個功能外掛即可。每次發佈或更新文章時,WordPress 會自動在背景通知 Facebook 重新抓取。要注意頻率限制,短時間內大量發送請求可能會讓 Facebook 暫時封鎖你的 IP,建議每次請求間隔至少 2-3 秒。如果需要更進階的自動化,可以用 Cloudflare Workers 建立中間層統一管理呼叫頻率。搭配 網站測速工具 監控效能,確保自動化腳本不會拖慢網站速度。

其他社群平台的偵錯工具比較

Facebook 不是唯一會抓取 OG 標籤的平台。以下是主流平台的偵錯工具差異:

平台 工具名稱 需要登入 支援批次 更新速度
Facebook Sharing Debugger 是(Batch Invalidator) 立即(手動觸發)
Twitter / X Card Validator 立即
LinkedIn Post Inspector 較快(常自動更新)
LINE 無官方工具 不適用 下次分享時自動更新

Twitter 的 Card Validator 功能與 Facebook Sharing Debugger 類似,可以預覽網頁在 Twitter 上的分享樣式。Twitter Card 分成 summary、summary_large_image、app 和 player 四種類型。如果你沒有特別設定 Twitter Card 標籤,Twitter 會嘗試從 OG 標籤讀取資訊。LinkedIn 的 Post Inspector 操作方式幾乎一樣,而且快取更新速度通常比 Facebook 快,有時候不需要手動觸發就能自動更新。

社群分享優化的進階技巧

OG 標籤與 SEO 的關聯

雖然 Google 官方表示 OG 標籤不是直接的排名因素,但良好的社群分享表現會間接影響 SEO。當文章在 Facebook 上被廣泛分享,帶來的流量和社交訊號會讓搜尋引擎注意到這篇內容的價值。而且 On-page SEO 的最佳化本來就包含了 Meta 標籤 的完善,OG 標籤就是其中一環。

A/B 測試分享預覽

你可以準備兩個不同版本的 og:title 和 og:image,分別在不同時間點分享到 Facebook,觀察哪個版本的點擊率較高。例如一個版本用直述型標題,另一個用問句型標題。你可以用 Lihi.io 這類台灣本土的短網址工具來設定分流和 A/B 測試,追蹤不同版本的點擊數據。

動態生成 og:image

靜態縮圖雖然好用,但如果有技術能力,可以在伺服器端用程式即時產生帶有文章標題和品牌色的圖片,讓每篇文章的分享預覽都是獨一無二的。如果沒有程式開發能力,可以使用 DesignEvoInstant Logo Design線上 Logo 設計工具快速製作統一風格的縮圖範本。如果你需要為網站建立統一的品牌視覺,Logaster 也能幫你快速產生專業的 Logo 設計。如果你的圖片格式特殊,可以使用 AnyWebP 等免費轉檔工具先轉換成相容格式。

適合誰使用?

  • WordPress 站長和部落客:每次更新文章標題或圖片後,用 Sharing Debugger 確認分享預覽正確。如果你經營的是部落格,養成更新後偵錯的習慣能省去很多麻煩。
  • 網站管理者和開發者:管理大量頁面時,用 Batch Invalidator 批次更新,或用 Graph API 腳本自動化處理。
  • 社群行銷人員:在分享文章到 Facebook 之前,先用偵錯工具確認預覽是否正確,避免發佈後才發現標題或圖片錯誤。

限制與注意事項

  • 必須登入 Facebook 帳號才能使用 Sharing Debugger 和 Batch Invalidator
  • Batch Invalidator 每次建議不超過 50 個網址
  • Graph API 的 scrape 端點並非官方正式文件中的公開 API,功能可能隨時調整
  • 短時間內大量發送抓取請求可能觸發 Facebook 的頻率限制
  • 如果你的網站使用了 SG Optimizer快取外掛,建議先清除網站本身的快取,再去做 Facebook 偵錯,否則 Facebook 爬蟲可能抓到的還是舊的頁面內容
  • Facebook 不會公開快取的有效期限,不自動觸發的情況下可能需要數天到數週才會重新抓取

下一步:3 個立即可以做的事

  1. 檢查你的文章分享預覽:挑一篇最近更新過的文章,到 Sharing Debugger 貼上網址,確認標題、描述和圖片是否正確。如果資料是舊的,按「再次抓取」更新。做完後你會看到最新的分享預覽畫面。
  2. 檢查 OG 標籤是否重複:用 Detailed SEO Extension 等瀏覽器擴充功能檢查你的頁面 HTML,看看是否同時存在兩組 og:title 或 og:description。如果有,關閉佈景主題或外掛其中一方的 OG 標籤輸出。預期結果是每個 OG 屬性只出現一次。
  3. 設定自動化偵錯流程:如果你使用 WordPress,把前面的自動化腳本加到 functions.php 中。每次發佈或更新文章時,WordPress 就會自動通知 Facebook 重新抓取,不需要手動操作。搭配 Site Kit by Google網站工具監控網站狀態,確保分享預覽持續正確。如果你想進一步了解如何提升網站整體成效,可以參考 網站載入速度 優化教學和 結構化資料測試工具 比較。善用 站內搜尋WP Rocket 等工具,也能讓 WordPress 網站 的整體表現更上一層樓。

Facebook 分享偵錯工具常見問題 FAQ

Facebook 多久會重新抓取網頁資料?

Facebook 沒有公開明確的快取有效期。如果不手動觸發,可能需要數天到數週才會自動重新抓取同一個頁面。這也是為什麼 Sharing Debugger 的「再次抓取」功能這麼重要。

為什麼按下「再次抓取」後圖片還是沒更新?

確認你的 og:image 網址是否已經指向新圖片。有時候圖片網址沒有更換,Facebook 會認為沒有變動。嘗試清除你的 CDN 快取 後再試一次。如果還是不行,暫時把 og:image 改成全新的網址,強制 Facebook 當作新圖片處理。

沒有 Facebook 帳號可以使用偵錯工具嗎?

不行。Sharing Debugger 和 Batch Invalidator 都需要登入 Facebook 帳號才能使用。這是 Facebook 為了防止濫用而設定的限制。

分享預覽錯誤會影響 SEO 排名嗎?

OG 標籤錯誤本身不會直接影響 Google 的搜尋排名,因為 Google 主要看的是傳統的 title 和 meta description 標籤。但分享預覽錯誤會導致社群分享的點擊率下降,間接減少網站的社群流量。長期來看,流量減少可能會對整體 SEO 表現產生負面影響。建議搭配 GiftofSpeed 定期檢測網站速度,確保網站在搜尋引擎和使用者兩端都有好表現。

WordPress 文章更新後需要手動偵錯嗎?

如果你有安裝 Rank Math 或 Yoast 等 SEO 外掛,有些會在文章更新時自動通知 Facebook 重新抓取,但這不是所有外掛的預設行為。如果你不確定自己的外掛是否有這個功能,最保險的做法是在重大內容更新(尤其是標題或圖片變更)後,手動去 Sharing Debugger 按一下「再次抓取」。你也可以用前面的自動化腳本方法,把這個動作整合到 WordPress 的發佈流程中。

網站名稱:分享偵錯工具 - Facebook for Developers
網站網址:https://developers.facebook.com/tools/debug/
Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 682

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


目錄
Share to...