一页上只能有一个H1标题

问题描述 投票:0回答:5
<h1 tabindex=0 style="invisible">The website name</h1>
<h1 tabindex=-1>form 1</h1>
  • 这是错误的实施吗? (或者这是一个解决方法?)
  • 对于普通人来说,焦点会在“网站名称”上,但看不见。他/她将选择下一个可聚焦的项目。 (表格1跳过)
  • 对于使用屏幕阅读器的用户,“网站名称”将宣布并聚焦在那里,选项卡到下一个可聚焦的项目。 (表格1跳过)
  • 我们应该把form1改为h2吗?
html accessibility screen-readers jaws-screen-reader html-heading
5个回答
3
投票

这是一个最佳实践,但不是要求拥有一个

这是否会影响搜索引擎还有待商榷。这是否影响用户还有待商榷。

如果您运行辅助功能扫描工具,它可能会将多个

元素标记为需要 review 的问题,但不会将其标记为 error

您的代码示例中

 上有 
tabindex

是一种不好的做法。您不希望拥有非交互式的可聚焦元素。用户无法单击或选择

,因此它不应该有 tabindex。没有必要使标题成为焦点。辅助技术用户(例如屏幕阅读器用户)可以使用屏幕阅读器内置的各种快捷键导航至标题。他们不必必须tab到标题。

为了结构清晰且有意义,建议每页仅使用一个 H1 标题。 它的重要实践和标准可以发展试图理解内容的搜索引擎。拥有多个 H1 标题可能会让搜索引擎感到困惑并削弱页面的焦点。通过使用单个 H1 标题,您可以针对特定关键字或主题优化页面,帮助搜索引擎更好地理解内容,并有可能提高您的搜索排名。

不,这不是正确的解决方法,网络必须是语义的。您只需使用一个 h1。如果您这样做,用于浏览器定位的网络间谍程序将工作得更好,并且辅助工具将变得清晰。最好的解决方法是将第二个标题设置为 h2 或将两个标签包含在一个 h1 中,然后将其与 h1 内的另一个标签分开

同一页面上只有一个 H1 还是允许多个 H1 是一个长期存在的争论。 现在大多数人都同意,实际上,最好只拥有一份 H1。

然而,从屏幕阅读器用户的角度来看,最有价值的 H1(您应该保留的 H1)是位于主要内容之前并代表当前页面的特定标题的 H1。

网站或公司名称的 H1 在大多数情况下用处不大。它允许快速返回主页,但这可能不是最有用的功能,特别是如果您网站的核心是阅读文章或浏览要购买的产品。快速找出当前文章或产品描述的标题和内容更为重要。

为特定页面标题使用唯一的 H1 也比网站/公司名称的 H1 和页面真实标题的 H2 更易于导航。

理想情况下,您应该首先考虑用户而不是机器。如果所有网站都做对用户有利的事情,搜索引擎就会适应。相反的情况则不然。

根据 Google 的 John Mueller 的说法,多个 H1 完全没问题

https://www.youtube.com/watch?v=zyqJJXWk0gk&t=1s


1
投票

为了结构清晰且有意义,建议每页仅使用一个 H1 标题。 它的重要实践和标准可以发展试图理解内容的搜索引擎。拥有多个 H1 标题可能会让搜索引擎感到困惑并削弱页面的焦点。通过使用单个 H1 标题,您可以针对特定关键字或主题优化页面,帮助搜索引擎更好地理解内容,并有可能提高您的搜索排名。


0
投票

不,这不是正确的解决方法,网络必须是语义的。您只需使用一个 h1。如果您这样做,用于浏览器定位的网络间谍程序将工作得更好,并且辅助工具将变得清晰。最好的解决方法是将第二个标题设置为 h2 或将两个标签包含在一个 h1 中,然后将其与 h1 内的另一个标签分开


0
投票

同一页面上只有一个 H1 还是允许多个 H1 是一个长期存在的争论。 现在大多数人都同意,实际上,最好只拥有一份 H1。

然而,从屏幕阅读器用户的角度来看,最有价值的 H1(您应该保留的 H1)是位于主要内容之前并代表当前页面的特定标题的 H1。

网站或公司名称的 H1 在大多数情况下用处不大。它允许快速返回主页,但这可能不是最有用的功能,特别是如果您网站的核心是阅读文章或浏览要购买的产品。快速找出当前文章或产品描述的标题和内容更为重要。

为特定页面标题使用唯一的 H1 也比网站/公司名称的 H1 和页面真实标题的 H2 更易于导航。

理想情况下,您应该首先考虑用户而不是机器。如果所有网站都做对用户有利的事情,搜索引擎就会适应。相反的情况则不然。


0
投票

根据 Google 的 John Mueller 的说法,多个 H1 完全没问题

https://www.youtube.com/watch?v=zyqJJXWk0gk&t=1s

© www.soinside.com 2019 - 2024. All rights reserved.