分類: 開發工具
Open Graph 預覽
預覽頁面連結分享卡片的顯示效果
貼上頁面 head 中的 meta 標籤，即可預覽連結卡片，並檢查 Open Graph 與 Twitter Card 欄位是否缺漏。全部在瀏覽器本機解析，不抓取頁面，也不上传內容。
uselocaltools.comLocalTools — Free Privacy-First Online ToolsFast, free browser-based tools for developers and everyday tasks.
本頁的所有處理都在瀏覽器中完成，不會上傳任何內容。
這個工具能做什麼
連結在社群媒體或聊天軟體中被分享時，預覽卡片通常來自頁面 head 裡的 Open Graph 與 Twitter Card meta 標籤，而不是正文內容。標籤缺漏或格式錯誤會導致標題空白、圖片缺失，甚至沒有卡片。這個工具讀取你貼上的標籤，渲染一張預覽卡，並列出關鍵欄位是否齊全。
使用方式
- 複製頁面的 head 片段，或只複製其中的 meta 標籤。
- 貼到輸入框。
- 檢查預覽卡片與下方欄位清單。
隱私說明
本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享，關閉分頁就隨之消失。
常見問題
- 它會抓取我的線上頁面嗎？
- 不會。你自己貼上 HTML，所有解析都在瀏覽器中完成，內容不會送出。
- 為什麼圖片沒有顯示？
- 預覽會讓瀏覽器直接載入 og:image 中的 URL，所以只有圖片位址公開可存取時才會顯示。缺少圖片標籤時卡片也會留空。
- Open Graph 和 Twitter Card 都需要嗎？
- Open Graph 覆蓋 Facebook、LinkedIn、Slack 等大多數平台；Twitter/X 會優先讀取 twitter:*，再退回 Open Graph。兩套都設定會更穩定。