Meta 標籤產生器
標題、描述、關鍵字、canonical 與 robots 元標籤，附即時 Google 搜尋預覽
Robots
這個產生器會輸出什麼
- 主要標籤 — title、description、keywords（並誠實註明 Google 會忽略 keywords）、author、viewport、charset。
- Open Graph 組合 — og:title/description/image/url/type，若有提供文章時間戳記也一併輸出。
- Twitter Card — summary_large_image 標籤，未設定影像時自動退回 summary。
- Robots 指令 — index/follow 開關只在非預設值時才輸出合併後的值。
基於即時 SERP 預覽打造的標籤
輸入的同時就能看到 Google 摘要的實際渲染 — 截斷、說明遭裁切與像素寬度溢出，都會在你貼進內容管理系統之前率先浮現。
Google 搜尋結果預覽
標題、描述和 URL 以 Google 風格搜尋結果即時渲染，您可以對照 70 字元標題和 200 字元描述的上限琢磨措辭。
完整的 head 程式碼區塊
產生器一次輸出標題、meta 描述、關鍵字、作者、canonical、theme-color 和 robots index、follow 標籤，形成一個可直接貼上的程式碼區塊。
內建 robots 控制
robots 開關把 index 或 noindex、follow 或 nofollow 寫進程式碼區塊，抓取指令隨中繼資料一起上線，無需另行編輯。
常見問題
標題和描述應該多長？
Google 通常只顯示約 60 個字元的標題和約 155–160 個字元的描述，超出部分會以刪節號截斷——這裡的即時預覽採用相同的截斷方式，方便你在發布前先檢查。
robots 元標籤控制的是什麼？
「Index」決定搜尋引擎是否可以將此頁面收錄進搜尋結果；「Follow」決定它們是否追蹤頁面上的連結。取消勾選任一項，都會在產生的標籤中加入 noindex/nofollow。
我的內容會被上傳到別處嗎？
不會——一切都以純 JavaScript 在你的瀏覽器端執行，你輸入的內容不會傳送到任何伺服器。
相關工具
什麼是 Meta 標籤產生器？
頁面的 head 區域存放著告訴搜尋引擎「這個頁面講什麼」的 meta 標籤——標題、描述、關鍵字、canonical 網址和抓取規則。這些寫對很重要，因為標題和描述正是搜尋者在結果頁上看到的內容，結構完整的標籤區塊也能幫助搜尋引擎正確理解並收錄頁面。這個產生器逐欄位組裝標籤區塊，並即時顯示 Google 風格的預覽效果，讓你在發布之前就能調整措辭。部落客、SEO 從業者和手工修改樣板的開發者都會用到它。
產生器會產出什麼
- 🏷️ 標題、描述、關鍵字和作者 meta 標籤
- 🔗 canonical 網址和 robots 的 index/follow 開關
- 🎨 theme-color 和 viewport 標籤
- 🔍 接近真實截斷效果的搜尋結果即時預覽
- 📋 可直接貼上、跳脫完整的 head 程式碼區塊
什麼時候會用到
- 發布新的部落格文章或落地頁
- 重寫一個在搜尋中表現不佳的頁面標題
- 手動修改靜態 HTML 頁面或樣板
- 檢查描述在搜尋結果裡會被截斷成什麼樣
所有欄位都在瀏覽器本機處理，不會上傳任何內容。一個誠實的提醒：預覽模擬的是常見的顯示長度，但最終展示由 Google 決定，它可能改寫標題或使用自己的摘要——請把它當作參考，而不是保證。
最後更新 · 2026-09-01