响应式设计和内容重复问题

Question

我正在开发响应式设计网站。我在一个UL中包含一个大型导航，但想在较小的屏幕上将其转换为两个UL。 从使用媒体查询的技术角度来看，这不是暂停我的问题，而是意味着相同的链接在源中是两次。 此外，在我们想要为较小屏幕添加精简内容的某些页面上，我可以将内容的两种变体分为两个DIV，并根据设备隐藏其中一个。

我的问题是关于搜索引擎，我猜这将被视为内容重复并可能导致处罚。那么最好的选择是什么？

Answer 1

重复导航2次不会产生实际问题：即使Google不忽略其中一个导航，也只是意味着这些链接在您的网页中有更多重要信息。

但是关于重复内容，这个很糟糕因为一个不仅仅是一个可能的SEO问题的原因：你将提供两倍相同的内容，并且会浪费带宽。如果这是一个真正的问题，也许不是如果所有时间都至少有一个CSS display:none，但是一个更好的主意，如果你试着想一个只有CSS的方式，你可以提供相同的内容用于不同的显示宽度。