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

时间:2010-01-26 07:20:53

标签: html header semantic-markup

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

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

3 个答案:

答案 0 :(得分:6)

没有真正的标准,有quite a few differing opinions。我同意womp:你不应该在网站的每个页面上都有相同的H1。我将网站标题保留为<title>标记。

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

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

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

答案 1 :(得分:5)

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

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

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

答案 2 :(得分:3)

Google Search Engine Optimization Starter Guide的第20页:

  

正确使用标题标记

     

在包含新闻报道的网页上,我们可能会将网站名称放入&lt; h1&gt;标签和故事的主题成为&lt; h2&gt;标签