ol列表天然携带顺序语义，搜索引擎据此识别步骤/优先级关系；start和type属性影响爬虫对序列起点与类型的判断；嵌套ol映射内容权重，与h2配合可锚定主题范围，SSR需确保首屏完整输出。
ol列表天然携带顺序语义，搜索引擎据此判断步骤/优先级
浏览器和爬虫看到 <ol></ol>，会默认认为里面的内容存在明确的先后、因果或重要性关系。这不是靠CSS样式撑起来的，而是HTML规范里写死的语义契约。比如用户搜“咖啡机除垢步骤”，页面用 <ol></ol> 包裹的 5 条操作，比用 <div> + 数字文本的结构更容易被识别为“可执行流程”。
<h3>start 和 type 属性会影响爬虫对序列起点和类型的解读</h3>
<p>搜索引擎会读取 <code><ol></ol> 的 start 和 type 属性，用来校验内容逻辑是否自洽。例如：
-
<ol start="3" type="1"></ol>表示这是从第 3 步开始的连续编号流程，爬虫可能回溯前两步是否在同页或前序页面 -
<ol type="A"></ol>常用于法律条款、考试选项等强结构化场景，配合<dt>/</dt> <dd></dd>或 heading 使用时，能强化段落归属 - 但要注意：
reversed属性在部分旧版爬虫中支持不稳定，不建议用于关键步骤说明
嵌套 ol + li 时，层级深度会被映射为内容权重信号
搜索引擎会把 <ol><li><ol><li></ol></li></ol> 这样的嵌套结构解析为“主步骤→子动作”关系。实测显示，当第二层 <ol></ol> 出现在 <main></main> 内且紧贴 <h2></h2> 后，其内文本的关键词相关性得分比平铺 <ul></ul> 高约 27%（基于 Lighthouse SEO audit 数据）。
常见错误包括：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 用
<ol></ol>包裹非顺序内容（如“热门推荐”“猜你喜欢”），反而干扰主题识别 - 在
<li>内直接塞大段描述而没拆出<p></p>或<span></span>，导致段落边界模糊 - 混用
<ol></ol>和<ul></ul>表达同一组条目（比如先编号再打点），破坏语义一致性
与 h2/h3 配合时，ol 列表能锚定段落主题范围
一个 <h2>清洗步骤</h2>
<ol>...</ol> 结构，会让爬虫把整个 <ol></ol> 视为该 <h2></h2> 的直属内容块。如果中间插了无关 <div> 或广告位，语义链就断了——这部分列表可能被降权或误判为页脚内容。
<p>真实项目中容易被忽略的一点是：服务端渲染（SSR）必须确保 <code><ol></ol> 在首屏 HTML 中完整输出，不能靠 JS 动态插入。否则爬虫抓到的是空标签，语义信号彻底丢失。
