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

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 只是主题相关分组，无独立语义价值。

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

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

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

anything-to-html

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

下载

立即学习“前端免费学习笔记（深入）”；

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

h1 与 title 不一致是隐性降权高发点

h1 是正文内唯一主主题锚点，title 是独立于正文的最高优先级文本信号；二者语义冲突时，Google 信 title，但会标记“结构混乱”，影响 E-E-A-T 评估。

• CMS 模板未清理 header 区域冗余 h1 → DOM 中出现两个 h1，意图模糊
• title 写“React Hooks 教程 | 前端进阶”，h1 却是“欢迎来到我的博客” → 主体脱节
• h1 含大量修饰词（如“史上最全！2025 最新版……”），title 是干净技术短语 → 降低可信度评分
• SPA 中 h1 依赖 JS 渲染且 SSR 未输出真实值 → 爬虫看到空 h1 或默认文案

最常被忽略的是：语义标签不是“加分项”，而是内容被正确识别的准入门槛。一个 main 标签写错位置，可能比十处 strong 更影响索引结果。