Open Graph 標籤產生器
免費線上Open Graph 標籤產生器,無需帳號、不用安裝,完全在瀏覽器中運行。
產生您的社群分享標籤
什麼是 Open Graph 標籤?
Open Graph 是一個協議標準,讓您可以控制當網頁被分享到社群媒體平台(如 Facebook、LinkedIn)時的顯示方式。透過在 HTML <head> 中加入特定的 meta 標籤,您可以指定分享時要顯示的標題、描述、圖片和其他信息。這有助於提升分享內容的點擊率和用戶參與度。
如何使用本工具?
- 填入您網頁的基本信息(標題、描述、圖片 URL)
- 選擇頁面類型(網站、文章或商品)
- 設定 Twitter 卡片的配置(可選)
- 點擊「產生標籤」按鈕
- 查看 Facebook 和 Twitter 的預覽效果
- 複製產生的 HTML 代碼
- 將代碼貼入您的網頁 <head> 部分
常見使用情況
部落格文章:確保文章在 Facebook、LinkedIn 等平台分享時,標題、摘要和特色圖像都能正確顯示。
電商商品頁面:優化產品圖片和描述的顯示,提升社群分享的轉換率。
活動推廣:讓活動信息在社群平台上更吸引人,增加參與度。
新聞發稿:確保新聞稿在不同媒體平台上有一致的呈現。
常見問題
Open Graph 標籤多久會更新?
大多數社群平台會快取您的頁面信息。如果您更新了標籤,可能需要 24-48 小時才會看到變化。您也可以在平台的開發工具中手動清除快取。
為什麼我的圖片在社群平台上沒有顯示?
確保圖片 URL 是完整的(包含 https://)且圖片可被公開訪問。圖片必須至少 200×200 像素。某些平台可能對圖片格式和大小有額外要求。
我需要同時設定 Open Graph 和 Twitter Card 嗎?
不一定。如果只是在 Facebook 上分享,Open Graph 標籤就足夠了。但如果您也希望在 Twitter 上獲得最佳展示效果,建議也設定 Twitter Card 標籤。
如何測試我的 Open Graph 標籤是否正確?
您可以使用 Facebook 的分享除錯工具(facebook.com/sharer/debugger)或 Twitter 的卡片驗證工具(cards-dev.twitter.com/validator)來測試您的標籤。
product 類型的 Open Graph 標籤需要什麼額外信息?
對於商品類型,建議額外包含價格、貨幣、可用性等信息。本工具生成的基礎標籤支持所有類型,您可以根據需要在生成後手動添加更多屬性。
這個工具會保存我的數據嗎?
不會。所有數據處理都在您的瀏覽器中進行,不會被發送到任何伺服器。重新整理頁面後,所有內容都會被清除。
