Meta 標籤產生器
填寫欄位，再把標籤複製到頁面的 head 中。
- 在您的瀏覽器中執行 — 您的文字絕不會傳送到任何地方
- 免註冊、無額度限制，可隨您高興使用多少次
運作方式
有三組互相重疊的標籤做著幾乎相同的工作：傳統的 SEO 標籤、供 Facebook、LinkedIn、WhatsApp 與 Slack 使用的 Open Graph，以及 Twitter Card。手寫的話得重複三次，還很容易漏掉其中一組。
Open Graph 承擔了大部分工作
它不只用於 Facebook。LinkedIn、WhatsApp、Slack、Discord、iMessage 以及大多數會展開連結預覽的服務，都會讀取 Open Graph 標籤。設定正確，幾乎所有地方的預覽都能一次修好。Twitter Card 是給 X 使用的一小組額外標籤，缺少時 X 會退而使用 Open Graph。
輸入時即時檢查長度
在搜尋結果截斷之前，標題大約 60 個字元、描述大約 160 個字元。這些是參考值而非硬性限制，搜尋引擎是以像素寬度衡量標題，所以滿是大寫字母與 M 的標題，會比滿是小寫 L 的標題更早被截斷。當您進入風險區間時，警告會告訴您。
圖片是人們常忘記的部分
沒有 og:image 的連結預覽只會是一個光禿禿的灰色方塊，這會明顯降低點擊率。URL 必須是以 https 開頭的絕對網址，因為擷取它的網站並不知道您頁面的基底 URL。大約 1200 × 630 像素適合大圖卡片。
標準網址（Canonical URL）
加入 canonical 連結標籤，可在同一頁面有多種存取方式時，告訴搜尋引擎哪個位址才是正式的，例如有無結尾斜線、帶有追蹤參數、http 與 https。只要一行就能解決一整類重複內容的問題。
一切都會被跳脫
文字中的引號與角括號都會被正確跳脫，因此包含單引號或雙引號的描述不會破壞它所在的標籤。
Meta 標籤產生器常見問題
除了 Open Graph，還需要 Twitter Card 標籤嗎？
嚴格來說不需要，X 會退而使用 Open Graph。額外的標籤能讓您控制使用哪種卡片樣式。
標題應該多長？
約 60 個字元。搜尋引擎是依像素寬度截斷，所以請把它當作參考而非硬性規定。
為什麼我的連結預覽沒有圖片？
可能是缺少 og:image，或其 URL 是相對路徑。它必須是以 https 開頭的絕對網址。
這些標籤要放在哪裡？
放在頁面的 <head> 內。
為什麼我的預覽沒有更新？
社群平台會積極快取。多數平台都提供除錯工具，可強制重新擷取。