第十课 · 阶段三 页面优化
一篇好内容，先有一副好骨架
H1 到 H6 是文章的目录树。清楚的标题和段落让读者更快找到答案，也为搜索引擎提供结构线索。步骤、定义和表格要先服务内容需要；它们不保证被精选摘要或 AI 引用。
学完你能做什么
把一篇文章整理成 H1/H2/H3 大纲；区分标题与视觉字号；让每个小节回答具体问题，并检查真实页面的层级。1 标题层级
H1–H6 就是内容的目录树
像一本书的章节：
- H1：全页主标题，相当于书名——入门时建议用一个清楚的 H1 表达主主题，这是便于维护与理解的惯例，不是「多一个就降排名」的硬规则；
- H2：大章节；H3：章节下的小节；再往下 H4–H6，很少用到；
- 层级按内容关系逐级细分，尽量避免向下跳级；从小节结束返回上级（如 H3 回到 H2）则很正常。清楚的结构也帮助使用屏幕阅读器的人导航。
标题标签不是用来「把字变大」的
想让某行字更大更粗，那是 CSS 的活。标题标签（H1–H6）表达的是结构和层级——用错了，读者和引擎都会看错你的重点。
2 给内容排层级
动手搭一副骨架
假设你在写一篇《手冲咖啡入门》。下面每一段内容，该用哪个层级？给每段点一个（点错会给提示）：
3 写给三种读者
好结构，同时讨好三方
清晰的标题层级不是为了「看起来整齐」，而是同时服务三种读者：
读者
扫读大多数人先扫标题、再决定读哪段。清晰的小标题让人几秒钟找到想要的内容，不会划走。
搜索引擎
理解主题标题是理解页面内容的线索之一；正文、链接及其他信息也会被综合考虑，不是只读 H 标签。
答案系统
定位信息完整的定义、可执行的步骤和有表头的表格，方便定位答案。能否成为精选摘要或 AI 引用，还取决于问题、内容质量与系统选择。
内容顺序跟着问题走
先给简短答案，再解释条件、步骤与例外。每段围绕一个意思；只有需要比较时才用表格，需要顺序时才用编号步骤。不要为了「好抽取」把完整解释拆成孤立短句。4 随堂自测
点一点、填一填，检查你会了没
练 真实页面练习 · 20 分钟
只看标题，能不能看懂这篇文章？
- 选一篇自己的长文，抄出全部标题及其标签。没有网站时，用你熟悉的公开文章拟一份新大纲。
- 整理为一个主主题、几个并列 H2、必要的 H3。把「介绍」「更多」等笼统标题改成具体内容或读者问题，给每节写一句它要回答什么。
- 选其中一节补上直接答案、可执行步骤和一个必要的限制。预览页面，再只读标题检查顺序；用浏览器检查确认字号变化没有冒充语义标签。
验收
交付前后大纲和一个改写小节。读者仅看标题就能判断主题及各节关系；每个标题下面都有对应内容；步骤不缺前提，表格有明确表头。验收的是结构与可读性，不是是否获得精选摘要。