Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124

今天要介紹的 Facebook 分享偵錯工具,就能幫助你檢查已發布過的貼文,取得上一次 Facebook 抓取該貼文的時間、以及相關屬性,並讓你能夠透過這項工具,讓 Facebook 再次抓取最新的內容。
Facebook 分享偵錯工具(Sharing Debugger)是 Meta 官方提供的免費工具,能讓你強制更新 Facebook 快取的分享預覽資料,解決標題、描述或縮圖顯示錯誤的問題。
每次有人在 Facebook 上分享你的網頁,Facebook 的爬蟲會抓取頁面上的 Open Graph(OG)標籤,產生標題、描述和縮圖的預覽卡片。問題是,Facebook 會把這些資料快取起來,不會每次分享都重新抓取。如果你後來修改了文章標題或更換了精選圖片,Facebook 可能還是顯示舊的預覽,直到你手動觸發更新。
這篇文章會告訴你 Facebook 分享偵錯工具怎麼用、常見的分享預覽錯誤怎麼排查,以及在 WordPress 中如何正確設定 OG 標籤,讓每次分享都能呈現你想要的內容。
目錄
Facebook Sharing Debugger 是 Meta(原 Facebook)在開發者平台中提供的免費工具,主要功能有兩個:
工具網址:https://developers.facebook.com/tools/debug/
使用這個工具需要登入 Facebook 帳號。不需要申請開發者帳號,用個人帳號登入即可操作。

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


