元标签生成工具 — 免费在线

为网页生成 title、description、viewport 和 charset 元标签。

结果仅供参考,可能包含错误。请自行核实重要信息。使用本工具风险自负。

这个工具能做什么

元标签生成工具为网页的 <head> 编写基本的 SEO 标签。填写标题、描述、关键词和作者,它会输出对应的 <title> 和 <meta> 标签,并且总是以 UTF-8 字符集标签和响应式 viewport 标签开头。空字段会被省略,文本中的引号和尖括号会被转义。

最重要的两个标签是标题和元描述:搜索引擎通常把它们显示为搜索结果的标题和摘要。标题建议不超过约 60 个字符,描述控制在 120–160 个字符,并说明页面能提供什么。Google 会忽略 keywords 标签,但它没有坏处,一些站内搜索工具仍会读取它。

适用场景

  • 上线新页面或落地页时设置其搜索摘要。
  • 修复 Search Console 报告缺少描述或描述重复的页面。
  • 为静态网站或单页应用模板添加正确的 head 标签。
  • 为只接受原始 HTML 的 CMS 准备 SEO 标签。

示例

输入

页面标题:Free JSON Formatter | 4Dev
元描述:Format and validate JSON online. Free, fast, private.
作者:4Dev

输出

<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Free JSON Formatter | 4Dev</title>
<meta name="description" content="Format and validate JSON online. Free, fast, private."/>
<meta name="author" content="4Dev"/>

关于这个工具的问题

为什么 Google 显示的描述和我写的不一样?

当 Google 认为页面的其他部分更能回答搜索查询时,会改写摘要。与页面内容明确相符的描述更常被采用。

每个页面都需要独立的标题和描述吗?

需要。重复的标题会让页面彼此竞争,也让用户更难挑出正确的结果。把页面的具体主题放在前面,网站名称放在最后。

社交媒体预览怎么办?

Facebook、LinkedIn、Slack 和 WhatsApp 读取的是 Open Graph 标签。用 Open Graph 标签生成工具生成后,与这些标签放在一起即可。

这些标签具体放在哪里?

放在 <head> 内,越靠前越好,字符集标签放在第一位。HTML 模板生成工具提供了按正确顺序排列的完整页面骨架。

这个工具免费吗?

是的,完全免费。无需注册或电子邮箱。结果直接显示在本页。

如何获取结果?

在此页面使用工具即可查看结果,无需通过电子邮件接收。