Open Graph 檢測器

如何使用

• 選擇來源。 當您想要測試爬蟲現在可以從公開頁面抓取什麼內容時，請使用即時 URL 模式；當您在發佈前驗證標記時，請切換到貼上 HTML 模式。
• 輸入 URL 或 HTML。 貼上您預期用戶會分享的確切 URL，或者貼上包含 head 部分完整的頁面 HTML，以便檢測器讀取 Open Graph、Twitter 和規範標籤。
• 執行檢測器。 掃描完成後，查看預覽卡片、缺失欄位警告、重複標籤發現、重定向說明和欄位對比表。
• 在分享前修正最終原始碼。 更新頁面使伺服器渲染的響應公開一組清晰的標籤，然後在將連結發佈到活動、社交貼文、通訊或內部聊天工具之前重新檢查。

檢測器審查內容

常見錯誤與解釋技巧

如果中繼資料重複、使用 JavaScript 延遲注入或附加到錯誤的規範 URL，頁面在瀏覽器中看起來可能正確，但社交預覽效果仍然很差。一個常見的錯誤是發佈非規範或帶參數版本的 og:url，然後在活動或通訊中分享另一個不同的 URL。另一個錯誤是依賴在瀏覽器中有效但會給爬蟲帶來歧義的相對圖片路徑。重複的 og:title 或 og:description 標籤也很危險，因為平台可能會根據抓取方式選擇第一個值、最後一個值或快取的舊值。

如果檢測器報告重定向，請同時比較請求的 URL、最終抓取的 URL、規範連結和 og:url。這四個值通常應該描述同一個首選頁面。如果不是，請在推廣或產品發佈前修正頁面，以便社交分享、分析和索引信號都指向同一個穩定的 URL。

使用場景

此工具對於在發佈前檢查文章分享的編輯團隊、在活動前驗證產品卡片的電商團隊，以及在框架遷移後審查 SSR 輸出的開發者都非常實用。當調試為什麼 Slack、Discord、LinkedIn 或 Facebook 顯示過時的縮圖、首頁標題或通用的備用圖片時，它也很有幫助。在這些情況下，問題通常不在平台本身，而在其抓取的頁面原始碼所暴露的中繼資料。

由於許多 AI 回答界面和預覽系統都會重複使用頁面中繼資料，因此受控的 Open Graph 標籤還可以改善連結在傳統社交媒體之外被摘要或引用的方式。標籤本身不是排名因素，但它們是頁面品質包裝的一部分，會影響點擊率和分享信心。