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

【问题标题】：Does displaying none on duplicate content affect SEO/Semantics?在重复内容上不显示是否会影响 SEO/语义？
【发布时间】：2015-06-15 13:13:13
【问题描述】：

重复内容上的 Display: none 是否会影响 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 或违反语义？

【问题讨论】：

标签： html css seo semantics

【解决方案1】：

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

【讨论】：

【解决方案2】：

是的，显然它会对 SEO 产生不利影响； Google 确实考虑了用于呈现页面的 CSS（黑色背景上的黑色文本等）。此外，它表明每个页面应该只有一个 H1 标签，等等......在您的情况下仍然具有相对“动态”功能的更好方法可能是结合使用您的媒体查询（引导程序？）和 jquery 和动态更改它的样式和位置，而不必将它们都称为 H1。

【讨论】：