📍 WDQWDWQD987AAAAA:216.73.216.74
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /6bc5f61a5e64.html
📄

网站设计规范，页面标题与正文怎样对应

在网站设计规范里，页面标题与正文的对应关系可以概括为一句话：标题承诺什么，正文就交付什么。标题负责界定这一页要解决的具体问题，正文负责围绕这个问题给出完整答案。判断是否合格，不看标题写得多漂亮，而看读者读完正文后，是否觉得标题被兑现了。

先明确适用前提

这套做法适用于已有页面或项目的改进，比如标题与内容脱节、正文前半段偏离主题、多个页面标题雷同。它不要求推翻原有结构，而是逐页检查标题与正文的匹配度。前提是页面本身有明确的服务对象和单一目的；如果一页同时想讲五件事，先拆页，再谈对应。

标题与正文对应的三个层次

对应不是把标题原词在正文里重复几遍，而是三个层次逐级咬合：

• 主题对应：正文的核心议题与标题指向同一件事。标题说“页面标题与正文怎样对应”，正文就不能大段讲配色或导航。
• 范围对应：标题限定的边界，正文不越界也不缩水。标题问“怎样对应”，正文就要给出方法、判断标准和例子，而不是只解释“对应很重要”。
• 顺序对应：正文开头的第一段先回应标题，再展开背景。读者扫一眼开头就能确认自己来对了地方。

具体做法：从标题反推正文骨架

改进时按下面步骤执行，每一步都有可检查的产出：

1. 把标题抄下来，拆成“对象 + 问题”。例如“页面标题与正文”是对象，“怎样对应”是问题。
2. 为“问题”列出正文必须回答的几个小问题，每个小问题对应一个 <h2> 小节。小节标题应是标题的细化，而不是另起话题。
3. 检查每个小节的内容是否只服务于本小节。发现跑题段落，要么删掉，要么移到真正相关的页面。
4. 回到开头，写一段直接回应标题的结论，确保它和后面小节不矛盾。
5. 通读全文，确认没有出现标题未承诺、正文却重点展开的内容。

假设一个页面标题是“发票抬头填写规范，常见错误与修改方法”，正文第一段却先讲公司报销流程，再讲发票种类，最后才提抬头。这就是主题与顺序都错位：读者为“抬头填写”而来，却要先读无关背景。把报销流程移到别的页面，开头直接讲抬头字段怎么填，对应关系立刻成立。

检查项与验收信号

改完后用下面几项自检，每项都能给出明确判断：

• 首段检验：遮住标题只读第一段，能否猜出标题在问什么。猜不出，说明开头没有承接标题。
• 小节检验：每个 <h2> 是否是标题的合理拆分。如果某个小节可以独立成另一篇文章，考虑拆页或删除。
• 删除检验：删掉任意一段，标题的答案是否变得不完整。若删掉后毫无影响，这段大概率与主题无关。
• 反向检验：只看正文，能否反推出一个与现有标题一致的标题。反推出的标题偏差越大，对应越弱。

验收信号是：读者不需要回翻标题，就能顺着正文一路读完，并在结尾得到标题所问的答案。若读者中途产生“这跟标题有什么关系”的疑问，就说明对应还没做到位。

常见偏差及修正方向

标题过大、正文过小，是最常见的偏差。标题写“网站设计规范大全”，正文只讲标题标签，读者会觉得被误导。修正方向是把标题收窄到正文真正覆盖的范围。反过来，标题过小、正文夹带大量无关内容，则应把无关内容移出或另建页面。还有一种偏差是标题与正文各自正确，但中间缺少过渡，读者需要自己脑补联系；补一句承接语即可，不必重写全文。

下一步，挑出你项目中访问量最高或跳出最明显的三个页面，用上面的删除检验和反向检验逐页过一遍，先改标题与首段，再调整小节顺序。