OG 標籤是放在 HTML <head> 區段的 meta 標籤,告訴 Facebook(以及其他社群平台)你的網頁應該以什麼標題、描述和圖片呈現在分享預覽中。Open Graph 協議最早由 Facebook 在 2010 年提出,目前已經成為 LinkedIn、LINE 等主流平台共用的標準。
| 標籤屬性 | 用途 | 建議 |
|---|---|---|
| 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 標籤。
如果你管理大量文章,逐一偵錯太沒效率。Facebook 另外提供了 Batch Invalidator(批次失效工具),可以一次提交多個網址,同時觸發重新抓取。
進入 Batch Invalidator 頁面後,在文字區域一次貼上多個網址(一行一個),然後送出即可。官方建議每次不要超過 50 個網址,超過的話分批處理。Batch Invalidator 不會像單一偵錯工具那樣顯示詳細的抓取結果,主要功能就是觸發重新抓取。這跟你在 WordPress 快取外掛 層級做的快取清理不同,它直接作用在 Facebook 伺服器端。
你可以使用分享偵錯工具,瞭解網站內容分享在 Facebook、Messenger 和其他位置時所使用的資訊;批次失效工具讓你能同時針對多個網址,重新整理這些資訊;開放社交關係圖標記則能讓你控制網站內容的顯示方式。
這是最常見的問題。可能原因有三個:圖片網址使用了相對路徑而非絕對路徑、圖片檔案太大超過 8MB、或者圖片尺寸低於 200×200 像素。確認 og:image 使用完整的 https:// 開頭的絕對網址,尺寸至少 1200×630 像素,檔案大小控制在 5MB 以內。如果圖片太大,可以用 Compressor.io 或 Optimizilla 這類免費圖片壓縮工具來縮小體積。
圖片有顯示但被裁切得很奇怪,通常是因為寬高比不符合 Facebook 的標準比例 1.91:1。如果你的圖片是正方形的,Facebook 會自動從中間裁切一塊 1.91:1 的區域。建議製作縮圖時就採用 1200×630 或 1080×566 的比例。你可以用 Fotor 或 DesignCap 等線上設計工具快速裁切出正確比例。
這是典型的快取問題。你已經更新了 og:title 和 og:description,但 Facebook 依然顯示舊內容。解決方法就是用 Sharing Debugger 貼上網址後按「再次抓取」。按一次沒更新就多按幾次,通常兩到三次就能強制更新成功。
這通常發生在網站有存取限制的情況。Facebook 爬蟲無法造訪你的頁面,可能是伺服器設定了 IP 封鎖、防火牆規則阻擋了外部爬蟲,或者網站需要登入才能瀏覽。如果你使用的是 SiteGround、Bluehost 等虛擬主機服務,某些主機商預設的安全設定可能會把 Facebook 爬蟲當作惡意流量擋掉。檢查伺服器的存取日誌或防火牆設定,也可以用 Security Header Scanner 來排查問題。
極少數情況下,按了「再次抓取」也沒用。這時可以嘗試:先在 og:url 後面加上查詢參數(例如 ?v=2),讓 Facebook 把它當作一個新頁面來抓取。確認抓取成功後,再把 og:url 改回原本的標準網址。這個技巧在處理伺服器端問題導致的快取異常時特別有效。如果網站使用了 Norton Safe Web 等安全服務,也要確認網站沒有被誤標為不安全,否則 Facebook 可能拒絕抓取。
大多數 WordPress SEO 外掛 都內建了自動生成 OG 標籤的功能,不需要手動寫 HTML。主流的選擇包括 Rank Math 和 Yoast SEO。
Rank Math 安裝啟用後,進入「Titles & Meta」設定頁面,每種文章類型都有獨立的 OG 標籤設定選項。你可以用變數(如 %title%、%excerpt%、%featured_image%)動態生成 og:title、og:description 和 og:image。編輯單篇文章時,Rank Math 的側邊欄「Social」分頁可以讓你針對 Facebook 和 Twitter 分別自訂分享標題、描述和圖片。如果沒有特別設定,它會自動帶入文章標題和精選圖片。
WordPress 的精選圖片(Featured Image)跟 og:image 是兩回事:精選圖片控制文章在網站上的顯示,og:image 控制社群平台分享時的縮圖。不過大多數 SEO 外掛會自動把精選圖片設定為 og:image,所以實務上只要確保每篇文章都有設定精選圖片,OG 標籤就能正常運作。
如果你的WordPress 佈景主題本身內建了 OG 標籤輸出,同時又裝了 SEO 外掛來產生 OG 標籤,頁面的 HTML 就會出現兩組 og:title、og:description,讓 Facebook 爬蟲混淆。解決方法是在佈景主題或外掛其中一方關閉 OG 標籤功能,保留一個來源就好。搭配 網站健康度優化 的觀念,確保 WordPress 環境乾淨且高效能,OG 標籤的運作也會更穩定。如果你使用的是 Bluehost、SiteGround、Kinsta 等 WordPress 主機服務,大多數都提供一鍵安裝 WordPress 的功能,SEO 外掛的設定也相對單純。
對於擁有大量文章的網站,手動逐一偵錯太沒效率。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 的文章發佈流程中:
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 標籤的平台。以下是主流平台的偵錯工具差異:
| 平台 | 工具名稱 | 需要登入 | 支援批次 | 更新速度 |
|---|---|---|---|---|
| Sharing Debugger | 是 | 是(Batch Invalidator) | 立即(手動觸發) | |
| Twitter / X | Card Validator | 是 | 否 | 立即 |
| 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 快,有時候不需要手動觸發就能自動更新。
雖然 Google 官方表示 OG 標籤不是直接的排名因素,但良好的社群分享表現會間接影響 SEO。當文章在 Facebook 上被廣泛分享,帶來的流量和社交訊號會讓搜尋引擎注意到這篇內容的價值。而且 On-page SEO 的最佳化本來就包含了 Meta 標籤 的完善,OG 標籤就是其中一環。
你可以準備兩個不同版本的 og:title 和 og:image,分別在不同時間點分享到 Facebook,觀察哪個版本的點擊率較高。例如一個版本用直述型標題,另一個用問句型標題。你可以用 Lihi.io 這類台灣本土的短網址工具來設定分流和 A/B 測試,追蹤不同版本的點擊數據。
靜態縮圖雖然好用,但如果有技術能力,可以在伺服器端用程式即時產生帶有文章標題和品牌色的圖片,讓每篇文章的分享預覽都是獨一無二的。如果沒有程式開發能力,可以使用 DesignEvo 或 Instant Logo Design 等線上 Logo 設計工具快速製作統一風格的縮圖範本。如果你需要為網站建立統一的品牌視覺,Logaster 也能幫你快速產生專業的 Logo 設計。如果你的圖片格式特殊,可以使用 AnyWebP 等免費轉檔工具先轉換成相容格式。
Facebook 沒有公開明確的快取有效期。如果不手動觸發,可能需要數天到數週才會自動重新抓取同一個頁面。這也是為什麼 Sharing Debugger 的「再次抓取」功能這麼重要。
確認你的 og:image 網址是否已經指向新圖片。有時候圖片網址沒有更換,Facebook 會認為沒有變動。嘗試清除你的 CDN 快取 後再試一次。如果還是不行,暫時把 og:image 改成全新的網址,強制 Facebook 當作新圖片處理。
不行。Sharing Debugger 和 Batch Invalidator 都需要登入 Facebook 帳號才能使用。這是 Facebook 為了防止濫用而設定的限制。
OG 標籤錯誤本身不會直接影響 Google 的搜尋排名,因為 Google 主要看的是傳統的 title 和 meta description 標籤。但分享預覽錯誤會導致社群分享的點擊率下降,間接減少網站的社群流量。長期來看,流量減少可能會對整體 SEO 表現產生負面影響。建議搭配 GiftofSpeed 定期檢測網站速度,確保網站在搜尋引擎和使用者兩端都有好表現。
如果你有安裝 Rank Math 或 Yoast 等 SEO 外掛,有些會在文章更新時自動通知 Facebook 重新抓取,但這不是所有外掛的預設行為。如果你不確定自己的外掛是否有這個功能,最保險的做法是在重大內容更新(尤其是標題或圖片變更)後,手動去 Sharing Debugger 按一下「再次抓取」。你也可以用前面的自動化腳本方法,把這個動作整合到 WordPress 的發佈流程中。
網站名稱:分享偵錯工具 - Facebook for Developers
網站網址:https://developers.facebook.com/tools/debug/