什么是Meta 标签生成器？
Meta 标签生成器为您的网页创建完整的 HTML meta 标签。输入页面标题、描述、关键词和社交媒体信息，即可获得格式规范的 meta 标签，有效提升搜索可见性和社交分享效果。
填好页面标题、描述(建议 155 字符左右,Google 显示最好看)、关键词、作者、canonical、robots、viewport、charset,再补上 Open Graph(Facebook/LinkedIn)和 Twitter Card(X)字段。结果是一段可直接放进 `<head>` 的 `<meta>` 和 `<link>` 标签。复制到 HTML、Next.js metadata 或模板头部即可。
使用方法
- 填写页面标题、描述、作者和目标关键词，生成基础 SEO meta 标签。
- 添加 Open Graph（Facebook）和 Twitter Card 元数据——标题、描述、图片 URL 和卡片类型。
- 复制完整的 meta 标签 HTML 代码块，粘贴到网页的 <head> 部分即可。
何时使用
- 上线前给一个 HTML 着陆页配齐 SEO 和社交分享的元信息。
- 对现有页面做体检,把字段贴回来看看哪些缺失、哪些超长。
- 在需求文档里把 meta 标签写好,交给开发人员塞进 CMS 模板。
结果
您即将上线一个产品页面，需要配置 meta 标签。将标题设为“无线降噪耳机”，撰写一段 155 字符以内的描述，并添加产品图片 URL 作为 OG 图片标签。
常见问题
- 标题和描述到底该写多长?
- 标题控制在 50–60 个字符,描述 140–160 个字符。Google 会截断更长的标题,描述预览区大约 920 像素宽,正好对应这个长度。
- 现在还需要 `<meta name='keywords'>` 吗?
- Google 从 2009 年就忽略它,Bing 把它视为垃圾信号。除非目标用户在 Yandex 或百度(那里还有一点权重),否则可以直接省略。
- og:title 和普通的 `<title>` 有什么区别?
- `<title>` 决定浏览器标签和 Google 搜索结果里的标题;`og:title` 是 Facebook、LinkedIn、Slack 分享卡片上的标题。两者可以不一样:社交标题更俏皮,页面标题更注重关键词。
- Twitter card 选哪种类型好?
- `summary_large_image` 的预览最大(1200×630 图),适合大多数文章和商品页。短文本帖子用 `summary` 即可,缩略图也够用。
- 加了 canonical 标签就能解决重复内容问题吗?
- canonical 告诉搜索引擎多个相似页面里哪个是正本,只是个提示,不会重定向。同时把内部链接和 HTTPS 都对齐一致,信号才会足够强。