SEO 的 HTML 标签：哪些真正重要（附示例）

在任何人看到屏幕上的页面之前，搜索引擎和 AI 助手已经把它当作代码读过一遍。少数几个用于 SEO 的 HTML 标签决定了这段代码如何被理解：哪个 URL 被收录、结果中显示哪个标题、页面讲的是什么、被分享时长什么样。Google 在其 Search Central 文档的一个页面中列出了它支持的 meta 标签和属性，凡是不在这份清单里的，对 Google 搜索都没有任何作用。本指南逐一介绍每个有用的标签，附上示例、应避免的错误，以及可以放心忽略的标签。

哪些 HTML 标签对 SEO 重要？

下表是参考清单。head 中的标签向机器描述页面；body 中的标签组织人们阅读的内容。

哪些 head 标签决定 Google 如何展示你的页面？

title 标签

title 标签是页面上最重要的标签。Google 表示 title 元素没有长度限制，但标题链接会按设备宽度截断，在电脑上大约是 50 至 60 个字符。Google 也可能改写它：其文档列出了所用的来源，从 title 元素、页面上可见的主标题，到 H1 标题、og:title 标签以及指向该页面的链接锚文本。与 H1 和页面内容一致的 title，才是 Google 会保留的那个。为每个页面写一个独特的 title，主关键词放在开头，品牌名放在末尾。

meta description

meta description 不会改变排名，但它经常提供标题下方的摘要，因而影响点击。Google 可能用页面中更贴近查询的段落替换它。把它写成简短的答案加上一个好处，长度在 120 至 160 个字符之间，并且不要在多个页面重复使用同一段描述。

meta robots 标签

robots meta 标签告诉爬虫可以如何处理页面。最常用的值是 noindex，它让页面不出现在结果中；其他值包括 nofollow、nosnippet 和限制摘要长度的 max-snippet。对于没有 head 部分的文件（例如 PDF），同样的指令要放在 HTTP 响应头 X-Robots-Tag 中。线上模板中遗留的 noindex 是流量下降最常见的原因之一，所以每次发布后都要检查。

viewport 与 charset

Google 在文档中说明，viewport 标签的存在表明页面适合移动设备。由于 Google 收录的是网站的移动版本，每个页面都应包含这个标签。字符集声明（Google 推荐 UTF-8）可以避免标题和摘要中出现乱码，这对多语言网站尤为重要。

哪些标签告诉 Google 应该收录哪个 URL？

head 中的两个 link 标签负责处理重复内容和语言。canonical 标签在同一内容可通过多个 URL 访问时（筛选条件、跟踪参数、HTTP 与 HTTPS）指定首选版本。Google 把它视为强提示，与重定向和内部链接一起考虑，因此当所有信号都指向同一个 URL 时效果最好。请使用绝对 URL，每页只放一个 canonical，并且永远不要让它指向被屏蔽或设置了 noindex 的页面。

hreflang 属性告诉 Google 应向哪种语言或地区的用户显示哪个页面。根据 Google 关于本地化版本的指南，每个版本都必须列出自身和所有其他版本，x-default 值可以为语言未被覆盖的用户指定页面。缺少返回链接是最常见的 hreflang 错误：如果页面 A 指向页面 B，页面 B 也必须指回页面 A。

哪些 body 标签帮助搜索引擎理解内容？

H1 至 H6 标题

标题构成页面的大纲。用一个 H1 点明主题，用 H2 划分主要章节，用 H3 表示章节内的步骤或条目，不要为了视觉效果跳级。Google 曾表示多个 H1 不会导致惩罚，但一个清晰的 H1 仍是对读者和辅助技术最简单的结构。以问句形式写的 H2（“X 是如何运作的？”）也更贴近人们提出搜索和提示词的方式。

图片的替代文本

Google 在其图片 SEO 指南中解释说，它会结合替代文本、计算机视觉和页面内容来理解图片，而在 alt 属性中堆砌关键词可能导致网站被视为垃圾内容。用一句简短的话描述图片内容即可。Google 还指出它不会收录 CSS 背景图片，因此任何需要获得排名的图片都必须使用真正的 img 元素。

