Meta 标签生成器
标题、描述、关键词、canonical 与 robots 元标签，附带实时 Google 搜索预览
Robots
这个生成器输出哪些内容
- 核心标签 — title、description、keywords（并如实注明 Google 已忽略它们）、author、viewport、charset。
- Open Graph 全套 — og:title/description/image/url/type，提供文章信息时还会加上时间戳。
- Twitter Card — summary_large_image 标签，未设置图片时自动回退为 summary。
- Robots 指令 — index/follow 开关仅在非默认取值时才输出组合结果。
基于实时 SERP 预览构建标签
你输入的同时就能看到 Google 摘要的真实渲染——截断位置、描述裁切和像素宽度超限都会在你把内容粘贴进 CMS 之前提前暴露。
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