html标签无权重分数，爬虫只建模语义关系；是主题锚点，是正文主主题提示，二者须语义一致且唯一，否则标记“结构混乱”并影响e-e-a-t评估。
HTML结构不分配“权重分数”，爬虫也不按标签名打分；它只建模语义关系——<main></main>是内容起点，<h1></h1>是主题锚点，跳级或嵌套错位会让算法放弃推断，直接降权。
为什么多个<h1></h1>会让页面被标记为“结构混乱”
Google 不会合并或平均多个 <h1></h1> 的文本，而是判定页面意图模糊。CMS 模板未清理、Header 组件复用、SSR 渲染遗漏都容易导致 DOM 中出现两个 <h1></h1>：一个在页头（如「前端笔记」），一个在正文（如「React Server Components 原理」）。
- 用
document.querySelectorAll('h1')在控制台快速验证，别信视觉位置 - Next.js/Nuxt 中避免写死
<h1>{{ title }}</h1>，确保 SSR 输出时title已赋值 - 禁止用
display: none隐藏冗余<h1></h1>，这属于明确的隐藏文本风险
<main></main>缺失或嵌套错误的实际后果
没 <main></main>，爬虫可能从 <footer></footer> 里抽备案号当主关键词；有但嵌套在 <header></header> 或 <section></section> 里，会被忽略。Google 移动优先索引（2023 年起 100% 启用）默认从 <main></main> 内提取首屏文本、链接和标题层级。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 每个页面必须且仅有一个
<main></main>，且不能是<header></header>、<nav></nav>、<section></section>的子元素 - SPA 应用中，服务端 HTML 必须含真实内容，不能只留
<main><div id="root"></div></main> - 用
curl -s URL | grep '<main>'</main>检查构建后输出，Lighthouse 也能报出缺失
<h2></h2>–<h6></h6>跳级或缺失标题的解析失败场景
<h1></h1> 后直接跟 <h4></h4>，或 <section></section> 里没配 <h2></h2>，爬虫会中断层级推断，把后续段落归为“无主题区块”，不进索引库。DOM 过深（>6 层 <div> 嵌套且无语义标签中断）也会触发截断。
<ul>
<li>
<code><section></section> 必须配 <h2></h2> 或更高级别标题，纯 <section><p></p></section> 是结构缺失信号
<article></article> 和 <section></section> 语义不可互换：<article></article> 表示可独立分发的内容单元（如单篇博客），<section></section> 只是主题区块<main></main> 内部层级，重点关注是否藏在多层 <div class="wrapper">...</div> 里
<figure></figure>+<figcaption></figcaption>对长尾词覆盖的真实作用
单独给 <img> 加 alt 是基础；把图和说明一起放进 <figure></figure>，搜索引擎才会联合分析图像内容与 <figcaption></figcaption> 文本，提升长尾词覆盖（例如 <figcaption>React Server Components 渲染流程对比图</figcaption>）。
-
<figcaption></figcaption>必须是<figure></figure>的第一个或最后一个子元素 - 装饰性图片（分割线、背景图）要写
alt=""，否则被识别为缺失内容 - 避免堆砌关键词：
alt="html5 semantic tag tutorial seo"+<figcaption>HTML5语义化标签SEO教程</figcaption>是合理组合
真正难的是让结构信号不冲突——<title></title> 和 <h1></h1> 语义脱节、<main></main> 包着空容器、<section></section> 里塞满 <div>，这些不是“少写标签”的问题，而是主动向爬虫发送混乱指令。</div>
