在重复内容上不显示是不是会影响 SEO/语义?
Posted
技术标签:
【中文标题】在重复内容上不显示是不是会影响 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 或违反语义?
【问题讨论】:
【参考方案1】:Google 抓取 CSS ‘display:none’ 内容,因此它是重复内容。 更多信息在这里 http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/
【讨论】:
【参考方案2】:是的,显然它会对 SEO 产生不利影响; Google 确实考虑了用于呈现页面的 CSS(黑色背景上的黑色文本等)。此外,它表明每个页面应该只有一个 H1 标签,等等......在您的情况下仍然具有相对“动态”功能的更好方法可能是结合使用您的媒体查询(引导程序?)和 jquery 和动态更改它的样式和位置,而不必将它们都称为 H1。
【讨论】:
以上是关于在重复内容上不显示是不是会影响 SEO/语义?的主要内容,如果未能解决你的问题,请参考以下文章