Meta tag 生成器

页面上线前先整理搜索摘要和社交预览，再把标签复制进构建结果。

基本信息

18 / 60

建议长度：50 到 60 个字符

38 / 160

建议长度：150 到 160 个字符

用逗号分隔。不是 Google 主要排名因素，但在部分流程仍有用。

社交预览字段

建议尺寸：1200 × 630

生成的 HTML

<!-- Primary Meta Tags -->
<title>My Awesome Website</title>
<meta name="title" content="My Awesome Website" />
<meta name="description" content="The best place to find amazing things." />
<meta name="keywords" content="website, generator, tools" />
<meta name="author" content="" />
<meta name="robots" content="index, follow" />
<meta name="theme-color" content="#000000" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com" />
<meta property="og:title" content="My Awesome Website" />
<meta property="og:description" content="The best place to find amazing things." />
<meta property="og:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />
<meta property="og:site_name" content="My Site" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://example.com" />
<meta property="twitter:title" content="My Awesome Website" />
<meta property="twitter:description" content="The best place to find amazing things." />
<meta property="twitter:image" content="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=1200&h=630&fit=crop" />

Google 预览

icon
My Site
https://example.com
My Awesome Website
The best place to find amazing things.

社交预览

Preview
EXAMPLE.COM
My Awesome Website
The best place to find amazing things.

Meta tag 最佳实务

Title

请围绕页面真正的搜索意图写 title。含糊 title 看似能套所有页面，最后会让每页都不值得点。

Description

Description 不是排名捷径，但常是用户点击前会读的一行。请直接说出页面承诺，避免只是重复 title。

Open Graph

Open Graph 标签控制许多社交平台分享链接时使用的默认 title、description、网址和图片。

Robots

谨慎使用 robots directives。noindex 可让页面不出现在搜索中，nofollow 会影响 crawler 如何看待页面链接。

Canonical 网址

把重复、带追踪参数或变体网址指回偏好的页面，让搜索引擎理解哪个版本应承接信号。

常见问题

Meta keywords 还重要吗？

它们不是重要的 Google 排名因素，但在内部流程、次要搜索引擎或结构化编辑规划中仍可能有用。

如何确认 Open Graph tags 有作用？

可使用 Facebook Sharing Debugger 或社交卡片验证工具，抓取并预览实际 metadata。

这页是 SEO 工具，为什么 viewport 重要？

Viewport 本身不是 SEO 排名标签，但它对手机渲染质量很重要，任何正式 HTML head 都应正确设置。

Google 会显示我写的 meta description 吗？

不一定。搜索引擎可能在页面其他部分更符合查询时重写 snippet。清楚 description 在被采用时仍有帮助。

Title tag 应该多长？

没有精确字符限制，因为搜索结果以渲染宽度衡量，但 50 到 60 个字符对多数页面是实用范围。

准备把 metadata 调好的页面发布出去？

用 HTTPS、干净路由和全球边缘网络部署页面，让你刚调好的 metadata 绑在真实可分享的网址上。

部署网站