SEO Meta 标签生成器
生成用于 SEO 的网页头部标签：标题、描述、规范链接、robots 的 noindex 和 nofollow、视口、字符集与主题色，并带有字数统计。
用逗号分隔。Google 和 Bing 排名时会忽略此标签。
#4f46e5
放入 <head> 的 HTML
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Free Online Tools for Developers</title> <meta name="description" content="Format, convert and validate data right in your browser. Fast, private and free developer utilities."> <link rel="canonical" href="https://example.com/">
搜索引擎可能会改写标题和描述。请让每个页面的标题和描述保持唯一；只有当您禁止索引或跟踪时才会添加 robots meta 标签。
什么是 Meta 标签生成器？
这个生成器通过一个简单的表单写出网页必备的 <head> 标签：charset、响应式 viewport、<title>、meta 描述、可选的关键词和作者、canonical 链接、robots 指令以及主题色。字数统计会显示标题和描述是否处于通常推荐的长度范围内。
如何使用 Meta 标签生成器
- 输入页面标题和 meta 描述，并留意字数统计。
- 添加 canonical URL，必要时再添加作者、关键词和主题色。
- 取消勾选“允许索引”或“允许跟踪链接”，即可添加 robots meta 标签。
- 把生成的 HTML 复制到页面的 <head> 中。
示例
输入
Title: Tom & Jerry · description: Classic "cartoon" · indexing off
输出
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Tom & Jerry</title> <meta name="description" content="Classic "cartoon""> <meta name="robots" content="noindex, follow"> <link rel="canonical" href="https://example.com/">
何时使用 Meta 标签生成器
适合在构建新页面或模板、并希望快速得到正确且已转义的 head 标签时使用。它不会检查你现有的页面；要预览标题和描述在 Google 中的显示效果，请使用 SERP 预览工具；社交卡片请使用 Open Graph 或 Twitter Card 生成器。
Meta 标签生成器 的工作原理
值会经过 HTML 转义后插入标签（&、"、<、> 会变成实体），所以描述中的引号不会破坏标记。空字段会被省略。只有在禁止索引或禁止跟踪时才会写入 robots meta 标签，因为 index, follow 是默认值。关键词会被去除首尾空白并用逗号重新连接。
常见用例
- 为静态落地页创建 head 标签。
- 为预发布页面或感谢页面添加 noindex。
- 为可通过多个 URL 访问的页面生成 canonical 链接。
- 发布之前检查标题和描述的长度。
常见问题
标题和 meta 描述应该多长？
Google 按像素宽度截断；标题大约 50–60 个字符、描述最多约 155–160 个字符，通常可以完整显示。
meta keywords 对 SEO 有帮助吗？
没有。Google 和 Bing 在排名时会忽略它们。这个字段只用于内部搜索引擎或历史遗留的要求。
每个页面都需要 robots meta 标签吗？
不需要。没有它时，页面可被索引且链接会被跟踪。只有需要限制时才添加。