22 · 完善标题、正文、链接与页面语义

本页为文字教程；视频与配套媒体仍以实际发布状态为准。

返回课程总览 · 返回模块

本课交付：一页语义标注稿与链接检查记录

本课选择一张公开教程页，完成内容大纲、页面标题、主标题、段落与链接的对应检查。你不需要修改整个网站的视觉系统，而需要证明这页在去掉装饰后仍然能解释任务，并让读者找到下一步。

示范内容是“如何准备英文商品介绍的产品事实”。它不是工具生成结果，因此标题应承诺准备方法与样例，而不是宣称立即生成。你将用这张页检验模板是否准确表达真实内容，而非把所有页面套上同一份宣传语。

跟做一：先写不带样式的大纲

用纯文本列出主任务、准备材料、操作步骤、示例、常见错误和下一步。每个标题下面必须有实际内容，如果只有一段重复主题的话，就先补材料或合并，不要用更多标题制造深度。检查读者从任意入口进入时是否知道自己正在解决什么。

W3C 的标题教程说明标题层级表达内容组织，也能帮助辅助技术导航。Headings | W3C WAI 因此，不要因为想让某句话变大就把它当作标题，也不要用一个带大字号的普通段落假装语义主标题。视觉与结构可以配合，但不能互相替代。

跟做二：核对标题与实际交付

为页面写一个独立的 title，再写可见主标题。它们不必逐字相同，但应回答同一任务。Google 的标题链接文档说明搜索结果会参考多种来源自动生成标题。Influencing your title links in search results | Google 你要提供清楚信息，不能保证外部展示永远照抄，也不应为了控制展示而反复堆词。

示范教程可以使用“准备英文商品介绍：事实清单与示例”，而工具页强调“生成可编辑英文初稿”。若页面主内容只有模板下载，就不要写“完整专业课程”；若示例是虚构的，就在相关位置说明，不能把它变成客户案例。标题准确是一项产品责任，不只是 SEO 字段。

跟做三：把正文中的下一步变成真实链接

在“准备材料”之后，可以链接到一个完整示例；在教程末尾，可以链接到工具，并说明需要带着哪些事实。Google 的链接最佳实践指出标准的带 href 的链接更容易被抓取与理解。Link best practices for Google 检查真实 HTML，而不是只看点击时是否通过脚本跳过去。

链接文字写清目标，例如“打开英文初稿工具”，不要一整页都叫“了解更多”。检查目标地址是否正确、是否需要登录、是否会打开与描述不符的页面。外部资料应直接指向支持结论的页面，而不是泛泛地链接机构首页来制造可信感。

跟做四：检查模板是否覆盖了内容

在源码与最终页面里分别确认 title、主标题和正文都来自当前资料。动态网站常见的问题是内容已经修改，模板仍输出旧标题；或者所有文章都采用首页描述。检查分享信息也是否一致，避免别人转发教程时显示另一门课程的介绍。

如果模板中包含目录，确认每个锚点对应真实小节，改标题后链接仍有效。对于较短内容，不必强行生成复杂目录。读者需要的是合适的导航，而不是为了展示功能在正文前增加一大屏重复项目。

跟做五：用不同方式读取同一页

先只看标题列表，判断顺序是否能说明工作流程；再用键盘访问主要链接，确认焦点可见、顺序合理；最后把正文与页面元数据并排，检查承诺一致。不要把需要用户阅读的全部说明都放进图片，因为搜索与辅助阅读路径可能无法获得同样信息。

图表与截图可以辅助解释，但重要结论与步骤应有可读文本。代码示例与商品样本也要有上下文，说明输入、预期与限制。一个能被逐段检查的页面，更容易让后续作者和代理维护，而不是只能通过截图猜测结构。

加练：审查一条链接是否兑现承诺

选择“查看完整示例”这条链接，不只点击，还检查目标页是否真的包含输入事实、初稿和人工修改。若目标只是一段宣传，就修改目标或链接文字。可抓取的 HTML 是基础，链接所承诺的内容同样需要编辑判断。

再把一个视觉很大的句子从标题列表中检查出来，判断它是章节主题还是强调语。如果只是强调，使用合适样式而非错误层级；如果是重要小节，就用真实语义结构表达。不要为了通过某个分数机械增加标题。

保存这次检查的两个反例及修正，之后在其他页面模板中复查同类问题。模板可以帮助减少重复劳动，但不能保证每个目标地址和正文承诺都自动正确。

独立作业：做一次最小模板修订

选择一个真实问题，例如所有教程共用同一 title，或目录只有脚本点击事件。只修这个问题，保存修改前后及检查结果，不顺便重写全部内容或 URL。若发现必须调整路径，另行记录兼容与跳转方案，不让一个模板任务变成无边界迁移。

提交语义大纲、标题对应表、至少三条关键链接的目标与实际结果，以及源码与独立会话的读回。说明哪些已经在正式页核查，哪些仍停留在草稿。后续页面可以复用经过验证的模板，但每篇独立任务、描述与链接仍需要编辑判断，不能靠模板自动完成。