實用工具
輸入
結果
結果會顯示在這裡。連結貼到 Slack、LINE、LinkedIn、Facebook、Discord 或 X 時長什麼樣子，是由幾個 meta 標籤決定的，而大多數頁面總會出點小差錯：og:image 用了相對位址、少了 og:url、標題長到被截斷。用簡單的幾行寫下頁面的標題、描述、網址和圖片，這裡會輸出整組標籤——title 與 description、canonical 連結、ogp.me 定義的 Open Graph 屬性以及 X 卡片標籤——並正確跳脫。它也會依 Google 常見的顯示寬度衡量標題和描述，並列出 Open Graph 四個必要屬性中缺了哪些。在 Next.js 專案中，可以用 next-seo（garmeeh/next-seo，8.5k star，MIT）或框架內建的 metadata API 在程式碼中產生同樣的標籤。
它是怎麼運作的
- 用簡短的鍵就可以——title、description、url、image、image:alt、site_name、type、locale——任何 og:、article:、twitter: 屬性也能照規範的拼法直接寫入。
- og:type 預設為 website，canonical 預設取 url 那一行，寫成 en-US、zh-tw 的語系代碼會改寫為 Open Graph 要求的 en_US、zh_TW。
- 預設只替 X 加上 twitter:card，因為 X 會退而讀取 og:title、og:description 和 og:image；有圖片時卡片類型會自動設為 summary_large_image。
- 計算標題和描述寬度時，一個中日韓字元以兩個計算，因為 Google 依像素寬度截斷，而中文字大約是拉丁字母的兩倍寬。
你的資料去了哪裡
哪也沒去。本工具完全在你的瀏覽器裡執行：你貼上的文字由頁面處理，不會傳輸到任何伺服器，也不會寫進任何紀錄。
本工具免費且免登入，執行結果只存在於你目前的頁面裡，不會被儲存到任何地方。
它要花多少
本工具完全免費，不需要登入，也不消耗點數。
常見問題
- 標題和描述要寫多長才合適？
- Google 大約在 600 像素處截斷標題，約等於 60 個英文字元或 30 個中文字；描述大約在 155–160 個字元處截斷。這些是經驗值而不是硬性上限：過長的內容照樣會被收錄，只是結尾變成刪節號。各社群平台有自己的截斷規則，通常更寬鬆。
- og:image 應該用多大的圖片？
- 1200×630 像素（1.91:1）是 Facebook 和 LinkedIn 建議的尺寸，也適用於 X 的大圖卡片。請使用絕對 https 網址，檔案控制在幾 MB 以內，並寫上 og:image:width 與 og:image:height，這樣第一次分享時不必等圖片下載完就能顯示卡片。
- 標籤改了，分享出去還是舊的預覽，怎麼辦？
- 各平台都會快取抓取過的預覽。Facebook 的分享偵錯工具和 LinkedIn 的 Post Inspector 都能強制重新抓取；其他平台可以在分享的網址後面加上 ?v=2 之類的參數，讓它看起來像一個新連結。
- 還需要 twitter: 開頭的標籤嗎？
- 只有 twitter:card 是必要的，沒有對應的 twitter: 標籤時，X 會讀取 og: 的標題、描述和圖片。如果想讓卡片標示來源，可以加上 twitter:site（網站的 @帳號）和 twitter:creator（作者的 @帳號）；帳號漏寫 @ 時工具會自動補上。
背後的開源專案
本工具是獨立實作，並未打包第三方函式庫。garmeeh/next-seo（MIT）在程式碼層面做的是同一件事——如果你需要在自己的程式裡實作它，從那裡開始，而不是呼叫一個網頁。
garmeeh/next-seo也常被稱作
- og 標籤產生
- open graph 產生器
- meta 標籤產生器
- twitter card 產生
- 分享預覽標籤
- 網頁 meta 標籤