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 協議:控制內容在社群媒體上的呈現方式

重點摘要

  • OG 標籤定義網址被分享至社群媒體時顯示的標題、描述和圖片。
  • Facebook、LinkedIn 等平台使用 OG 標籤;Twitter 有自己類似的 Twitter Card 標籤。
  • 建議的 OG 圖片尺寸為 1200×630 像素,以在各平台上最佳顯示。

Open Graph 協議最初由 Facebook 創建,讓您精確控制網頁在社群媒體上被分享時的呈現方式。沒有 OG 標籤時,平台會猜測要顯示哪個標題、圖片和描述——結果往往不理想。配置良好的 OG 預覽可以大幅提升分享連結的點擊率。

1200×630

建議 OG 圖片尺寸 (px)

常見用途

1

社群媒體行銷

確保分享連結在 Facebook 和 LinkedIn 上顯示吸引人的標題、描述和圖片。

2

內容推廣

控制部落格文章或新聞在社群平台被分享時的呈現敘事。

3

電子商務

產品網址被分享時漂亮地顯示產品圖片和價格。

4

品牌一致性

在所有社群平台上分享時維持一致的品牌形象。

實用技巧

發布前務必使用 Facebook 分享偵錯工具和 Twitter 卡片驗證器測試 OG 標籤。

使用 1200×630 px 的搶眼圖片,重要內容置中——各平台裁切方式不同。

至少包含 og:type、og:title、og:description、og:image 和 og:url 這組最基本的 OG 標籤。

內容更新後同時更新 OG 標籤,再清除平台快取以刷新預覽。

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

常見問題