御宅道場 工具站
繁體中文

Open Graph 檢查

Open Graph 檢查工具會讀取網頁的 og: 與 twitter: 標籤，模擬分享到 Facebook、LINE、Discord、X（Twitter）時顯示的卡片，並檢查分享圖片是否存在、能否載入、尺寸是否達到建議的 1200×630 像素。缺少 og:title 或 og:description 時，也會標出平台會改用哪個內容。

  • 免費
  • 免註冊
  • 由伺服器代為連線檢查
試試：
輸入網址後按「檢查」
輸入網址後按「檢查」，這裡會顯示分享卡片預覽

如何使用Open Graph 檢查

  1. 輸入要分享的網址並按「檢查」。
  2. 「分享預覽」模擬社群平台顯示的卡片。
  3. 在 Open Graph 與 X Card 表格查看每個標籤的值，黃色與紅色是建議補上的項目。
  4. 修改網站後，記得到 Facebook 分享偵錯工具按「重新抓取」，讓平台更新快取。

範例

最基本的 Open Graph 設定

輸入
https://example.com/post/123
輸出
<meta property="og:title" content="文章標題">
<meta property="og:description" content="一句話摘要">
<meta property="og:image" content="https://example.com/og/123.png">
<meta property="og:url" content="https://example.com/post/123">
<meta property="og:type" content="article">
<meta name="twitter:card" content="summary_large_image">

規格與重點

檢查標籤og:title、og:description、og:image、og:url、og:type、og:site_name、og:locale、twitter:card / title / description / image
圖片檢查實際載入 og:image，顯示像素尺寸
建議尺寸1200 × 630 像素（1.91 : 1），至少 600 × 315
讀取範圍自動跟隨轉址，分析最終頁面前 512 KB
限制不執行 JavaScript；只能檢查公開網址
費用免費、免註冊

常見問題

改了 og:image，Facebook 還是顯示舊圖？

Facebook 與 LINE 會快取分享資訊。請到 Facebook 分享偵錯工具（Sharing Debugger）輸入網址並按「再次抓取」；LINE 可以在網址後面加上 ?v=2 這類參數強制更新。

og:image 一定要用絕對網址嗎？

是的。請使用 https:// 開頭的完整網址，相對路徑在許多平台無法顯示。

分享圖片的建議尺寸是多少？

1200 × 630 像素（比例 1.91:1）可同時適用 Facebook、LINE、X 與 LinkedIn，檔案建議小於 5 MB，格式用 JPG 或 PNG。

為什麼圖片顯示「無法載入」？

可能是圖片網址錯誤、伺服器擋外部引用（防盜連），或圖片需要登入才能看到。社群平台也會遇到同樣問題。