免費 OG 檢查器與
Open Graph 檢查工具

什麼是 Open Graph 標籤，為什麼重要？

Open Graph（OG）標籤是放在頁面以下位置的 HTML 元程式碼片段 <head> 區域。它們控制內容分享到 Twitter/X、LinkedIn、Slack、iMessage 和 Facebook 等社群平台時的顯示方式。缺少它們，平台只能猜測，效果通常不佳。

每個頁面需要的四個標籤

• og:title — 連結預覽中顯示的標題（保持在 60 個字元以內）
• og:description — 輔助摘要（150–160 個字元較合適）
• og:image — 縮圖（1200×630px，JPEG 或 PNG）
• twitter:card — 設為 summary_large_image 以獲得最佳 Twitter 佈局

書籤為什麼丟失預覽？

網站改版、更換 CMS 或更新程式碼時，OG 標籤可能變化。六個月前帶有漂亮預覽的連結，如今可能顯示空白圖片，因為網站移除或重新命名了 OG 圖片路徑。Savebase 這類工具可在儲存時存檔原始預覽縮圖，讓收藏長期保持一致的視覺效果。

此工具如何工作

檢查器從伺服器端取得目標 URL，繞過瀏覽器 CORS 限制，並讀取 HTML 直到<head> 區域，並提取全部 OG、Twitter Card 和標準元標籤。根據六項最重要標籤的存在情況和質量，給出滿分 100 的評分。

將其用作 OG 驗證和除錯工具

即使網頁在瀏覽器中顯示正常，社群預覽仍可能失敗。使用診斷找出缺失標籤、空值、可能被截斷的標題或描述、無法存取的圖片，以及 Open Graph 與 Twitter Card 中繼資料不一致的問題。修復源 HTML 後重新檢查網址；如果社群平台仍顯示舊版本，再請求它重新整理快取預覽。

Open Graph 檢查工具使用場景

• 發布到 LinkedIn、Facebook、X 或 Slack 前，預覽部落格文章。
• 確認一個 og:image 可公開存取、尺寸正確，且關聯到正確頁面。
• 當各平台顯示不同預覽時，比較 Open Graph 標籤和 Twitter Card 欄位。
• 在 CMS 遷移、改版或域名變更後檢查落地頁。

OG 檢查器檢查什麼？

輸入任意公開 URL，檢查其 og:title, og:description,og:image、規範網址、Twitter Card、網站圖示，以及影響社群連結預覽的其他中繼資料。診斷會指出缺失的欄位，以及分享時可能被截斷的標題或描述長度。

如何檢查 Open Graph 圖片？

將頁面 URL 貼上到上方，選擇 檢查。如果頁面提供了一個og:image，檢查器會在 X、Slack/iMessage 和 LinkedIn 的預覽中顯示它。如果缺少圖片，請在網頁的 Open Graph 中繼資料中新增一個可公開存取的 1200×630px 圖片網址。

OG 檢查器常見問題