Open Graph 產生器
產生 Open Graph 和 Twitter Card 標籤,讓您的頁面在分享時呈現絕佳效果,並附即時社交卡片預覽。免費,在您的瀏覽器中執行。
一切都在您的瀏覽器中執行。您輸入的任何內容都不會上傳到任何地方。
標籤
推薦尺寸:1200 × 630 px。
Twitter / X
Facebook / LinkedIn 預覽
尚無圖片
Twitter / X 預覽
產生的 meta 標籤
關於 Open Graph 產生器
Open Graph 產生器可建立 og: 與 twitter: meta 標籤,控制連結在 Facebook、LinkedIn、X 等平台分享時的展開樣式。可設定內容類型(網站、文章、產品或個人檔案)、標題、描述、標準網址、圖片、網站名稱與語系,並提供 Twitter Card 選項,包括卡片類型與 site/author 帳號。
兩組即時預覽——一組模擬 Facebook/LinkedIn 分享卡片、一組模擬 X 卡片——會隨你輸入即時更新,讓你在頁面正式上線前就能確切看到標題、描述、網域與 1200 × 630 像素圖片的呈現效果。
一切皆在你的瀏覽器中執行,輸入內容不會被上傳。你可以將產生的 Open Graph 與 Twitter Card 標籤複製到剪貼簿,或下載為 HTML 片段,直接貼到頁面的 <head> 中。
如何使用 Open Graph 產生器
- 選擇 og:type——網站、文章、產品或個人檔案——或點擊「填入範例」以範例內容開始。
- 輸入標題、描述、標準網址與圖片網址(建議 1200 × 630 像素),以及網站名稱與語系。
- 設定 Twitter Card 類型(Summary 或含大圖的 Summary),以及選填的 @site 與 @creator 帳號。
- 檢視兩組即時更新的社群卡片預覽。
- 複製產生的 meta 標籤,或下載 .html 檔並加入你的頁面。
常見問題
請使用 1200 × 630 像素。這個比例在 Facebook、LinkedIn 和 X 上都能以大卡片清晰呈現,不會出現意外裁切。
X 大多數欄位會回退使用 Open Graph 的資料,但 twitter:card 仍需用來選擇卡片版面,twitter:site/twitter:creator 則能加上歸屬資訊——產生器會將這些一併輸出。
社群平台會快取連結預覽。部署新標籤後,請用該平台的分享除錯工具或卡片驗證器重新抓取網址以更新快取。
不會。表單資料、預覽與產生的標記只存在於你的瀏覽器中——不會傳送到任何伺服器。
是的,完全免費且無使用限制。
需要協助?
使用此工具時遇到問題?請告訴我們的團隊。