如何使用CSS隐藏搜索引擎中的重复内容？

Question

我有一个网站的页面结构，使用主要内容周围的固定页眉/页脚。为了使响应式设计更简单，我没有在主要内容周围使用边距，我实际上在文档中重复页眉/页脚 - 一个在固定位置，一个在动态页面中。这意味着我不需要担心不同设备上的不同高度。

但是，我不希望重复的内容显示在搜索引擎结果中，那么我该如何隐藏它呢？

Answer 1

CSS并不会隐藏搜索引擎中的任何内容。

对于良好做法，您应该考虑只返回一个页眉/页脚。

如何使用 Javascript 复制页眉和页脚？您可以使用jQuery .clone()方法来实现此目的。

大多数搜索引擎都不会为抓取执行Javascript。