我可以多次使用 <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，google 也已确认使用多个 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> 标记一个用于桌面另一个用于移动吗？

Can I use multiple times <h1> tag one for desktop another for mobile?

html

seo

twitter-bootstrap

twitter-bootstrap-3