Meta 标签生成器

生成完整的 HTML meta 标签，包括 Open Graph 和 Twitter Card 标签。即用代码，完美 SEO 和社交分享。

基本 Meta 标签

0/60
0/160

Open Graph 和社交

生成的 Meta 标签
<!-- Basic Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />

SEO 检查清单

标题（50-60 个字符）
描述（120-160 个字符）
已设置 OG 图片 URL
已设置 Canonical URL
已配置 Twitter Card

完整 Meta 标签

一站式生成基本 HTML meta 标签、Facebook/LinkedIn 的 Open Graph 标签和 Twitter Card 标签。

SEO 最佳实践

内置字符限制和 SEO 检查清单，帮助您遵循 Google 和社交媒体的最佳实践。

即用代码

输出为格式化的 HTML，可直接粘贴到页面的 head 部分。

如何使用 Meta 标签生成器

  1. 1.在基本 Meta 标签部分填写页面标题、描述和关键词。
  2. 2.添加 Open Graph 和社交信息，包括图片 URL 和站点名称，以获取丰富的社交预览。
  3. 3.查看 SEO 检查清单，确保所有重要字段已填写。
  4. 4.点击复制所有标签，将生成的 HTML 粘贴到页面的 <head> 部分。

常见问题

什么是 meta 标签，为什么它们很重要？

Meta 标签是 <head> 部分中提供网页元数据的 HTML 元素。它们告诉搜索引擎您的页面内容（影响 SEO 排名），并控制在社交媒体平台上分享时内容的显示方式。

什么是 Open Graph (OG) 标签？

Open Graph 标签（og:title、og:description、og:image 等）是 Facebook 创建的 meta 标签，控制您的内容在 Facebook、LinkedIn、Pinterest 等平台上分享时的显示方式。它们确保丰富、吸引人的链接预览。

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

Google 通常显示标题标签的前 50-60 个字符和 meta 描述的 120-160 个字符。将标题控制在 60 个字符以内，描述控制在 120-160 个字符之间，以获得最佳的搜索结果显示效果。

我需要同时使用 OG 标签和 Twitter Card 标签吗？

如果缺少 Twitter Card 标签，Twitter 会使用 OG 标签作为备选。但同时使用两者可以最大程度地控制内容在每个平台上的显示方式。Twitter 特定标签会在 Twitter/X 上覆盖 OG 标签。