同样是列出产品参数，用表格还是用一堆 div 加样式，AI 的抽取难度完全不同。语义化 HTML 不会让你立刻被引用，但它决定了机器读你内容时是「顺藤摸瓜」还是「解谜题」。这篇把该做的规范一次列清。
一、语义化的本质：让结构自己说话
HTML 标签本身携带含义：h1-h6 表达层级，table 表达数据关系，ul/ol 表达并列与顺序，article/section 表达内容边界。AI 抽取内容时大量依赖这些结构信号。
语义化站点的典型特征：一个页面一个 h1；标题层级连续不跳级；导航用 nav、正文用 article、附属内容用 aside；数据用表格、要点用列表、步骤用有序列表。
反面典型：整页 div 加 class 拼排版、用加粗模拟标题、把表格数据做成图片或伪表格布局——机器只能靠猜，猜错就是信息丢失。
二、标题层级规范
一个 h1：每页唯一的 h1 表达页面主旨（通常是标题本身），不要多个 h1，也不要把 logo 当 h1。
不跳级：h1 下接 h2，h2 下接 h3；需要视觉上更小的字用 CSS 控制，不要为了字号跳层级——层级表达的是结构，不是字号。
标题即问题：延续 GEO 内容策略，小标题用真实问法或明确短语，让「标题 + 内容」构成可独立理解的单元，配合结构化标签抽取效果最佳。
三、内容元素的正确用法
表格：参数对比、价格、规格用真正的 table 标签（含 th 表头），不要用排版模拟；AI 对表格的结构化理解远好于视觉对齐的 div。
列表：并列要点用 ul、顺序步骤用 ol；导航菜单用 nav + ul。
图片：所有信息性图片配 alt 文本——这是图片内容被机器理解的唯一通道；装饰性图片留空 alt。
强调：重要事实用 strong 而不是纯样式加粗；引用来源用 cite 或明确的文字标注。
四、落地：一份前端内容规范
把语义化要求写进前端规范与内容模板：页面骨架（header/main/footer/aside）、标题层级、表格列表用法、图片 alt 要求，一次定清。
上线检查清单加三项：源代码里能否看到正文？标题层级是否连续？关键数据是否在真表格/文本里？
与团队协作方式配合：给编辑的是「内容结构规范」（何时用列表表格、怎么写小标题），给开发的是「模板标签规范」——两边共同保证语义化不是口号。