SEO友好响应设计，交换导航UL为选择？

Question

我正在为一个网站设计菜单，我希望找到一个SEO友好的方式来实现在这里使用的响应性设计：

Ask4Sam.net-响应性设计示例

正如您所看到的，对于大分辨率，导航菜单是一个无序的按钮列表，但是为了在较小的分辨率上节省空间，它变成了下拉菜单。

我认为这是一个很好的效果，但我认为实现它的唯一方法是- A)使用CSS查询和设置显示:没有隐藏一个菜单而显示另一个菜单；( B)使用Javascript隐藏未使用的菜单；或者C)使用jQuery从DOM中删除一个菜单，然后在调整大小时动态插入另一个菜单。

然而，我担心重复的菜单和隐藏的内容给网站一个SEO处罚。这些技术之一SEO友好吗？还有比这些更好的技术吗？

Answer 1

少量重复的内容在您的网页或您的网页之间不太可能导致谷歌惩罚您的网站。请参阅什么是重复的内容，我如何避免它在我的网站上受到惩罚？

默认情况下隐藏但与用户交互一起显示的内容也不会对Google造成惩罚。见谷歌在切换内容。

你可能需要担心的是谷歌如何能够抓取你的内容。当你有一个页面滚动导航，谷歌可能无法深入链接到你的网站，你可能会喜欢。在您给出的网站上，当您搜索“人身伤害”时，站点的正确部分将永远不会出现。Google最多只能显示页面的顶部。这意味着您将放弃在页面的较低部分最好回答的查询的任何良好排名的机会。