OGP 檢查器

OGP 檢查器工具是一款從指定 URL 的頁面中擷取 OGP(Open Graph Protocol)與 Twitter Card 中繼資料,並近似預覽在 X、Facebook 等 SNS 上被分享時顯示效果的工具。

URL

輸入 URL 並按下「檢查 OGP」後,這裡將顯示診斷、中繼資料清單與分享卡片預覽。

輸入的 URL 會透過伺服器取得並解析 HTML。對私有 IP 或 localhost 的連線會被拒絕。每個 URL 的取得會在 8 秒後逾時,僅讀取 HTML 主體的前 2 MB。

網站元資訊擷取

從 URL 批次擷取 title / description / robots / canonical 等,並可下載為 CSV。

標題擷取

從 URL 批次擷取 title / description / h1~h6,並提供 SEO 診斷與 CSV 下載。

IP 位址查詢

彙總顯示您的全球 IP、來源國家 / 地區、主機名稱以及裝置 / 瀏覽器資訊。

Whois 查詢

對網域 / URL / IP(最多 10 個)批次取得註冊日期、到期日期、剩餘天數、名稱伺服器、註冊商、DNSSEC 等 Whois 資訊,並可下載為 CSV。

OGP 檢查器是什麼?

OGP 檢查器工具是一款從指定 URL 的頁面中擷取 OGP(Open Graph Protocol)與 Twitter Card 中繼資料,並近似預覽在 X、Facebook 等 SNS 上被分享時顯示效果的工具。

不僅以清單形式顯示頁面的 og:title、og:description、og:image 等主要 meta 標籤,還提供診斷功能,以「需要修正」「建議改進」等等級指出必填項缺失、建議字數超過、og:image:alt 未設定等問題。

適用於文章或著陸頁發布前的覆核,以及為提升來自 SNS 的流量進行調整時,在不實際發布到 SNS 的情況下確認分享卡片的呈現效果。

使用方法

在輸入框中貼上要檢查頁面的 URL(以 https:// 開頭的格式)。
按下「檢查 OGP」按鈕,目標 URL 的頁面將被解析並顯示結果。
在「OGP 診斷」區域確認必填項缺失或與建議設定的差距。
在「中繼資料清單」中確認擷取的 title / og:* / twitter:* 各標籤的值。
在「分享卡片預覽」中切換 X(Twitter)與 Facebook 的卡片顯示,確認淺色 / 深色的呈現效果。

使用情境

希望在新文章或著陸頁發布前確認 SNS 分享時卡片顯示是否異常的編輯、行銷人員。
希望調整標題、描述、OG 圖片以提升來自 SNS 點擊率(CTR)的營運者。
希望逐頁確認企業站所有頁面是否正確設定了 OGP 的 Web 製作公司。
希望確認競品站或參考站點顯示什麼樣的分享卡片的企劃人員。
在替換 OG 圖片後,希望確認 CDN 快取影響(卡片內容是否即時反映)的工程師。

注意事項

出於安全考量,對私有 IP 位址或 localhost 的連線會被拒絕。無法檢查內部網路中的站點。
單次取得逾時為 8 秒。回應慢的站點可能會出錯。
僅讀取 HTML 的前 2 MB。極大頁面可能無法取得 meta 標籤。
對於透過 JavaScript 動態改寫 meta 標籤的站點(如 SPA),擷取的是初始 HTML 的值,可能與實際 SNS 爬蟲的行為不同。
預覽是基於 X / Facebook 規範的近似呈現。實際卡片顯示可能因各 SNS 的規範變更而不同。
SNS 端如已快取卡片圖,變更反映可能需要時間(X / Facebook 都可透過 debugger 主動重新取得)。

常見問題

OGP 是什麼?

OGP(Open Graph Protocol)是用於向其他服務傳達 Web 頁面資訊的中繼資料規範。透過在頁面 <head> 中描述 og:title、og:description、og:image 等,在 SNS 被分享時會以附圖的豐富卡片形式顯示。由 Facebook 制定,X(Twitter)、LinkedIn、Slack 等許多服務都已支援。

OGP 與 Twitter Card 是什麼關係?

Twitter Card 是 X(原 Twitter)獨有的中繼資料規範,透過 twitter:card、twitter:title、twitter:image 等標籤指定。許多項會回退到 OGP 的值,因此通常僅在希望覆寫 X 特有值時才指定 twitter:*。本工具會擷取兩者,並分別顯示清單與診斷結果。

預覽與實際 SNS 卡片顯示不一致的原因?

本工具的預覽是參考 X / Facebook 版面的近似呈現。各 SNS 持續調整卡片規範,圖片縱橫比裁切、標題長度上限、深色 / 淺色主題處理等可能存在差異。最終確認建議同時使用 X 卡片驗證器、Facebook 分享偵錯工具等各 SNS 官方除錯工具。

og:title 多少字合適?

X 上常在 70 字元前後截斷,本工具在超過 70 字元時會顯示警告。og:description 建議在 200 字元以內。請邊在預覽中確認截斷方式邊調整標題與描述。

有站點無法檢查。

超出 8 秒逾時、HTML 前 2 MB 中 <head> 不包含 meta 標籤、被基本驗證或 Bot 封鎖拒絕存取等情況下都會出錯。對私有 IP / localhost 的連線出於安全也會被拒絕。如適用,請檢查目標站的設定。