html - Html：h1标签应该用于站点标题还是页面标题？

Question

过去我经常将网站标题放在<h1>标签中，然后将主页标题放在<h2>. 这被认为是正确的，还是应该将主页标题放在<h1>标签中？如果是这样，您将网站标题放在哪里？在一个常规的<div>？或者？

在考虑可访问性等问题时，什么是语义上最正确的，什么是最好的？

Answer 1

没有真正的标准，有很多不同的意见。不过，我同意 womp：您不应该在网站的每个页面上都使用相同的 H1。我会把网站标题留给<title>标签。

在语义上（并且为了帮助可访问性），普遍接受的规则是<H1>每页或主题一个。一个页面上有多个顶级标题是有效的，只要这些标题将文档分成讨论不同事物的单独逻辑块即可。因此，以显示最近五篇文章的博客主页为例，每篇文章都有自己的<H1>.

但是，当涉及到 SEO 时，建议通常是每页只有一个 H1。

我在我的设计博客上采用了混合方法：在主页上，有一个描述网站的 H1，每个帖子的标题都是<H2>. 但是，在各个帖子页面上，帖子标题是<H1>. 这似乎（到目前为止）在语义和搜索引擎优化之间取得了很好的平衡。

Answer 2

如果 H1 标签与页面上的大部分内容上下文相关，那就更好了——所以它应该是页面标题。

如果每个页面都有相同的 H1 标签（即网站标题），它会降低它们的价值（总的来说，它们确实是最有价值的标签）。

如果您将网站标题作为不是带有替代文本的图像的东西放在标题中，我通常会设置一个 div 或 span 的样式。

Answer 3

在 Google搜索引擎优化入门指南的第 20 页：

适当使用标题标签

在包含新闻故事的页面上，我们可以将网站名称放入 <h1> 标签，将故事主题放入 <h2> 标签。