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标签，对于搜索引擎优化，谷歌也确认使用多个h1标签就可以了。只要每个h1标记位于 html5 的元素内（除了页面上不需要特定包装的第一个h1），它就有效。

目前，Google正在提供两个不同的排名，一个是桌面排名，另一个是移动排名。因此，有两个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-*表示它会在移动设备上显示，并隐藏在平板电脑，台式机等所有其他设备上。

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

1 个答案: