元标记生成器
生成 SEO 元标记、Open Graph 标记和 Twitter Card 标记,并提供 Google、Facebook 和 X (Twitter) 的实时预览。包含实时字符计数器和一键复制功能。
检测到广告拦截,导致我们无法展示广告
MiniWebtool 依靠广告收入免费提供服务。如果这个工具帮到了你,欢迎开通 Premium(无广告 + 更快),或将 MiniWebtool.com 加入白名单后刷新页面。
- 或升级 Premium(无广告)
- 允许 MiniWebtool.com 显示广告,然后刷新
元标记生成器
元标记生成器可为您的网站创建 SEO 优化的元标记、Open Graph 标记和 Twitter Card 标记,并提供实时预览。在发布之前,确切了解您的页面在 Google 搜索结果、Facebook 帖子和 X (Twitter) 卡片中的显示效果。实时字符计数器可帮助您保持在建议限制范围内,从而获得最大的曝光度。
什么是元标记?
元标记是放置在网页 <head> 部分的 HTML 元素,用于向搜索引擎和社交平台提供元数据。它们不会直接出现在页面内容中,但会显著影响您的页面在网络上的发现、索引和显示方式。
此工具生成的元标记类型
| 类别 | 标记 | 用途 |
|---|---|---|
| SEO | <title> | 搜索结果和浏览器选项卡中显示的页面标题 |
| SEO | meta description | 搜索结果中标题下方显示的摘要片段 |
| SEO | meta keywords | 逗号分隔的关键词(目前对 SEO 影响有限) |
| SEO | meta robots | 控制搜索引擎的抓取和索引行为 |
| SEO | link canonical | 指定首选 URL 以防止重复内容 |
| 社交 | og:title | 在 Facebook、LinkedIn 等平台分享时显示的标题 |
| 社交 | og:description | 社交媒体分享卡片中显示的描述 |
| 社交 | og:image | 社交媒体分享预览中显示的图像 |
| X/Twitter | twitter:card | 卡片类型:summary 或 summary_large_image |
| X/Twitter | twitter:site | 您的 X (Twitter) @用户名 |
建议的字符限制
如何使用此元标记生成器
- 填写基础 SEO 标记: 输入您的页面标题(建议 50-60 个字符)、元描述(150-160 个字符)、关键词,选择 robots 指令、字符集,并可选添加规范 URL。
- 添加 Open Graph 标记: 切换到 Open Graph 选项卡,输入您的 OG 标题、描述、图片 URL、页面 URL、网站名称和内容类型,以便在 Facebook 和 LinkedIn 上获得最佳分享效果。
- 配置 Twitter Card 标记: 切换到 Twitter Card 选项卡设置卡片类型(summary 或 summary_large_image)、标题、描述、图片 URL 以及您的 X @用户名。
- 预览您的标记: 查看实时预览面板,了解您的页面在 Google 搜索结果、Facebook 帖子和 X (Twitter) 卡片中的外观。
- 生成并复制: 点击“生成元标记”以查看带有语法高亮的完整 HTML 代码。点击“复制代码”并将其粘贴到页面的
<head>部分。
Open Graph 图像最佳实践
- 建议尺寸: 1200 x 630 像素(1.91:1 宽高比)
- 最小尺寸: 200 x 200 像素(Facebook 的最低要求)
- 文件大小: 5 MB 以下以获得最佳性能
- 格式: JPEG, PNG, 或 WebP
- 安全区域: 将重要的文本/徽标保持在图像中心 80% 的范围内
Twitter Card 类型
- summary: 带有方形缩略图(最小 144x144)的小型卡片。最适合文章和常规内容。
- summary_large_image: 带有突出大图(建议 1200x628)的大型卡片。最适合博客文章、落地页和视觉内容。
常见问题
什么是元标记?为什么它们对 SEO 很重要?
元标记是放置在网页 <head> 部分的 HTML 元素,用于向搜索引擎和社交媒体平台提供有关该页面的元数据。关键元标记包括标题标记(在搜索结果中显示)、元描述(搜索结果标题下方显示的摘要)和 robots 标记(控制搜索引擎抓取)。精心制作的元标记可以提高搜索结果的点击率,并确保您的内容在社交媒体上分享时显示正确。
什么是 Open Graph 标记?它们是如何工作的?
Open Graph (OG) 标记是由 Facebook 开发的元标记,用于控制您的网页在分享到社交媒体平台(如 Facebook、LinkedIn 和 Pinterest)时的外观。关键 OG 标记包括 og:title、og:description、og:image、og:url 和 og:type。当有人分享您的 URL 时,这些平台会读取 OG 标记,以生成包含您指定的标题、描述和图像的丰富预览卡片。
什么是 Twitter Card 标记?
Twitter Card 标记(现为 X Card 标记)是控制您的内容在 X(前身为 Twitter)上分享时如何显示的元标记。主要类型包括 summary(小缩略图)和 summary_large_image(大图预览)。关键标记包括 twitter:card(卡片类型)、twitter:title、twitter:description、twitter:image 和 twitter:site(您的 @用户名)。如果未设置 Twitter Card 标记,X 将回退使用 Open Graph 标记。
元标题和描述的理想长度是多少?
对于 SEO,建议的元标题长度为 50-60 个字符(Google 通常显示最多 60 个字符)。元描述应为 150-160 个字符。对于 Open Graph,标题应为 60-90 个字符,描述为 100-200 个字符。对于 Twitter Cards,标题最好在 50-70 个字符之间,描述在 200 个字符以内。
我需要同时使用 Open Graph 和 Twitter Card 标记吗?
虽然如果没有 Twitter Card 标记,X (Twitter) 会回退到 Open Graph 标记,但最佳做法是同时包含两者。Twitter Card 标记允许您自定义卡片类型并包含您的 @用户名,这是仅靠 OG 标记无法实现的。同时拥有两者可确保在所有平台上实现最佳显示效果。
Open Graph 和 Twitter Cards 应该使用多大的图片尺寸?
对于 Open Graph 图像,建议尺寸为 1200 x 630 像素,最小为 200 x 200 像素。对于具有 summary_large_image 的 Twitter Cards,请使用 1200 x 628 像素;对于 summary 卡片,最小使用 144 x 144 像素。使用一张 1200 x 630 像素的图像通常可以很好地适配两个平台。
更多资源
引用此内容、页面或工具为:
"元标记生成器" 于 https://MiniWebtool.com/zh-cn/元标记生成器/,来自 MiniWebtool,https://MiniWebtool.com/
由 miniwebtool 团队提供。更新日期:2026年2月6日