🛝Toolio
關於 聯絡

🔗 開放圖標檢查器 — 社交媒體連結預覽測試器

開放圖示檢查器會抓取任何公開 URL,並即時顯示當 Facebook、LinkedIn 和 Slack 等社交平臺分享該連結時會顯示的 OG 標題、描述和圖片 — 幫助你在連結上線前發現缺失的標籤或損壞的圖片。

運作方式. 只有您輸入的地址會傳送至我們的伺服器以取得公開結果 — 不會上傳任何私密檔案,而且您輸入的內容不會被儲存。

關於

當您分享 URL 到社交媒體或訊息應用程式時,平台會從網頁的 HTML 讀取開放圖標(OG)元標籤,以生成豐富的預覽卡片 — 顯示標題、描述和縮略圖圖片。如果這些標籤缺失或配置錯誤,分享可能會看起來很普通、使用錯誤的圖片或顯示錯誤的標題。此工具會將 URL 發送到我們的伺服器,伺服器會抓取網頁 HTML 並解析所有 OG 和標準元標籤(og:title、og:description、og:image、og:type、twitter:card、twitter:image 等),然後返回解析後的值,讓您可以精確查看社交平台會顯示什麼內容。沒有文件上傳 — 只需提供一個公開 URL 並點選檢查。

如何使用

  1. 將任何公開 URL(例如部落格文章、產品頁面或首頁)粘貼到輸入欄中。
  2. 點選檢查按鈕 — 我們的伺服器會抓取網頁 HTML 並解析所有 OG 和元標籤。
  3. 查看社交預覽卡片,顯示標題、描述和圖片,與 Facebook 和 Slack 等平台實際顯示的效果完全一致。
  4. 檢閱原始標籤表,查看頁面上所有 OG、Twitter Card 和標準 meta 標籤的值。
  5. 修正頁面上缺失或錯誤的標籤,然後重新檢查以確認預覽顯示正確。

常見問題

這個 Open Graph 檢查器可以免費使用嗎?
是的,完全免費 — 不需要帳號、不需要訂閱、沒有任何限制。只需貼上 URL 並點選檢查。
什麼是 Open Graph,為什麼分享時會影響顯示?
Open Graph 是 Facebook 開發的一種協議,使用 HTML meta 標籤(og:title, og:description, og:image)來控制 URL 在社交媒體或即時通訊應用程式中分享時的顯示方式。如果沒有正確的 OG 標籤,平台將只顯示純文字連結或自動猜測內容,通常會產生醜陋或誤導性的預覽。
為什麼我的連結在社交媒體上顯示沒有預覽或空白圖片?
常見原因:缺少 og:image 標籤、圖片 URL 返回 404 錯誤、圖片過小(建議最小 200×200 像素)、頁面需要登入後才能查看,或社交平台快取了舊版本。使用此檢查器來診斷確切缺失或損壞的標籤,然後修正並透過平台的分享除錯工具請求清除快取。
Open Graph 標籤和 Twitter Card 標籤之間有什麼區別?
Open Graph 標籤(og:*)是 Facebook、LinkedIn、Slack、Discord 和大多數平台使用的標準。Twitter/X 使用自己的 twitter:card 標籤(twitter:title, twitter:image, twitter:card),如果沒有 Twitter 特定的標籤,則會回退到 Open Graph 標籤。最佳實踐是同時設定這兩組標籤 — 這個檢查器會顯示所有標籤。
如何修正缺失或錯誤的 OG 圖片?
在頁面的 <head> 中新增或更新 <meta property="og:image" content="https://yourdomain.com/image.jpg"> 標籤。使用絕對 URL(而非相對 URL),圖片尺寸至少為 1200×630 像素,檔案大小不超過 8 MB,並使用 JPG 或 PNG 格式。更新後,使用此檢查器驗證標籤是否正確,然後透過 Facebook 的分享除錯工具或 LinkedIn 的帖子檢查器清除平台的快取。
我的資料會被上傳嗎?
只有您輸入的地址或 URL 會傳送至我們的伺服器以取得公開結果。不會上傳任何私密檔案,而且您輸入的內容不會被儲存。