Meta 标签生成器
生成 SEO meta 标签、Open Graph 和 Twitter Card 标签，并提供 Google、Facebook 和 LinkedIn 实时预览。还包括 robots、canonical、语言和 PWA 标签。
正在加载Meta 标签生成器…
您的文件绝不离开您的设备
如何使用Meta 标签生成器
- 1
在此页面打开Meta 标签生成器，它直接在浏览器中加载。
- 2
添加文件、文本或数值，并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
关于此工具
Meta 标签告诉搜索引擎和社交网络页面的主题以及如何展示它。这款 Meta 标签生成器 通过一个简单表单生成完整的标签集：标题和描述、用于 Facebook 和 LinkedIn 的 Open Graph 标签、Twitter Card 标签、robots 和 canonical 标签、语言、字符集以及移动应用标签。实时预览展示页面在 Google 搜索结果和分享时的样子，长度计数器会在标题被截断前提醒你。
如何生成 Meta 标签
- 输入页面标题、描述、关键词和作者。
- 添加规范网址（canonical），并选择 robots 设置，例如 index, follow。
- 填写社交信息：图片、类型（website 或 article）和卡片类型。
- 查看 Google、Facebook 和 LinkedIn 预览。
- 将生成的 HTML 复制到页面的 <head> 中。
推荐长度
| 标签 | 推荐值 |
|---|---|
| 标题 | 30 至 60 个字符 |
| Meta 描述 | 120 至 160 个字符 |
| Open Graph 图片 | 1200 x 630 像素（1.91:1） |
| Twitter 大图 | 1200 x 600 像素（2:1） |
生成的标签
- 基础 SEO：title、description、keywords、author、robots、canonical、语言和 charset。
- Open Graph：og:title、og:description、og:image、og:url、og:type、og:site_name 和 og:locale，Facebook、LinkedIn、WhatsApp 及众多应用都会使用。
- Twitter Card：summary 或带大图的 summary，包含标题、描述和图片。
- 移动端与 PWA：viewport、主题色、Apple 网页应用标题和状态栏样式，以及 Windows 磁贴颜色。
如何写出吸引点击的标签
- 把主要关键词放在标题前部，保持通顺，不要堆砌。
- 像写广告一样写描述：页面提供什么、为什么值得点击。Google 可能会改写描述，但好的描述往往会被原样采用。
- 全站 每个标题和描述都应唯一。
- og:image 请 使用真实图片；没有图片的帖子在分享时获得的关注要少得多。
- 设置规范网址，避免同一页面的多个版本相互竞争。
Google 会忽略 meta keywords 标签，因此它是可选的。用 结构化数据生成器 添加结构化数据，用 Open Graph 生成器 设计分享预览，并用 robots.txt 生成器 控制抓取。
常见问题
哪些 Meta 标签对 SEO 最重要？
title 标签和 meta 描述的效果最明显，因为它们构成了你的搜索结果。robots 和 canonical 标签负责控制索引和重复内容。
Meta 描述应该多长？
大约 120 至 160 个字符。更长的描述通常会在搜索结果中被截断。
什么是 Open Graph 标签？
og:title、og:description 和 og:image 等标签，决定页面在 Facebook、LinkedIn、WhatsApp 等应用中被分享时的样子。
还需要 meta keywords 标签吗？
不需要。Google 会忽略它。你可以保留，但它对排名没有帮助。
og:image 应该多大？
1200 x 630 像素在大多数平台上效果都很好。带大图的 Twitter summary 卡片请使用 1200 x 600。
生成的标签放在哪里？
粘贴到 HTML 页面的 head 部分；如果你的 CMS 会自动生成标签，则填到它的 SEO 字段中。