Open Graph（OG）標籤產生器
連結被分享時，Facebook、LinkedIn、WhatsApp、Slack 和 X 會根據網頁的 Open Graph 標籤產生預覽卡片。輸入標題、描述與圖片，查看卡片實際的樣子，再複製標籤。若圖片遺失或太小，工具會提醒你。
從現有 HTML 匯入
Google 約在 600 px 處截斷
Google 約在 920 px 處截斷
理想尺寸：1200 × 630 px
更多選項：作者、主題顏色、robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
用於 <head> 的 HTML
使用方式
- 輸入網頁的標題、描述與完整網址。
- 貼上分享圖片的網址（理想尺寸為 1200 × 630 像素），並查看 Facebook 與 X 的預覽。
- 將標籤複製到網頁的 <head> 中。發布後，請使用各平台的分享偵錯工具重新整理快取。
常見問題
og:image 應該用多大的尺寸？
請使用 1200 × 630 像素（1.91:1 比例），這是 Facebook 與 LinkedIn 建議的大型卡片尺寸；X 會將大型卡片裁切成 2:1。重要文字請遠離邊緣，並使用以 https:// 開頭的完整網址。
需要另外設定 Twitter（X）標籤嗎？
只需要 twitter:card。X 在沒有專屬標籤時會讀取 og:title、og:description 與 og:image，所以工具只會加入卡片類型，以及（如果你想要的話）你的 @使用者名稱。
我改了標籤，但預覽還是舊的，為什麼？
社群平台會將卡片快取好幾天。請開啟 Facebook 分享偵錯工具或 LinkedIn Post Inspector，貼上網址並要求重新擷取網頁。
🏷️ Meta 標籤產生器
🔗 UTM 連結產生器
🌈 CSS 漸層產生器
🔲 CSS 盒子陰影（box-shadow）產生器