第十课 · 阶段三 页面优化
一篇好内容，先有一副好骨架
H1 到 H6 是文章的目录树。它既帮读者一眼扫到重点，也帮搜索引擎和 AI 看懂你的结构——结构清楚的内容，更容易被读完、被引用、被「精选摘要」抽走。
1 标题层级
H1–H6 就是内容的目录树
像一本书的章节：
- H1：全页主题，相当于书名——一个页面通常只用一个 H1；
- H2：大章节；H3：章节下的小节；再往下 H4–H6，很少用到；
- 层级要逐级来，别从 H2 直接跳到 H4——那会让「目录树」断掉。
标题标签不是用来「把字变大」的
想让某行字更大更粗，那是 CSS 的活。标题标签（H1–H6）表达的是结构和层级——用错了，读者和引擎都会看错你的重点。
2 给内容排层级
动手搭一副骨架
假设你在写一篇《手冲咖啡入门》。下面每一段内容，该用哪个层级？给每段点一个（点错会给提示）：
3 写给三种读者
好结构，同时讨好三方
清晰的标题层级不是为了「看起来整齐」，而是同时服务三种读者：
读者
扫读大多数人先扫标题、再决定读哪段。清晰的小标题让人几秒钟找到想要的内容，不会划走。
爬虫
理解主题搜索引擎靠标题层级判断「这页讲什么、重点在哪、各部分什么关系」。
AI
抽取引用结构清晰的步骤、定义、表格、列表，更容易被「精选摘要」和 AI 概览直接抽走展示（回到阶段六的 GEO）。
4 随堂自测