在重复内容上显示是否会影响SEO /语义？

Question

显示:重复内容上没有影响SEO /语义吗？

假设您正在构建一个移动优先的响应式网站.在较小的断点处,您已选择<h1>在主要英雄横幅中显示页面的标题标语().但是,稍后,您希望在同一位置显示公司徽标,并在子横幅中显示您的标语.例如:

<!-- Assuming following markup -->
<header class="hero-banner">
    <h1 class="hide-on-lg">Company Tagline</h1>
    <img src="..." class="show-on-lg" />
</header>
<div class="subhead-banner">
    <h1 class="show-on-lg">Company Tagline</h1>
</div>

...使用以下CSS:

.hide-on-lg {
    display: block;
}
.show-on-lg {
    display: none;
}
@media (min-width: 1200px) {
    .show-on-lg {
        display: block;
    }
    .hide-on-lg {
        display: none;
    }
}

语义规则是你h1在页面上永远不应该只有一个,所以我的问题是:

如果只有一个变体实际可见,那么重复内容会影响SEO,还是违反语义？

Answer 1

Google 会抓取 CSS 'display:none' 内容，因此它是重复的内容。更多信息在这里 http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/