辅助功能团队告诉我,单个页面上应该只有一个 H1。
然后我在我们的一个存储库中看到了这个实现。
<h1 tabindex=0 style="invisible">The website name</h1>
<h1 tabindex=-1>form 1</h1>
这是一个最佳实践,但不是要求拥有一个
这是否会影响搜索引擎还有待商榷。这是否影响用户还有待商榷。
如果您运行辅助功能扫描工具,它可能会将多个
您的代码示例中
上有
tabindex
为了结构清晰且有意义,建议每页仅使用一个 H1 标题。 它的重要实践和标准可以发展试图理解内容的搜索引擎。拥有多个 H1 标题可能会让搜索引擎感到困惑并削弱页面的焦点。通过使用单个 H1 标题,您可以针对特定关键字或主题优化页面,帮助搜索引擎更好地理解内容,并有可能提高您的搜索排名。
不,这不是正确的解决方法,网络必须是语义的。您只需使用一个 h1。如果您这样做,用于浏览器定位的网络间谍程序将工作得更好,并且辅助工具将变得清晰。最好的解决方法是将第二个标题设置为 h2 或将两个标签包含在一个 h1 中,然后将其与 h1 内的另一个标签分开
同一页面上只有一个 H1 还是允许多个 H1 是一个长期存在的争论。 现在大多数人都同意,实际上,最好只拥有一份 H1。
然而,从屏幕阅读器用户的角度来看,最有价值的 H1(您应该保留的 H1)是位于主要内容之前并代表当前页面的特定标题的 H1。
网站或公司名称的 H1 在大多数情况下用处不大。它允许快速返回主页,但这可能不是最有用的功能,特别是如果您网站的核心是阅读文章或浏览要购买的产品。快速找出当前文章或产品描述的标题和内容更为重要。
为特定页面标题使用唯一的 H1 也比网站/公司名称的 H1 和页面真实标题的 H2 更易于导航。
理想情况下,您应该首先考虑用户而不是机器。如果所有网站都做对用户有利的事情,搜索引擎就会适应。相反的情况则不然。
根据 Google 的 John Mueller 的说法,多个 H1 完全没问题
为了结构清晰且有意义,建议每页仅使用一个 H1 标题。 它的重要实践和标准可以发展试图理解内容的搜索引擎。拥有多个 H1 标题可能会让搜索引擎感到困惑并削弱页面的焦点。通过使用单个 H1 标题,您可以针对特定关键字或主题优化页面,帮助搜索引擎更好地理解内容,并有可能提高您的搜索排名。
不,这不是正确的解决方法,网络必须是语义的。您只需使用一个 h1。如果您这样做,用于浏览器定位的网络间谍程序将工作得更好,并且辅助工具将变得清晰。最好的解决方法是将第二个标题设置为 h2 或将两个标签包含在一个 h1 中,然后将其与 h1 内的另一个标签分开
同一页面上只有一个 H1 还是允许多个 H1 是一个长期存在的争论。 现在大多数人都同意,实际上,最好只拥有一份 H1。
然而,从屏幕阅读器用户的角度来看,最有价值的 H1(您应该保留的 H1)是位于主要内容之前并代表当前页面的特定标题的 H1。
网站或公司名称的 H1 在大多数情况下用处不大。它允许快速返回主页,但这可能不是最有用的功能,特别是如果您网站的核心是阅读文章或浏览要购买的产品。快速找出当前文章或产品描述的标题和内容更为重要。
为特定页面标题使用唯一的 H1 也比网站/公司名称的 H1 和页面真实标题的 H2 更易于导航。
理想情况下,您应该首先考虑用户而不是机器。如果所有网站都做对用户有利的事情,搜索引擎就会适应。相反的情况则不然。
根据 Google 的 John Mueller 的说法,多个 H1 完全没问题