我可以多次使用 <h1> 标签，一个用于桌面，另一个用于移动吗？

Question

我正在使用 bootstrap-3 ，html-5。我的问题是，我可以<h1>在同一页面中多次使用标签吗？我使用一个<h1>用于桌面，另一个<h1>用于移动。搜索问题后我有点困惑。任何人都可以正确地建议我正确的方法吗？

我的代码如下。这些代码对 SEO 友好吗？

<div class="row">
  <div class="col-sm-12 hidden-xs">
      <h1>Header in Desktop</h1>
  </div>
  <div class="col-xs-12 hidden-lg hidden-md hidden-sm">
      <h1>Header in Mobile</h1>
  </div>
</div>

Answer 1

是的，当然，您可以h1在单个页面中使用多个标签，并且对于 SEO，谷歌也确认使用多个h1标签是可以的。只要每个标签位于html5h1元素内，它就有效（页面上的第一个标签除外，不需要特定的包装器）。h1

目前，谷歌提供两种不同的排名，一种针对桌面排名，另一种针对移动排名。因此，拥有两个h1标签就可以了（一个用于桌面，一个用于移动）。

您可以像这样使用您的代码。

<div class="row">
  <div class="col-sm-12 hidden-xs">
      <h1>Header in Desktop</h1>
  </div>
  <div class="col-xs-12 visible-xs-*">
      <h1>Header in Mobile</h1>
  </div>
</div>

hidden-xs意味着它将在桌面、平板电脑上可见并在移动设备上隐藏。

visible-xs-*意味着它将在移动设备上可见，并在平板电脑、台式机等所有其他设备上隐藏。