Meta 標籤生成器

📖 工具介紹

網頁 head 中的 meta 標籤決定了搜尋引擎與社交平臺如何抓取和展示頁面。本工具把常用標籤集中到一個表單裡：填寫標題、描述、關鍵詞、作者與規範連結，選擇 robots 指令、視口寫法、語言與主題色，即可一鍵生成可直接貼上的程式碼。可按需附帶 Open Graph 與 Twitter Card 標籤，避免手動編寫時遺漏屬性或寫錯 property 與 name 的區別。生成時會檢查標題是否超過 60 字元、描述是否超過 160 字元並給出提示，這兩個長度是搜尋結果摘要的常見截斷閾值。全部處理在本地完成，填寫的內容不會上傳。常見使用場景包括：新建頁面時生成標準 head、為已有頁面補齊社交分享標籤、統一全站 viewport 與 robots 寫法、以及把標籤模板交給不熟悉 HTML 的同事複用。需要注意的是，robots 標籤控制的是抓取與索引行為，而非頁面的權重傳遞，noindex 與 nofollow 可以組合使用以應對不同場景，例如登入頁通常設為 noindex,follow，而外部合作連結所在頁可設為 index,nofollow。此外 description 雖然是展示文案，但搜尋引擎並不保證原樣採用，當描述與使用者搜尋詞不匹配時會自動替換為正文片段，因此描述應與頁面實際內容高度一致，避免寫成通用的宣傳語。對於已有站點，建議先用本工具生成一份標準模板，再按頁面型別替換標題與描述部分，可顯著降低遺漏與筆誤。若站點使用內容管理系統，多數系統提供自定義 head 欄位，把生成結果整段貼上即可，無需改動模板檔案。

✨ 功能特點

• 常用標籤全覆蓋：title、description、keywords、author、robots、viewport、canonical 一次生成
• 社交標籤可選：按需附帶 Open Graph 與 Twitter Card，自動區分 property 與 name 屬性
• 長度提示：標題超 60 字元、描述超 160 字元時給出提醒，貼合搜尋結果截斷閾值
• HTML 轉義：可開關特殊字元轉義，避免描述裡含引號導致標籤提前閉合
• 一鍵複製匯出：結果可複製到剪貼簿，或下載為 HTML 片段檔案

🚀 使用方法

1. 填寫標題與描述；
2. 選擇 robots 與視口；
3. 點選「生成標籤」；
4. 複製程式碼貼上到網頁 head 中。