元标记生成器

Q: 什么是元标记（Meta Tags）？为什么它们对 SEO 很重要？

元标记是放置在网页 部分的 HTML 元素，用于向搜索引擎和社交媒体平台提供有关该页面的元数据。关键的元标记包括标题标记（在搜索结果中显示）、元描述（搜索结果标题下方显示的摘要）和 robots 标记（控制搜索引擎抓取）。精心制作的元标记可以提高搜索结果的点击率，并确保您的内容在社交媒体上分享时显示正确。

Q: 什么是 Open Graph 标记？它们是如何工作的？

Open Graph (OG) 标记是由 Facebook 开发的元标记，用于控制您的网页在分享到 Facebook、LinkedIn 和 Pinterest 等社交媒体平台时的外观。关键的 OG 标记包括 og:title、og:description、og:image、og:url 和 og:type。当有人分享您的 URL 时，这些平台会读取 OG 标记，以生成包含您指定的标题、描述和图像的丰富预览卡片。

Q: 元标题和描述的理想长度是多少？

对于 SEO，建议的元标题长度为 50-60 个字符（Google 通常显示最多 60 个字符或约 600 像素宽）。元描述应为 150-160 个字符（Google 可能会截断更长的描述）。对于 Open Graph，标题应为 60-90 个字符，描述为 100-200 个字符。对于 Twitter Cards，标题最好在 50-70 个字符之间，描述在 200 个字符以内。

Q: Open Graph 和 Twitter Cards 应该使用多大的图片尺寸？

对于 Open Graph 图像，建议尺寸为 1200 x 630 像素（1.91:1 比例），最小尺寸为 200 x 200 像素。对于带有 summary_large_image 的 Twitter Cards，请使用 1200 x 628 像素；对于 summary 卡片，最小使用 144 x 144 像素（最高可达 4096 x 4096）。图像大小应在 5 MB 以下。使用一张 1200 x 630 像素的图像通常可以很好地适配两个平台。

生成 SEO 元标记、Open Graph 标记和 Twitter Card 标记，并提供 Google、Facebook 和 X (Twitter) 的实时预览。包含实时字符计数器和一键复制功能。

元标记生成器

⚡ 快速示例 — 尝试其中一个以查看所有功能：

博客文章电子商务产品作品集网站

页面标题 0 / 60

建议：Google 搜索结果建议 50-60 个字符

元描述 (Meta Description) 0 / 160

建议：150-160 个字符以在搜索结果中获得最佳显示效果

关键词 0 / 255

逗号分隔的关键词（虽然 SEO 影响有限，但部分引擎仍在使用）

Robots

字符集

规范 URL (Canonical URL)

此页面的首选 URL（防止重复内容问题）

选填项目

作者

语言

视口 (Viewport)

控制移动设备上的响应式行为

ℹ Open Graph 标记控制您的页面在分享到 Facebook、LinkedIn、Pinterest 和其他社交平台时的显示效果。如果留空，这些字段将回退使用您的基础 SEO 值。

og:title 0 / 90

og:description 0 / 200

og:image

建议：1200 x 630 像素，5 MB 以内

og:url

og:type

og:site_name

og:locale

ℹ Twitter Card 标记控制您的页面在 X (Twitter) 上分享时的外观。如果留空，X 将回退使用您的 Open Graph 标记。

卡片类型

大多数内容建议使用 summary_large_image

twitter:title 0 / 70

twitter:description 0 / 200

twitter:image

建议：summary_large_image 使用 1200 x 628 像素

twitter:site

您的 X @用户名

twitter:creator

内容创作者的 @用户名

👁 实时预览

🌐 example.com

您的页面标题

您的页面描述将显示在这里。编写引人入胜的描述以提高搜索结果的点击率。

⬚ 未设置图像 — 请添加 og:image URL

example.com

您的 Open Graph 标题

您的 Open Graph 描述将显示在这里。

⬚ 未设置图像 — 请添加 twitter:image URL

您的 Twitter Card 标题

您的 Twitter Card 描述将显示在这里。

🔗 example.com

Embed 元标记生成器 Widget

元标记生成器

元标记生成器可为您的网站创建 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) @用户名

建议的字符限制

Google 标题

50–60

个字符

Google 描述

150–160

个字符

OG 标题

60–90

个字符

OG 描述

100–200

个字符

Twitter 标题

50–70

个字符

Twitter 描述

200 以内

个字符

专业技巧： 为 SEO、Open Graph 和 Twitter Cards 编写不同的标题和描述。每个平台的显示限制和上下文都不同 —— 搜索结果标题应富含关键词，而社交媒体标题应更具吸引力和分享价值。

如何使用此元标记生成器

填写基础 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）的大型卡片。最适合博客文章、落地页和视觉内容。

注意： 如果您不设置 Twitter Card 标记，X (Twitter) 将自动回退使用您的 Open Graph 标记。但是，同时设置两者可以让您完全控制内容在每个平台上的呈现方式。

常见问题

什么是元标记？为什么它们对 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 像素的图像通常可以很好地适配两个平台。

其他相关工具:

元标记生成器

您已用完今天的免费次数。

元标记生成器

什么是元标记？

此工具生成的元标记类型

建议的字符限制

如何使用此元标记生成器

Open Graph 图像最佳实践

Twitter Card 类型

常见问题

什么是元标记？为什么它们对 SEO 很重要？

什么是 Open Graph 标记？它们是如何工作的？

什么是 Twitter Card 标记？

元标题和描述的理想长度是多少？

我需要同时使用 Open Graph 和 Twitter Card 标记吗？

Open Graph 和 Twitter Cards 应该使用多大的图片尺寸？

更多资源

其他相关工具:

网站管理工具:

常用工具: