Free2Box
Open Graph 預覽IT & 開發者工具Instant browser workflowFocused single-task utilityNo setup required

Open Graph 預覽

預覽頁面在社群媒體上的顯示效果

No host selectedOpen GraphAwaiting URLRaw OG DataPendingHost--
輸入
Fetch metadata from a public URL and compare the social preview cards side by side.
Fetching runs on demand so you can validate real page metadata before publishing changes to tags, images, or descriptions.
結果
預覽頁面在社群媒體上的顯示效果
Enter a public URL and fetch the metadata to preview how the card resolves across platforms.

Export metadata snapshot

Copy the raw JSON, save the metadata snapshot, or hand off a short summary to SEO and content teams.

No hostnameMetadata draftWaiting for fetch

繼續下一步

用相關的下一個動作延續你的工作流程。

Host尚無結果結果Awaiting URLImage tagsMissingRaw OG Data尚無結果
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.

使用方法

1

貼上或輸入內容

在輸入區域輸入您的文字、程式碼或資料。

2

選擇選項

選取要套用的轉換方式或格式。

3

複製結果

一鍵將輸出結果複製到剪貼簿。

為什麼使用此工具

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 圖片尺寸(像素)

常見用途

1

內容營銷

確保博客文章和產品頁面在社交分享時展示吸引人的預覽。

2

品牌一致性

透過統一的 OG 圖片和描述維持品牌在社交平台上的一致形象。

3

電商產品頁

自訂產品在社交分享時顯示的圖片、價格和描述資訊。

4

活動推廣

為活動頁面設定專門的 OG 標籤以最大化社交分享效果。

實用技巧

使用預覽工具在發佈前檢查 OG 標籤在不同平台上的實際展示效果。

OG 圖片避免過多文字——部分平台會裁剪或縮小顯示。

定期測試分享連結,因為平台可能緩存舊的 OG 數據。

為不同平台(Facebook、Twitter、LinkedIn)優化不同的預覽效果。

本工具僅供參考與教育用途,重要場合使用前請自行驗證結果。

常見問題