所有工具
Open Graph Generator
Generate OG tags
Generate OG tags 在您的瀏覽器中本地執行
URL, title and description, separated by vertical bars.
About the
開放圖譜產生器建立 og 標籤，用於控制共享連結時頁面的外觀。它從單行輸入發出 og:url、og:title、og:description 和 og:type，這是大多數平臺讀取的最小集合。將結果貼到頁面的頭部，預覽卡將不再是平臺猜測的內容。
Where people use the
- 將共享標籤新增至目前沒有共享標籤的頁面。
- 修復顯示錯誤標題或描述的連結預覽。
- 在一組登陸頁面上產生一致的區塊。
- 在頁面上線之前準備啟動標籤。
How to use the
- 1
輸入三個欄位
URL、標題和描述，以垂直線分隔，例如 https://example.com |頁面標題 |簡短的描述。
- 2
產生
產生了四個 og 標籤，其中 og:type 設定為 website。
- 3
複製區塊
將標籤貼到頁面的頭部。
- 4
單獨新增圖片標籤
og:image 不包含在內，因為它需要真實檔案的完整 URL。自己新增它並指向可公開訪問的影像。
提示和最佳實踐
- 使用絕對 URL；抓取工具無法解析相對路徑。
- 自行加入 og:image，大小約 1200 x 630 畫素。
- 更改標籤後使用平臺偵錯程式重新抓取；預覽已快取。
常見問題
為什麼我的共享連結看起來仍然錯誤？
平臺積極快取預覽。一旦標籤正確，請使用平臺自己的共享偵錯器強制重新抓取，或等待快取過期。
og:image 是必需的嗎？
嚴格來說，沒有影像的連結會得到一張純文字卡，點選的可能性要小得多。新增一個。
影像的尺寸應該是多少？
通常建議使用大約 1200 x 630 畫素，因為它可以在大多數平臺上進行裁剪。
我還需要 Twitter 特定的標籤嗎？
大多數平臺都會讀取 og 標籤。 Twitter 的卡片標籤可以覆蓋佈局，但它是可選的。
我可以使用相對 URL 嗎？
不可以。 og:image 和 og:url 必須是絕對的，包括方案，因為外部抓取工具沒有可解析的基本 URL。