Meta／OG 標籤產生器
填寫標題、描述與分享圖片，產生 SEO、Open Graph 與 Twitter 卡片的 HTML 標籤，並預覽搜尋結果與分享卡片。
基本 SEO
0 字，寬度 0／60（中文字算 2）
0 字，寬度 0，建議 70–160（中文字算 2）
這個頁面的正式網址，也會用於 og:url
Open Graph（Facebook、LINE 等分享預覽）
留空時使用頁面標題
留空時使用頁面描述
建議 1200 × 630 像素、絕對網址；預覽不會載入圖片
例如 zh_TW、en_US
Twitter／X 卡片
例如 @example
例如 @example
檢查結果
搜尋結果預覽
example.com
（未填標題）
（未填描述）
社群分享預覽
EXAMPLE.COM
（未填標題）
（未填描述）
預覽只是示意，實際顯示依各平台與裝置而不同。圖片不會被下載，只顯示網址。
使用說明
- 填寫頁面標題、描述與標準網址；欄位下方會顯示字數與寬度（中文字算 2 個半形字寬）。
- 在 Open Graph 區塊填入分享圖片網址、網站名稱與語系；分享標題與描述留空時會沿用頁面的標題與描述。
- 選擇 Twitter／X 卡片類型，需要時填入帳號。
- 右側的「檢查結果」會提示缺少或過長的欄位，並預覽搜尋結果與社群分享卡片。
- 複製產生的 HTML 標籤，貼到網頁的 <head> 中。
常見問題
標題和描述要寫多長？
Google 依顯示寬度截斷，而不是字數。一般建議標題約 60 個半形字寬（約 30 個中文字），描述約 70–160 個半形字寬（約 35–80 個中文字）。本工具把中文、全形字與 emoji 算成 2 個字寬來估算；實際顯示會因裝置而不同。
預覽為什麼不顯示我的圖片？
為了保護隱私，本工具不會向任何網址發出請求，所以只顯示圖片網址與預留位置。要確認圖片能正常顯示，請把頁面上線後用 Facebook 分享偵錯工具等平台工具檢查。
og:image 有什麼要求？
必須是完整的 https:// 網址，不能用相對路徑。建議尺寸 1200 × 630 像素（約 1.91:1），檔案不要太大，重要文字放在中間，避免被不同平台裁切。
更新了 OG 標籤，分享時還是舊的？
Facebook、LINE、Slack 等平台會快取分享預覽。可以用各平台的偵錯工具要求重新抓取，或在網址後加上參數（例如 ?v=2）讓它當成新網址。
還需要 meta keywords 嗎？
不需要。Google 等主要搜尋引擎早已忽略 keywords 標籤，所以本工具沒有產生它。把心力放在清楚的標題、描述與頁面內容上更有幫助。
我輸入的內容會被上傳嗎？
不會。所有標籤與預覽都在你的瀏覽器中產生，不會儲存，也不會送到任何伺服器。