浅析HTML语义化标签与页面权重的关系-html教程-PHP中文网

main是爬虫提取正文的硬性入口，必须直接包裹h1、p等可索引节点，不可嵌套、空置或缺失；article与section语义不同，混用会降权；figure+figcaption需规范配合以提升图搜效果；h1与title须语义一致。

浅析html语义化标签与页面权重的关系

main 是爬虫提取正文的硬性入口，没它或用错，正文大概率不被当主体索引；article 和 section 不是样式开关，而是决定内容能否被独立建索引的关键信号。

为什么 `main` 不能少、不能嵌套、不能空

Google 移动优先索引（2023 年起 100% 启用）只从 main 内部提取首屏文本、标题层级和链接结构——它不解析 CSS 类名，也不猜测 div.content 里哪段是正文。

多个 main 或嵌套在 header/footer 中 → 触发“结构冲突”警告，整块内容权重打折
main 里只放 <div id="root"></div> 这类空容器 → 爬虫跳过该区域，等同于无主内容
SPA 页面未做 SSR/SSG，首屏 DOM 中 main 下无真实 HTML 文本 → 被判为“元信息污染”，主内容可信度下降
main 必须直接包裹 h1、p、figure 等可索引节点，不能是纯交互容器

`article` 和 `section` 混用会直接导致内容降权

二者都划分区块，但搜索引擎处理逻辑完全不同：article 表示可独立分发、复用、被单独订阅的内容单元（如一篇博客、一条新闻）；section 只是主题相关分组，无独立语义价值。

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

博客列表页全塞进一个 section → 爬虫误判为“一篇长文”，而非“10 篇独立报道”
article 内部没 h1 或 h2 → 缺失主题锚点，不参与独立索引建模
滥用 article 包裹按钮、广告位、侧边栏 → 触发“语义污染”标记，稀释主内容信号
section 里没配 h2 或更高阶标题 → 被视为结构缺失，不参与主题建模

`figure`+`figcaption` 是图文 SEO 的联合建模入口

单独给 img 加 alt 是基础；只有放进 figure 并配 figcaption，搜索引擎才会将图像视觉内容与说明文本联合分析，显著提升图搜命中率和长尾词覆盖能力。

figcaption 必须是 figure 的第一个或最后一个子元素，否则语义断裂
figcaption 文本需自然描述图像内容，例如 <figcaption>React Server Components 渲染流程对比图</figcaption>
堆砌关键词如 <figcaption>HTML5 semantic tag tutorial seo</figcaption> → 触发垃圾信号
装饰性图片（分割线、背景图）必须设 alt=""，否则被识别为缺失内容