在过去,我经常把网站标题放在一个 <h1>
标签,然后是主页面标题 <h2>
。这被认为是正确的,还是主页面标题应该在 <h1>
标签?如果是这样,你在哪里放置网站标题?在常规 <div>
?要么?
什么是最语义正确的,在考虑可访问性等问题时最好的是什么?
在过去,我经常把网站标题放在一个 <h1>
标签,然后是主页面标题 <h2>
。这被认为是正确的,还是主页面标题应该在 <h1>
标签?如果是这样,你在哪里放置网站标题?在常规 <div>
?要么?
什么是最语义正确的,在考虑可访问性等问题时最好的是什么?
没有真正的标准,而且有 不同的意见。我同意womp:你不应该在网站的每个页面上都有相同的H1。我将网站标题留给了 <title>
标签。
在语义上(并且为了辅助可访问性),普遍接受的规则是一个 <H1>
每页 或主题。只要这些标题将文档分解为讨论不同内容的单独逻辑块,在页面上有多个顶级标题是有效的。因此,以博客主页为例展示最近的五篇文章,每个人都可以拥有自己的文章 <H1>
。
但是,当涉及到SEO时,建议通常是每页只有一个H1。
我已经选择了混合方法 我的设计博客:在主页上,有一个H1描述该网站,每个帖子标题是一个 <H2>
。但是,在各个帖子页面上,帖子标题是 <H1>
。这似乎(到目前为止)在语义和搜索引擎优化之间取得了良好的平衡。
如果H1标签与页面上的大部分内容在上下文中相关,那就更好了 - 所以它应该是页面标题。
如果每个页面都有相同的H1标签(即网站标题),它会降低它们的价值(总的来说,它们确实是最有价值的标签)。
如果您将网站标题放在标题中,而不是带有替代文字的图像,我通常会设置div或span的样式。
在Google的第20页 搜索引擎优化入门指南 :
适当使用标题标签
在包含新闻报道的页面上,我们可能会将我们网站的名称放入<h1>标记中,并将故事主题放入<h2>标记中。