Open Graph 預覽
預覽頁面在社群媒體上的顯示效果
Export metadata snapshot
Copy the raw JSON, save the metadata snapshot, or hand off a short summary to SEO and content teams.
繼續下一步
用相關的下一個動作延續你的工作流程。
Privacy & Trust
Real fetch path
The preview reflects the metadata returned by the target URL instead of a mocked card layout.
Raw payload visible
The workspace keeps the underlying metadata visible so teams can debug missing titles, images, or descriptions quickly.
Cross-platform check
Facebook / LinkedIn and X layouts appear side by side, making it easier to compare differences before publishing.
使用方法
貼上或輸入內容
在輸入區域輸入您的文字、程式碼或資料。
選擇選項
選取要套用的轉換方式或格式。
複製結果
一鍵將輸出結果複製到剪貼簿。
為什麼使用此工具
100% 免費
沒有隱藏費用,沒有付費等級——所有功能完全免費。
無需安裝
完全在瀏覽器中運行。無需下載或安裝任何軟體。
隱私且安全
您的資料永遠不會離開您的裝置。不會上傳至任何伺服器。
支援行動裝置
完全響應式設計——在手機、平板或桌面電腦上均可使用。
Open Graph 協議:控制內容在社交媒體的展示
重點摘要
- Open Graph(OG)標籤由 Facebook 創建,現已成為所有主要社交平台的標準。
- og:title、og:description、og:image 和 og:url 是四個必需的 OG 屬性。
- OG 圖片建議尺寸為 1200×630 像素,以確保在所有平台上的最佳展示效果。
Open Graph 協議讓網頁開發者控制內容在社交媒體分享時的展示方式。當有人分享一個連結時,平台會讀取 OG 標籤來生成包含標題、描述和圖片的預覽卡片。優化的 OG 標籤能顯著提升點擊率和社交互動。
1200×630
推薦 OG 圖片尺寸(像素)
常見用途
內容營銷
確保博客文章和產品頁面在社交分享時展示吸引人的預覽。
品牌一致性
透過統一的 OG 圖片和描述維持品牌在社交平台上的一致形象。
電商產品頁
自訂產品在社交分享時顯示的圖片、價格和描述資訊。
活動推廣
為活動頁面設定專門的 OG 標籤以最大化社交分享效果。
實用技巧
使用預覽工具在發佈前檢查 OG 標籤在不同平台上的實際展示效果。
OG 圖片避免過多文字——部分平台會裁剪或縮小顯示。
定期測試分享連結,因為平台可能緩存舊的 OG 數據。
為不同平台(Facebook、Twitter、LinkedIn)優化不同的預覽效果。
本工具僅供參考與教育用途,重要場合使用前請自行驗證結果。