是搜索引擎识别页面核心内容的唯一锚点，因其被移动优先索引强制用作正文提取边界；class名无语义，爬虫不解析，而缺失、重复或嵌套错误会导致备案号等非主体内容被误当正文索引。

main 是搜索引擎识别页面核心内容的唯一锚点，不用它，或用错位置，爬虫大概率会把页脚备案号当正文索引。

为什么 main 标签比 class 名更关键

Google 移动优先索引（2023 年起 100% 启用）会直接提取 main 内部的文本、标题层级和链接。它不解析 class="content" 或 id="article-body"——这些对爬虫而言只是无意义字符串。

• 每个页面只能有一个 main，嵌套在 header、footer 或 aside 内会被忽略
• SPA 应用中，SSR/SSG 必须在 HTML 初始响应里输出真实的 main，不能靠 JS 动态插入
• main 内可含 section、article，但不能再出现页面级 header 或 footer

h1–h6 不是样式开关，而是内容树骨架

跳级（如 h1 后直接 h4）、重复 h1、或用 h2 包按钮文案，会让爬虫误判主题权重分布，影响 E-E-A-T 评估。

Perplexity SEO Optimization Guide

Perplexity SEO 优化指南 — 如何获得 Perplexity AI 的引用。涵盖 Perplexity 引用行为、面向 Perplexity 答案的内容结构、Perplex...

下载

• 每页仅一个 h1，且必须包含页面核心主题词（如“HTML语义化SEO”）
• h2 对应一级内容模块，建议控制在 3–5 个；全篇 h2 等同于无结构
• h3 及以下应出现在 section 或 article 内部，而非用于装饰性区域（如图标旁文字）

figure + figcaption 是图文长尾词的隐藏入口

单独给 img 加 alt 是基础；把图与说明一起放进 figure，搜索引擎会联合分析图像内容与 figcaption 文本，显著提升长尾覆盖（例如“标签实际渲染效果对比图”）。

• figcaption 必须是 figure 的第一个或最后一个子元素
• 装饰性图片（分割线、背景图）要写 alt=""，否则被当作缺失内容处理
• 避免堆砌关键词：alt="html5 semantic tag tutorial seo" + figcaption>HTML5语义化标签SEO教程 是合理组合

header 和 footer 的嵌套层级决定语义归属

它们绑定的是「最近的节段祖先」——即离它最近的 section 或 body。写错层级，SEO 权重会被稀释甚至错配。

• 页面级 header 应直接在 body 下，含 logo、主导航、h1
• 单篇文章可独立配一个 header（含文章标题、作者、日期）和一个 footer（含标签、评论入口）
• 页脚中全局导航类链接（如「关于我们」「隐私政策」）必须用 nav 包裹，否则屏幕阅读器读作普通文本，SEO 权重弱

最容易被忽略的是 DOM 层级本身：一个 footer 看似在视觉底部，但如果它意外挂在了 section 外面，搜索引擎就无法把它和对应文章关联起来——结构不是靠眼睛看出来的，是靠解析出来的。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！