生成 SEO 元标签
填写页面信息，即可获得可直接粘贴的标准、Open Graph 和 Twitter Card 元标签代码块 — 并提供实时预览。
标准元标签
0 / 60
0 / 160
Open Graph
Twitter Card
Google 搜索预览
example.com
你的页面标题将显示在此处
开始输入后，你的元描述将显示在此处
社交卡片预览
example.com
你的页面标题将显示在此处
开始输入后，你的元描述将显示在此处
关于元标签生成器
元标签用于告知搜索引擎和社交平台如何在搜索结果、链接预览和分享帖子中展示你的页面。这款工具通过一个简单的表单生成完整且正确转义的标签代码块，并提供实时预览，让你在发布前就能准确看到页面的呈现效果。
功能：
- 标准 SEO 标签：标题、描述、canonical、robots 等
- Open Graph 标签，在 Facebook、LinkedIn 等平台呈现丰富的链接预览
- 支持摘要和大图两种布局的 Twitter Card 标签
- 输入时实时预览 Google 搜索结果和社交卡片效果
如何使用元标签生成器
- 填写页面标题、描述和规范网址
- 添加 Open Graph 信息，用于社交平台的链接预览
- 选择 Twitter Card 类型并添加网站账号
- 复制生成的标签，或将其下载为 HTML 代码片段
常见问题
这些元标签应该粘贴到哪里？
将整个代码块粘贴到页面 HTML 的 <head> 部分中，最好放在靠前的位置，在其他资源加载之前。
元描述和 Open Graph 描述有什么区别？
元描述用于搜索引擎的结果列表，而 og:description 用于 Facebook、LinkedIn 等社交平台在分享你的链接时显示。两者可以使用相同的文字，但针对社交场景调整 og:description（更短、更吸引人）通常效果更好。
为什么我的标题或描述显示为琥珀色？
这表示你的内容超过了搜索引擎通常完整显示的长度 — 标题约 60 个字符，描述约 160 个字符。较长的文本通常会被截断并显示省略号。
哪些元标签会真正影响 SEO 排名？
老实说，直接影响排名的标签非常少。title 标签和元描述主要影响搜索结果的点击率，而非你的排名位置 — 如今 Google 基本上已忽略 keywords 元标签。robots 和 canonical 标签更多地关系到收录，而不是排名。
这个工具会把我的数据发送到别处吗？
不会。每个字段、生成的标签代码块以及预览效果，都是使用 JavaScript 在你的浏览器本地构建的 — 不会向任何服务器发送数据。
我需要同时使用 Open Graph 和 Twitter 标签吗？
并非严格必需 — Twitter/X 会将 Open Graph 标签作为后备方案读取 — 但添加专门的 Twitter Card 标签可以让你为 Twitter/X 分享单独选择不同的图片或摘要布局。
隐私
你输入的每个字段以及生成的完整标签代码块都只保存在你的浏览器中。不会被上传、记录，也不会存储在我们的服务器上。