适合 LLM 理解的内容结构:语义 HTML、标题层级与结构化数据
无论是搜索引擎还是大语言模型,理解一个页面的第一步都是"把它切分成有意义的块"。结构清晰的页面,机器能准确知道哪段是定义、哪段是步骤、哪段回答哪个问题;结构混乱的页面,再好的内容也可能被误读或忽略。好消息是:让 LLM 易于理解的结构,和让人易于阅读的结构,几乎是同一件事。
为什么结构对机器理解很关键#
机器不像人那样"读懂语气",它更依赖显式信号来切分和归类内容。清晰的标题层级、语义标签、列表与表格,相当于给内容贴上了"这是什么"的标签,降低机器的猜测成本,提高被准确引用的概率。
五种高价值内容块#
| 内容块 | 作用 | 适用 |
|---|---|---|
| 摘要区 | 开头一段概括全文核心 | 长文、指南 |
| 定义区 | 清晰定义关键概念 | "X 是什么"类 |
| FAQ | 以问答形式直接回应常见疑问 | 高频问题 |
| 步骤 | 有序列表拆解操作流程 | "怎么做"类 |
| 对比表 | 矩阵呈现多选项差异 | "A 和 B 区别"类 |
这五种块都易于被机器抽取,也对应了用户最常见的几类需求,与面向 AI Overviews 的内容优化中讲的表达形式一致。
语义 HTML 与标题层级#
用对的标签表达对的含义,而不是用一堆 <div> 拼版式:
- 一个页面一个
<h1>,<h2>/<h3>表达从属层级,不跳级; - 列表用
<ul>/<ol>,表格用<table>而非排版技巧; - 正文用
<article>、导航用<nav>等语义容器; - 标题文字本身要"自带答案线索",而不是"第二节"这种无信息标题。
<article>
<h1>什么是 canonical 标签</h1>
<p><strong>canonical 用于指定一组重复页面的首选版本。</strong> …</p>
<h2>如何添加</h2>
<ol><li>第一步…</li></ol>
</article>
再用结构化数据显式声明页面类型(Article、FAQPage 等),形成"正文清晰 + 标注清晰"的双保险。
别把关键信息藏起来#
示例:把普通文章改造成可理解结构#
| 改造前 | 改造后 |
|---|---|
| 一大段文字混讲定义、步骤、注意事项 | 拆成"定义句 + 步骤 ol + 注意事项 callout" |
| 标题写"概述""说明" | 标题写"canonical 是什么""如何添加 canonical" |
| 对比信息写在段落里 | 改成对比表格 |
| 结论藏在结尾 | 每节开头答案前置 |
| 无结构化数据 | 加 Article + FAQPage |
常见问题#
什么样的内容结构更容易被 LLM 理解?
有清晰层级和明确语义的结构:用一个 H1 概括主题、用 H2/H3 划分子问题,每段聚焦一个要点;用定义句、有序步骤、无序列表、对比表格表达不同类型的信息;并配合 Article、FAQPage 等结构化数据。这样机器能准确定位“哪段回答哪个问题”,而不是面对一团难以切分的长文。
把关键信息放在图片里有问题吗?
有问题。如果定义、数据、步骤等关键信息只存在于图片、视频或复杂交互中,机器很难解析,也不利于无障碍访问。应把关键信息以文本形式写在页面上,图片作为补充,并配 alt 文本。需要展示图表时,旁边用文字给出关键数字和结论。
结构化数据对 LLM 理解有帮助吗?
有帮助。结构化数据用机器可读的方式显式声明页面在讲什么——文章、问答、产品、组织等,减少机器的猜测成本。它不是为了取代清晰的正文,而是与语义 HTML、标题层级配合,形成“人能读、机器也能精确解析”的双重清晰。
需要专门为 AI 再写一个版本的内容吗?
通常不需要。为 LLM 优化的结构和为人优化的结构高度一致——清晰的层级、直接的答案、规整的列表和表格,对两者都好。与其维护两套内容,不如把一套内容做得既好读又易解析。额外维护并行版本反而增加不一致和维护成本。