问题 Html:h1标签应该用于网站标题还是页面标题?


在过去,我经常把网站标题放在一个 <h1> 标签,然后是主页面标题 <h2>。这被认为是正确的,还是主页面标题应该在 <h1> 标签?如果是这样,你在哪里放置网站标题?在常规 <div>?要么?

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


1107
2018-01-26 07:20


起源

该文件的标题是在 TITLE 元件。 - Gumbo
是的,我知道,但是 <title> 没有显示在任何地方 上 这一页。 - Svish
@Svish:但你可以显示它: head, title { display: block; } - Gumbo
@Gumbo:嗯,真的吗?那只是看起来......很奇怪......而且有点脏...它安全吗?呵呵 - Svish
w3.org/TR/2012/WD-html5-20121025/... - Jo Smo


答案:


没有真正的标准,而且有 不同的意见。我同意womp:你不应该在网站的每个页面上都有相同的H1。我将网站标题留给了 <title> 标签。

在语义上(并且为了辅助可访问性),普遍接受的规则是一个 <H1> 每页 或主题。只要这些标题将文档分解为讨论不同内容的单独逻辑块,在页面上有多个顶级标题是有效的。因此,以博客主页为例展示最近的五篇文章,每个人都可以拥有自己的文章 <H1>

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

我已经选择了混合方法 我的设计博客:在主页上,有一个H1描述该网站,每个帖子标题是一个 <H2>。但是,在各个帖子页面上,帖子标题是 <H1>。这似乎(到目前为止)在语义和搜索引擎优化之间取得了良好的平衡。


6
2018-01-26 07:37





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

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

如果您将网站标题放在标题中,而不是带有替代文字的图像,我通常会设置div或span的样式。


5
2018-01-26 07:33





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

适当使用标题标签

在包含新闻报道的页面上,我们可能会将我们网站的名称放入<h1>标记中,并将故事主题放入<h2>标记中。


3
2018-05-28 14:57