链接及其 rel 属性

a 元素是爬虫发现页面的途径，所以内部链接必须是带 href 的真实链接，而不是由 JavaScript 控制的按钮。rel 属性用于标注外部链接：付费投放用 sponsored，评论和论坛帖子用 ugc，不想背书的链接用 nofollow。自 2020 年起，Google 将这些值视为提示。描述性的锚文本对读者和搜索引擎都有帮助。

HTML5 语义元素

main、article、nav、header、footer 和 section 等元素告诉机器页面的哪一部分是主体内容，哪些部分在每个页面上重复出现。它们本身不会提升排名，但能让搜索引擎、屏幕阅读器和 AI 工具更容易分离出主体内容。我们的语义化 HTML 指南详细介绍了每个元素。在正文中，strong 和 em 用于标示强调：只用于关键术语，而不是整段文字。

哪些标签决定社交预览和富媒体搜索结果？

Open Graph 协议由 Facebook 创建，如今被大多数社交网络和即时通讯应用读取，它定义了 og:title、og:description、og:image 和 og:url 标签，用于在页面被分享时生成预览卡片。没有这些标签，平台只能猜测，往往会选错图片。发布前可以用 Open Graph 预览工具检查效果。

JSON-LD 格式的结构化数据放在 script 标签中，用 Schema.org 词汇描述页面：文章、产品、组织、面包屑导航、常见问题。Google 用它生成富媒体搜索结果，它也为 AI 系统提供关于页面背后实体的明确事实。标记必须描述页面上可见的内容。我们在结构化数据与 AI 搜索指南中详细介绍了它在 AI 回答中的作用。

Google 会忽略哪些 HTML 标签？

Google 支持的标签清单也告诉你哪些可以不再维护：

• Meta keywords：Google 明确表示 Google 搜索不使用 meta keywords 标签，它对收录和排名没有任何影响。
• 未知的 meta 标签：Google 会忽略它不支持的 meta 标签，例如 meta author 或 meta revisit-after。
• lang 属性：Google 根据页面文本判断语言，而不是依据 lang 属性。为了无障碍访问和其他工具，请保留该属性，并用 hreflang 关联各语言版本。
• 用 meta refresh 做重定向：它能生效，但 Google 建议改用服务器端的 301 重定向。

HTML 标签对 AI 回答重要吗？

重要，原因很简单：ChatGPT、Claude、Gemini 和 Perplexity 会从页面中提取段落，而干净的 HTML 让这些段落更容易被找到。有几种 AI 爬虫只抓取原始 HTML 而不执行 JavaScript，因此由脚本注入的 title、canonical 或文本块可能永远到不了它们那里。清晰的标题层级把页面拆分成独立的答案，列表和表格让事实集中呈现，结构化数据则毫不含糊地陈述事实。这就是生成式引擎优化的技术层面：帮助 Google 的标签，同样帮助 AI 助手准确地引用你。

如何检查页面的 HTML 标签？

1. 阅读原始源代码。打开源代码（Ctrl+U），查找 title、meta description、robots、canonical 和 hreflang 标签。如果某个标签只出现在渲染后的页面中，说明它依赖 JavaScript。
2. 与 Google 的视角对比。Google Search Console 中的网址检查工具会显示 Google 渲染出的 HTML 以及它选定的规范网址。
3. 逐页检查。免费的 Sorank Chrome 扩展程序会列出当前页面缺失或重复的标签以及修复方法。
4. 检查整个网站。爬虫工具能在成千上万个 URL 中找出重复的 title、缺失的替代文本和错误的 canonical；我们精选的技术 SEO 工具对各种选择做了比较。
5. 每次发布后重新检查。noindex、损坏的 canonical 和空白 title 往往出现在模板变更之后。

掌握上面这十几个标签，就几乎覆盖了 HTML 能为 SEO 做的一切；其余的工作在于内容和链接。如果你希望页面一上线就具备干净的 title、标题、内部链接和结构化内容，Sorank 的文章生成器会以 autopilot 模式撰写并发布它们，按年付费每月 49 美元起（查看价格）。