如何使用 Open Graph Examples
選擇模板: 從 ogimage.org 提供的預設計開放圖像模板中選擇一個,例如 Emoji、Icon、Image、Button、Headline 等。
自定義模板: 使用 HTML、CSS、JavaScript 或 Tailwind 修改模板的文字、顏色、圖像和其他元素,以符合您的品牌和內容。
生成圖像: 使用 ogimage.org 工具根據您自定義的模板自動生成開放圖像。
添加 Open Graph 元標籤: 在網頁的 HTML 中添加適當的 Open Graph 元標籤,包括生成的圖像 URL 的 og:image。
測試圖像: 使用 Facebook Sharing Debugger 等社交媒體調試工具測試您的開放圖像在分享時的顯示效果。
為多個頁面設置: 設置 ogimage.org 工具以自動為您網站上的多個頁面生成獨特的開放圖像。
托管代碼: 將 ogimage.org 代碼托管在您自己的服務器上或使用 Vercel、Firebase 或 GitHub Pages 等托管提供商。
Open Graph Examples 常見問題
Open Graph 圖片是一個自訂圖片,當你在社交媒體平台如 Facebook、Twitter、LinkedIn 等分享連結時會顯示。它提供了正在分享內容的視覺呈現。
查看更多