是否合规?
一个页面拥有多个 <h1>
是合规的语法
根据 MDN 描述:「尽管多个使用多个 <h1>
在页面中是受 HTML 标准接受的」以及根据 W3C Markup Validation Service 检测,一个页面中拥有多个 <h1>
是 100% 合规的语法。
是否是好的做法?
在 MDN 文件中也有提及「应避免使用多个 <h1>
元素在同个页面上」原因是因为一个页面通常只会有一个 <h1>
用于描述网页的内容。
但占比全世界 90% 以上使用率的搜索引擎 Google 却声明「多个 <h1>
并不影响搜索引擎解读」,应该更加专注在整体网页的架构上,如果一般网站用户能解读那么搜索引擎也能解读。
所以结论是……?
无定论,重点是使用多个 <h1>
前整体网页标题架构是合理的
重点不是在于「是否能使用多个 <h1>
」而是「是否能够让用户能够理解网页的架构」,如果网页架构是清楚合理的,那么使用多个 <h1>
并不会影响到 SEO。一个页面有很多个“重磅级标题”的情况非常少见的,如果这么写在阅读结构上是合理的话,使用多个 <h1>
在单个页面之中是完全没问题的。