創作者營運工具桌
Open Graph 分享預覽
在瀏覽器中模擬 Open Graph 分享卡片並產生可複製標籤;圖片網址只顯示文字,不載入遠端圖片或向第三方傳送請求。
最後更新:
預覽 Open Graph 分享卡片
為保護隱私,圖片網址只會在本地卡片顯示,不會載入或傳送請求。
Open Graph 預覽是什麼?
Open Graph 標記讓社群平台在分享網址時取得標題、描述、網址與圖片。此工具在本機將四項資料排成分享卡片,並產生安全轉義的 meta 標籤文字,適合在發布前檢查訊息與連結是否一致。
隱私與標籤處理
工具只驗證 http 或 https 網址,不會載入圖片網址,因此不會對圖片主機發出請求。產生的 og:title、og:description、og:url 和 og:image 標籤會安全轉義 HTML 屬性字元。
分享卡片範例
輸入活動標題、落地頁網址、合作說明和 card.jpg 圖片網址後,可先檢查社群讀者會看到的文字,再複製四個 Open Graph 標籤加入頁面 head。
使用方法
- 填寫分享標題、完整網址、描述和圖片網址。
- 更新本地卡片,確認文字層級與網址。
- 複製 Open Graph meta 標籤,交給網站模板或工程人員。
常見問題
工具會下載圖片或檢查圖片尺寸嗎?
不會。為避免把輸入網址傳給第三方,圖片僅以文字顯示在本地卡片;請另用平台或網站流程確認實際圖片。
產生的標籤可以直接放進 HTML 嗎?
可以作為 head 中的 meta 標籤基礎,但請依網站模板與既有 SEO 設定整合,避免同一屬性重複輸出。
為什麼每個欄位都必填?
四項資料共同構成可檢查的分享卡片與完整標籤;缺少圖片或網址時,發布結果通常更難預期。