在重复的内容上显示没有影响SEO /语义？ [英] Does displaying none on duplicate content affect SEO/Semantics?

问题描述

显示：重复内容无影响搜索引擎优化/语义？

假设您正在构建一个移动优先响应站点。在较小的断点处，您选择在主英雄横幅中显示页面的标题标语（< h1> ）。但是，稍后，您希望在同一地点展示公司徽标，并在副横幅中显示您的标语。例如：

 <！ - 假设以下标记 - > 
< header class =hero-banner> 
< h1 class =hide-on-lg>公司标语< / h1> 
< img src =...class =show-on-lg/> 
< / header> 
< div class =subhead-banner> 
< h1 class =show-on-lg>公司标语< / 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 ，所以我的问题是这样的：

重复的内容会影响搜索引擎优化，或违反语义，如果只有一种变体实际上可见？

Google抓取CSS'display：none'内容，所以它是重复的内容。
更多资讯在这里
http ：//seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/

Does Display: none on duplicate content affect SEO/Semantics?

Suppose you're building a mobile-first, responsive site. At smaller breakpoints, you've opted to show your page's heading tagline (<h1>) in the main hero banner. However, later, you'd like to display a company logo in that same spot, and display your tagline in a sub banner. For example:

<!-- 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>

...with the following 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;
    }
}

The semantic rule is that you should never have more than a single h1 on a page, so my question is this:

Does having that duplicate content affect SEO, or violate semantics, if only one variation is ever actually visible?

解决方案

Google crawls CSS ‘display:none’ Content, so it is duplicate content. More info here http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/

这篇关于在重复的内容上显示没有影响SEO /语义？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！