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 中。