header标签本身不决定SEO标题层级,但必须包含匹配上下文的标题(如h1)才能被搜索引擎识别为有效语义区块;单独使用无标题的header会被爬虫忽略,Lighthouse会报“Missing heading in landmark”;页面级header须含h1且为全页唯一主标题,是搜索引擎判断核心关键词的第一依据;文章详情页可用nav替代header,但主体section内的header仍需h1;嵌套header中标题须降级,禁止重复h1;副标题禁用已废弃的hgroup,应使用span或独立h2;标题层级错乱比不用header更伤SEO;每个section或article应以不高于父容器级别的标题起始;禁用CSS隐藏标题;SEO标题必须写在title标签内,而非仅靠document.title动态修改;视觉顶部内容如轮播图、广告等不属于header语义范畴,应使用aside、div等合适标签。

header 标签本身不决定 SEO 标题层级,但它必须包含一个匹配上下文的标题(–
。单独写 `)才能被搜索引擎识别为有效语义区块
页面级 header 必须含 或对应层级的标题
首页或栏目页的 ``,内容需紧扣页面主题(如“HTML语义化SEO实践”),不能是空泛的“欢迎光临”。这个 `
` 是全页唯一主标题,也是搜索引擎判断页面核心关键词的第一依据。
- 文章详情页可不用 `
` 在页面级 header 中,改用 `
` 表示“当前是子页面”,但文章主体内 `
` 的 header 仍要用 ` `
- 列表页、搜索页等非首屏主导内容的页面,header 中可用 `
` 替代 `
`,保持标题级别与内容权重一致
嵌套 header 的标题要降级,不能硬套
当 ``;若该 section 下还有子模块,再用 `
`,依次递进。
- 禁止在 `
` 的 ` ` 里再塞 ` `,否则造成重复 `
`,干扰爬虫判断主次
- 副标题不要用已废弃的 ``,改用 `
主标题副标题
` 或独立 ``
标题层级错乱比不用 header 更伤 SEO
搜索引擎靠文档大纲(Document Outline)理解内容结构。如果 ``,紧接着 `
`,或者多个 `
` 并列却没有 `
` 奠定基础,爬虫会误判逻辑关系,导致关键词上下文丢失、长尾词匹配失效。
- 每个 `
` 或 ` ` 应以一个标题起始,且级别不高于其父容器的标题 - 避免用 CSS 隐藏标题(如 `display: none`)却保留标签——可能被视作作弊信号
- 动态修改 `document.title` 只影响浏览器 tab 显示,对爬虫无效;SEO 标题必须写在 HTML 的 `
` 标签里
别把视觉顶部当成语义 header
轮播图、广告横幅、登录入口,哪怕位置在页面最上方,也不属于 `
- 这类内容该用 `
`、`


















