meta标签生成器 - SEO、OG 与社交标签

面向 SEO 与社交分享的 meta 标签生成器

这款 meta 标签生成器会为你的页面构建搜索引擎和社交平台所需的完整 HTML <meta> 标签块。只需输入一次标题和描述，工具就会自动为你写出 SEO、Open Graph 和 Twitter Card 标签。它适合任何想要干净、规范的 <head>，又不想记住标签语法的人。

你可以在三个选项卡中操作——基础 SEO、Open Graph 和 Twitter Card——同时实时预览会展示页面在谷歌、脸书和 X（Twitter）上的样子。当标记看起来无误时，点击一下即可复制生成的 HTML，直接粘贴到你的页面中。

隐私优先设计：每个标签都在你的浏览器中生成。你输入的任何内容——标题、描述、图片链接或账号——都不会上传到服务器。

如何使用 meta 标签生成器

填写基础 SEO

在基础 SEO 选项卡中，输入页面标题（建议 50–60 个字符）和 Meta 描述（建议 150–160 个字符）。如有需要，可再添加关键词、作者、规范链接和 robots 指令。

自定义 Open Graph

切换到 Open Graph 选项卡，控制页面在脸书、领英等平台上的展示效果。选择内容类型，添加图片链接（1200 x 630 像素），并设置网站名称和语言区域。留空的字段会回退使用你的基础 SEO 值。

自定义 Twitter Card

在 Twitter Card 选项卡中，选择 summary 或 summary_large_image 版式，并填写你的网站账号和作者账号。这些字段会优先继承 Open Graph，其次继承基础 SEO。

预览并复制

查看谷歌、脸书和 X 上的实时预览。当效果满意时，点击复制代码，把生成的标签粘贴到页面的 <head> 区域内。

功能特点

基础 SEO 标签

为搜索引擎生成标题、描述、关键词、作者、robots 和规范链接标签。

Open Graph 标签

为脸书和领英构建 og:type、标题、描述、链接、图片、图片替代文本、网站名称和语言区域。

Twitter Card 标签

为 X（Twitter）分享输出卡片类型、标题、描述、图片、网站账号和作者账号标签。

智能默认值

Open Graph 字段继承基础 SEO，Twitter 字段继承 Open Graph，只有需要不同文案时才需要覆盖。

多平台实时预览

在发布前，查看页面作为谷歌搜索结果、脸书卡片和 X（Twitter）卡片的样子。

卡片版式切换

在 summary 和 summary_large_image 之间切换 Twitter 卡片，预览即时更新。

字符数校验

标题和描述配有彩色计数器：范围内为绿色，接近上限为黄色，超出为红色。

robots 指令

设置 index/noindex 与 follow/nofollow；当两者都保持默认的 index, follow 时，robots 标签会被省略。

干净的代码输出

语法高亮的 HTML，仅包含你填写的标签——没有空标签或多余标签。

一键复制与重置

一键将完整代码复制到剪贴板，或将每个字段重置后重新开始。

常见问题

什么是 meta 标签？

meta 标签是一段 HTML 代码，它向搜索引擎和社交平台提供关于页面的信息。meta 标签本身不会显示在页面上，但它决定了你的内容在搜索结果中以及在社交媒体上被分享时的展示方式。

如何为我的网站创建 meta 标签？

在基础 SEO 选项卡中填写标题和描述，然后可选地调整 Open Graph 和 Twitter Card 选项卡。这款生成器会为你写出 HTML。点击复制代码，把标签粘贴到页面的 <head> 区域内，放在结束的 </head> 标签之前。在 WordPress 这类 CMS 上，可使用 SEO 插件或主题的自定义头部区域。

标题标签和 Meta 描述应该多长？

标题建议 50–60 个字符，描述建议 150–160 个字符，这样在搜索结果中不会被截断。字符计数器在接近上限时变黄，超出时变红。

Open Graph 标签和 Twitter Card 标签有什么区别？

Open Graph 标签控制页面在脸书、领英等平台上分享时的样子。Twitter Card 标签对 X（Twitter）起同样的作用。X 可以回退使用 Open Graph 标签，因此仅有 OG 标签也能覆盖基本的分享——但 Twitter Card 标签给你额外的控制权，包括在 summary 卡片和大图卡片之间做选择。

推荐的 Open Graph 图片尺寸是多少？

使用 1200 x 630 像素（1.91:1 的宽高比）。这个尺寸在脸书、领英、X 等平台上都能良好显示。请选择一张清晰、高质量、能代表你内容的图片。

summary 卡片和 summary_large_image 卡片有什么区别？

summary 卡片会在文字旁显示一张小的方形缩略图。summary_large_image 卡片则在文字上方显示一张大图，在时间线中占据更多空间。在 Twitter Card 选项卡中切换两者，预览会立即更新。

meta 标签对 SEO 有帮助吗？

有帮助——写得好的标题和描述标签能提升你在搜索结果中的点击率，而 Open Graph 和 Twitter Card 标签能让分享出去的链接看起来更吸引人。请注意，谷歌已不再使用 keywords meta 标签进行排名；它是可选的、优先级很低，不过某些其他搜索引擎和站内搜索工具仍可能引用它。