一个页面应仅用一个h1，置于或顶级内并精准表达主旨；h2至h6须严格按内容逻辑逐级嵌套，配合等语义容器，避免跳级、倒置、隐藏或重复h1。
一个页面只用一个 h1，按内容逻辑逐级使用 h2 到 h6，不跳级、不倒置，配合语义化容器标签（如 <header></header>、<main></main>、<section></section>），才能对 SEO 最友好。
主标题必须唯一且位于核心区域
每个页面的 h1 应仅出现一次，放在 <main></main> 或顶级 <header></header> 内，直接表达页面主旨。例如产品页写“XX无线降噪耳机｜主动降噪+30小时续航”，而不是“首页”或空泛的“欢迎光临”。搜索引擎靠它快速锁定页面主题，重复或缺失都会削弱权重识别。
子标题严格遵循内容嵌套关系
标题层级不是视觉大小排序，而是信息结构映射：
- 一级章节用 h2，比如“核心功能”“用户评价”“购买指南”
- 每个 h2 下的细分点用 h3，如“自适应降噪技术”“通透模式操作说明”
- 再往下有明确子话题时才用 h4，避免为样式强行加 h3 或跳到 h5
语义容器强化标题上下文
单独用标题标签不够，需包裹在合适语义元素中：
立即学习“前端免费学习笔记（深入）”；
-
<header></header>包 h1 + 简短副标题，告诉搜索引擎这是页面头信息 -
<section></section>每个区块配一个 h2，让爬虫清楚划分内容模块 -
<article></article>内部独立成篇的内容（如评论、教程片段）可自带 h1，但仅限该<article></article>范围内
避免常见破坏性操作
这些做法会干扰搜索引擎理解结构：
- 用 CSS 把 h2 样式调得比 h1 还大——语义和视觉混淆
- 页面顶部放一个隐藏的 h1，正文又用 h2 当主标题——造成结构矛盾
- 多个 h1 且无
<article></article>包裹——被视为主次不分 - 纯靠 h3 开始写内容，跳过 h2——层级断裂，机器无法建立完整树状图
