SEO 百科

语义化标签

本页目录

语义化标签

语义化标签 是 HTML 里的一类元素，标签名本身就说明含义，例如 <nav> 表示导航、<main> 表示主体内容[1]。它们对 SEO 有帮助，因为爬虫与辅助技术都按标签判断各块内容的用途，而不是从样式去猜。整页只用 <div>，机器就得自己推断哪一块是正文，推断错了，收录和无障碍都会跟着吃亏。

各标签管什么

标签 负责的范围
<header> 页面或某个区块的头部
<nav> 主要导航链接的集合
<main> 页面的主题内容，全页只有一个
<article> 能独立成篇的内容
<aside> 与主体相关、可以分离的内容
<footer> 页面或区块的尾部

<main> 是全页唯一的主题内容容器，一个页面不该出现第二个[1]。<article> 要求这段内容单独看也能成立，例如一篇博文或一条商品评价[2]。<nav> 装的是主要导航，页脚里的备案链接不一定要放进去[3]。

<body>
  <header>站点标题与简介</header>
  <nav>主导航</nav>
  <main>
    <article>一篇完整的文章</article>
    <aside>相关推荐</aside>
  </main>
  <footer>版权与备案信息</footer>
</body>

机器如何读这些标签

这些标签在浏览器里对应地标区域，屏幕阅读器可以按区域跳转，使用辅助技术的用户不必逐段听读[4]。爬虫读的是同一份结构，按标签就能分清哪一块是导航、哪一块是正文。

标题层级也在这套结构里。<h1> 到 <h6> 用来区分层次，一个页面通常只有一个 <h1>，层级跳着用会让机器误判段落关系。

不写语义标签的损失

WebAIM 在 2026 年调查了 100 万个首页，只有 46.1% 的页面写了 <main>，或者写了对应的地标区域[6]。其余页面的主体内容，机器只能从版式上推断。

推断容易出错。搜索结果里正文被当成导航，或者导航被当成正文，两种情况都会让抓到的内容偏离主题。用 <div class="header"> 代替 <header>，样式上看不出区别，机器读到的却是一块无名内容。

与抓取和收录的关系

收录从抓取开始，百度把抓取概括为从互联网抓取网页、建立索引数据库、把索引库中的数据展现给用户[5]。标签写得清楚，机器在解析这一步就能定下主次，后面的处理才顺。

使用分寸

  • <main> 一个页面只能有一个，多了机器分不清主体[1]。
  • <article> 与 <section> 不能互换，前者要求内容能独立成立。
  • 语义标签只解决“这块是什么”，替代不了内容本身的质量。

常见误用

  • 全用 <div> 加类名搭结构，机器读不出区域含义。
  • 一页放多个 <main>，主体范围互相冲突。
  • 只把 <h1> 当加粗用，标题层级与内容层次对不上。
  • 把整页塞进一个 <article>，导航和广告也算成了文章。

附录

参见

参考资料

官方（境外）

  1. 《<main>》，MDN Web 文档，2025-10-24 更新。
  2. 《<article>：文章内容元素》，MDN Web 文档，2025-08-22 更新。
  3. 《<nav>》，MDN Web 文档，2025-09-17 更新。
  4. 《Introduction to Web Accessibility》，W3C Web Accessibility Initiative，2026-02-03 更新。

官方（国内）

  1. 《百度搜索的工作原理》，百度搜索资源平台，2023-12-21 更新。

第三方

  1. 《The WebAIM Million》，WebAIM，2026-02。

外部链接

无。