Meta 标签生成器 — 一键生成完整的网页头部标签
标题与 meta 描述就是用户在 Google 里看到的名片，canonical 配错还会让排名分散到重复网址。填写标题、描述、canonical、robots 与 Open Graph 字段，一键生成可直接粘贴到 <head> 的 meta 标签。用法：填入字段，查看长度提示，复制生成好的 HTML，特殊字符（如 & 和 <）会自动转义，保证标签不会损坏。全程在本地运行，不上传任何数据。示例：canonical 与 og 标签同页并存。
工作原理
生成器把你填写的字段拼成对应的头部标签。空的选填字段会被跳过，所以输出里只有你填过的内容。每个值都会做 HTML 转义：& 变成 &，< 变成 <，保证标签在页面里始终合法。长度提示会在标题或描述超过常用上限时提醒你，但不会截断你的文字。
生成器遵循的规则
以下规则来自 Google Search Central 关于 meta 标签、标题链接与 canonical 的说明。
- meta 标题与描述是建议而非指令：搜索引擎可能改写或截断它们，所以标题建议 60 字、描述建议 155–160 字。
- 所有值都会做 HTML 转义：& < > " 和 ' 转成实体，标题或描述里的特殊字符不会破坏标签结构。
- canonical URL 应该是带协议的完整绝对地址。相对路径或缺协议的 URL 不能作为 canonical 目标。
- robots meta 使用 index/noindex 与 follow/nofollow。缺省时搜索引擎采用自己的默认行为：收录并跟踪。
- canonical 与 Open Graph 标签可以同页并存：og:url 应与 canonical URL 一致，让社交分享指向同一地址。
示例
样例填入了标题、描述、canonical、robots 和三个 Open Graph 字段。生成的代码输出 <title> 标签、meta description、canonical 链接、robots meta 以及已填写的 og: 标签。
适用场景
- 搭建新页面模板：一次性生成头部代码，核对长度提示后粘贴进模板再上线。
- 给客户交付页面：生成带 canonical 与 OG 字段的完整头部代码，直接粘进 CMS。
- 发布前生成标签，并与搜索结果预览比对，确保标题和描述与页面实际内容一致。
常见问题
robots meta 各值是什么意思？
index 让搜索引擎把页面收录进结果，noindex 则不收录。follow 允许抓取页面上的链接，nofollow 表示不要跟踪。不写该标签时默认是 index, follow。
我填的特殊字符会被转义吗？
会。生成器会把 & < > " 和 ' 转义成实体：& 变成 &，< 变成 <。即使值里含有类似标签的字符，输出也始终合法。
canonical 和 Open Graph 标签能并存吗？
能，它们服务不同系统。canonical 链接告诉搜索引擎首选地址，og: 标签描述页面的社交分享信息。建议让 og:url 与 canonical URL 保持一致。
标题和描述多长合适？
常用经验值是标题约 60 字、描述 155–160 字。这些只是建议：搜索引擎可能改写或截断更长的内容。
空字段会怎样？
空的选填字段会被跳过，所以生成的代码里只包含你填过的字段对应的标签。
我的数据会被上传到别处吗？
不会。生成器完全在浏览器本地运行，不上传任何数据。
相关工具
咨询与反馈
页面不清、功能异常或想提建议？在下方起草邮件，我们会阅读每一封关于工具的来信。