重复内容上的 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在页面上，所以我的问题是这样的：
如果只有一种变体实际上可见，那么重复的内容是否会影响搜索引擎优化或违反语义？
Google 抓取 CSS ‘display:none’ 内容，因此是重复内容。
更多信息请点击此处http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/ http://seoshrugged.com/2014/07/13/does-google-crawl-css-displaynone-content/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
