一个页面只能有一个<h1>且必须位于<main>内最靠前位置，这是Google移动优先索引识别核心主题的硬性规则；多个<h1>会导致结构混乱、E-E-A-T评分下降，<h1>与<title>语义冲突或跳级使用均会损害可信度。
HTML结构本身不参与关键词排名计算，但错误结构会让搜索引擎根本识别不出你的内容重点——关键词堆砌再多也没用。
为什么必须唯一且紧贴
搜索引擎把 <h1> 当作页面主题锚点，不是装饰。多个 <h1>、或 <h1> 被包在两层 <div> 里，都会稀释主题权重。
- 每个页面只用一个
<h1>，且它应直接出现在<main>内部（不能嵌套在<header>的 logo 区域里，除非整个 header 就是主标题） -
<h1>文本要自然包含核心关键词，例如「手冲咖啡器具选购指南｜V60/聪明杯/法压壶对比」比「欢迎光临」有效得多 - 绝对避免用 CSS 把
<h1>隐藏（display: none或visibility: hidden），这会被判定为误导性标记
语义标签不是“可选装饰”，而是爬虫解析 DOM 的路标
不用 <nav>，爬虫就分不清哪段是导航链接；不用 <main>，它可能把页脚版权文字当成主体内容提取。
-
<nav>必须包裹真实导航链接，别用来包广告位或社交按钮 -
<main>只能出现一次，且不能嵌套在<section>或<article>里——它是顶层内容容器 - 独立内容块（如博客文章、产品详情页）必须用
<article>包裹，里面允许有自己的<h1>（这是合法的，且有助于长尾词识别） - 别用
<div class="nav">代替<nav>——CSS 类名对爬虫完全不可见
关键词布局要服从内容流，不是塞进所有标签
把 <title>、<meta name="description">、<h1>、<img alt> 全部填满同一组词，大概率被判定为关键词堆砌。
立即学习“前端免费学习笔记（深入）”；
-
alt属性要描述图像本身，例如alt="手冲咖啡滤杯与V60锥形滤纸特写"，而不是alt="咖啡 咖啡教程 手冲 咖啡豆" - 列表页（如分类页）的
<h1>应体现范围，例如「意式咖啡机选购指南｜2026年家用/商用机型对比」，而非泛泛的「咖啡机」 -
<title>和<meta name="description">应反映用户真实搜索意图，不是机械复读关键词
DOM顺序和嵌套层级比标签名更关键
即使用了正确语义标签，如果嵌套过深（比如 <main><section><div><article><div><p>）或视觉顺序与源码顺序错位，SEO 效果仍会打折扣。
- 搜索引擎按 HTML 流式解析，DOM 位置靠前的内容默认权重更高
- 避免无意义的嵌套，尤其是用
<div>包裹语义标签（如<div><main>...</main></div>） - 响应式布局中，
<main>在源码中应尽量靠前，哪怕视觉上它出现在侧边栏之后
真正起效的是语义标签 + 内容层级 + 位置信号三者共同构成的「可理解性」——而最容易被忽略的，恰恰是源码顺序和嵌套深度。
