语义化 HTML5 标签使用

GEO

语义化 HTML5 标签使用

问题说明

语义化 HTML5 标签（article、section、nav、aside 等）帮助搜索引擎和 AI 系统理解页面结构。使用 div 堆砌的页面缺乏语义信息，不利于内容被正确解析和引用。

最佳实践

1. 使用 <header> 包裹页头

2. 使用 <nav> 包裹导航

3. 使用 <main> 包裹主要内容

4. 使用 <article> 包裹独立内容

5. 使用 <section> 划分内容区块

6. 使用 <aside> 包裹侧边栏

7. 使用 <footer> 包裹页脚

<body>
  <header>
    <nav>...</nav>
  </header>
  <main>
    <article>
      <section>
        <h2>章节标题</h2>
        <p>内容...</p>
      </section>
    </article>
    <aside>侧边栏</aside>
  </main>
  <footer>...</footer>
</body>

AI 引擎的影响

AI 搜索引擎（如 Google SGE、Bing Chat）更容易从语义清晰的页面中提取和引用内容。良好的语义结构是 GEO 优化的基础。