必须且只能有一个main标签，因其是爬虫判定页面核心价值的唯一依据；nav须结构干净、仅含主导航链接；article与section语义不可混用；dfn需带有效title且用于首次术语定义。
为什么必须且只能有一个
Google 移动优先索引从 2023 年起已 100% 启用，它默认只信任 <main></main> 内的内容为页面核心价值所在。这不是“推荐做法”，而是爬虫判断“用户该看什么”的第一依据。
常见错误现象：<main></main> 嵌套在 <header></header> 或 <footer></footer> 里；页面出现两个 <main></main>；<main></main> 里只有空 <div id="root"></div>，真实内容靠 JS 动态注入。
- 每个页面只能有一个
<main></main>，多一个就可能被随机忽略或整体降权 -
<main></main>必须包裹全部首屏主体文本、<h1></h1>、关键段落和<figure></figure>，漏掉任何一段用户真正需要的信息，等于主动放弃这部分 SEO 权重 - 服务端返回的 HTML 中，
<main></main>必须真实存在并含实质内容——SSR/SSG 输出为空标签，爬虫首屏抓取即判定“无实质内容”
nav 里塞错链接会让所有导航词权重归零
<nav></nav> 不是“有链接的盒子”，它是爬虫识别“主导航意图”的唯一语义锚点。Google 明确将其中链接赋予更高内部权重传递能力，实测可提升约 40% 的关键词相关性——但前提是结构干净、意图明确。
错误做法：把搜索框、登录按钮、产品推荐栏塞进同一个 <nav></nav>；用 <div> 替代 <code><ul></ul> + <li> 嵌套；多个导航共用一个 <nav></nav> 标签。
立即学习“前端免费学习笔记（深入）”；
- 只放真正构成站点导航路径的链接：首页、产品、关于我们、博客
- 多个导航必须用
aria-label区分，例如<nav aria-label="主导航"></nav>和<nav aria-label="面包屑导航"></nav> -
<nav></nav>内部必须用<ul></ul>+<li>，否则爬虫无法建模链接间的并列关系，关键词关联强度直接削弱
<section></section> 和 <article></article> 混用会触发内容降权
搜索引擎对这两个标签的语义理解非常严格：<article></article> 用于独立可分发、可复用的内容单元（如一篇新闻、一条博客、一个商品详情页）；<section></section> 只是文档中一个主题区块，没有独立语义，不能脱离上下文存在。
常见错误现象：把商品列表页里的每个商品卡片都包成 <article></article>，但实际它们不是独立可分发内容；在 <article></article> 外层再套一层 <section></section>，导致结构冗余；用 <section></section> 替代 <article></article> 包裹整篇博客正文。
- 单个页面只有一个核心主题时，优先用
<main></main>+<article></article>，不要额外套<section></section> - 多个同级独立内容（如首页的 5 篇推荐文章），每篇用
<article></article>，外层用<section></section>或<main></main>统一包裹 -
<section></section>必须带标题（<h2></h2>–<h6></h6>），否则爬虫难以识别其主题边界，容易误判为装饰性区块
dfn 标签写错等于没写
<dfn></dfn> 不是加斜体的格式工具，它是术语定义的语义锚点。浏览器和辅助技术不读标签内文字本身，而是按规则提取 title 属性值——如果 title 为空或无效，整个定义语义失效。
典型误用：<dfn>DOM</dfn> 单独一行；<dfn title="HTML">HTML</dfn>（title 与内容重复）；<dfn title="">HTML</dfn>（空 title）；<dfn><abbr>HTTP</abbr></dfn>（顺序颠倒）。
- 必须出现在完整定义语句中，且紧邻解释，推荐写法：
<p><dfn title="HyperText Markup Language">HTML</dfn>: 超文本标记语言。</p> -
title必须非空且准确，缩写类术语优先填全称，如title="Cascading Style Sheets" - 同一页面中，术语只需首次出现时标记
<dfn></dfn>，后续直接写即可；嵌套<abbr></abbr>时，必须<dfn></dfn>外层、<abbr></abbr>内层
