HTML 词条目录
前端Wiki/HTML/深入/SEO 友好结构

标题层级规划

搜索引擎把 h1~h6 当作文档大纲来理解页面主次结构,规划标题层级就是在给爬虫"画目录":h1 是页面唯一主题(通常与 title 呼应但可以不同),h2 是章节,h3 是小节,逐级深入不跳级。

两个常见误区:一是"哪个标题字号大用哪个"——标题该选哪一级只由内容层级决定,字号交给 CSS 调;二是一页塞十几个 h1 试图强调多个关键词,这会稀释主题信号,得不偿失。

自查方法:把页面里所有标题按层级缩进抄出来,如果这份"大纲"本身能看懂页面讲了什么,结构就是合格的;如果乱成一团,用户和爬虫都会迷路。

本节要点h1 全页唯一、h2~h6 逐级不跳级;标题级别只看内容层级、字号交给 CSS;把标题抄成大纲自查结构是否清晰。
HTML
<h1>HTML 表格完全指南</h1>          <!-- 页面唯一主题 -->
  <h2>一、基础结构</h2>                <!-- 章节 -->
    <h3>1. table 与 tr</h3>            <!-- 小节 -->
    <h3>2. 表头与合并</h3>
  <h2>二、样式美化</h2>
    <h3>1. 边框与斑马纹</h3>
    <h3>2. 响应式表格</h3>

<!-- 错误示范:跳级 + 多个 h1,大纲信号混乱 -->
<!-- <h1>表格</h1><h4>结构</h4><h1>样式</h1> -->