标题标签层级

标题标签定义页面内容层级结构，是搜索引擎理解页面主题的重要信号。

标题层级规则

基本结构

HTML

<h1>页面主标题（仅一个）</h1>
  <h2>一级章节</h2>
    <h3>二级子章节</h3>
    <h3>另一个二级子章节</h3>
  <h2>另一个一级章节</h2>
    <h3>子章节</h3>
      <h4>更深层级</h4>

层级规范

标签	数量限制	用途
h1	每页仅1个	页面主标题
h2	无限制	主要章节
h3	无限制	子章节
h4-h6	无限制	更细分章节

正确与错误示例

正确示例

HTML

<article>
  <h1>语义化HTML完全指南</h1>

  <section>
    <h2>什么是语义化HTML</h2>
    <p>语义化HTML是...</p>
  </section>

  <section>
    <h2>常用语义标签</h2>
    <h3>页面结构标签</h3>
    <p>header、nav、main...</p>
    <h3>内容语义标签</h3>
    <p>article、section...</p>
  </section>

  <section>
    <h2>SEO最佳实践</h2>
    <p>...</p>
  </section>
</article>

错误示例

HTML

<!-- 错误：多个h1 -->
<h1>文章标题</h1>
<h1>作者介绍</h1>

<!-- 错误：跳过层级 -->
<h1>标题</h1>
<h3>直接跳到h3</h3>  <!-- 应该是h2 -->

<!-- 错误：仅用于样式 -->
<h2>这段文字要大一点</h2>  <!-- 应用CSS而非h标签 -->

标题编写技巧

关键词布局

HTML

<h1>HTML语义化标签指南 | SEO优化教程</h1>
<h2>语义化HTML的SEO优势</h2>
<h3>提升搜索引擎理解能力</h3>

标题长度建议

标签	建议长度	说明
h1	50-60字符	包含核心关键词
h2	40-50字符	简洁概括章节
h3-h6	30-40字符	清晰描述小节

标题与页面结构

HTML

<body>
  <header>
    <h1>网站名称</h1>  <!-- 首页 -->
    <!-- 或 -->
    <p><a href="/">网站名称</a></p>  <!-- 内页，h1在正文 -->
  </header>

  <main>
    <article>
      <h1>文章标题</h1>  <!-- 内页唯一h1 -->
      <!-- 内容 -->
    </article>
  </main>
</body>

注意：标题标签用于内容结构，不要仅为了视觉样式使用h标签，样式应通过CSS实现。

要点总结

每页仅一个h1，用于定义页面主标题
标题层级顺序递进，不跳级（h1→h2→h3）
h1包含核心关键词，标题简洁明确
标题用于内容结构，不用于视觉样式
h2划分主要章节，h3及以下细分内容

📝 发现内容有误？点击此处直接编辑