首頁 AI 工具評測 關於我們
社群分享

Open Graph 標籤產生器

免費線上Open Graph 標籤產生器,無需帳號、不用安裝,完全在瀏覽器中運行。

產生您的社群分享標籤

什麼是 Open Graph 標籤?

Open Graph 是一個協議標準,讓您可以控制當網頁被分享到社群媒體平台(如 Facebook、LinkedIn)時的顯示方式。透過在 HTML <head> 中加入特定的 meta 標籤,您可以指定分享時要顯示的標題、描述、圖片和其他信息。這有助於提升分享內容的點擊率和用戶參與度。

如何使用本工具?

  1. 填入您網頁的基本信息(標題、描述、圖片 URL)
  2. 選擇頁面類型(網站、文章或商品)
  3. 設定 Twitter 卡片的配置(可選)
  4. 點擊「產生標籤」按鈕
  5. 查看 Facebook 和 Twitter 的預覽效果
  6. 複製產生的 HTML 代碼
  7. 將代碼貼入您的網頁 <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 標籤需要什麼額外信息?

對於商品類型,建議額外包含價格、貨幣、可用性等信息。本工具生成的基礎標籤支持所有類型,您可以根據需要在生成後手動添加更多屬性。

這個工具會保存我的數據嗎?

不會。所有數據處理都在您的瀏覽器中進行,不會被發送到任何伺服器。重新整理頁面後,所有內容都會被清除。

返回頂端