html 中的 2 个版本的导航是否有 seo 惩罚？ （取决于调用的媒体查询）

Question

我正在建立一个响应式网站。桌面版在页脚内的底部有导航。当媒体查询开始时，我希望我的导航变成顶部的下拉菜单。这需要不同的 html 设置，因此仅 css 无法正确移动它，因此仅媒体查询无济于事。

话虽如此，我需要 html 中的 2 组导航链接。一种用于台式机，一种用于移动设备。一个人当然会得到“显示：无；”基于当前的媒体查询。

谷歌会因此受到惩罚吗？我的意思是几乎所有网站在相同的页面上都有多个链接到相同的 url，所以我不认为重复的内容，但源代码会在源代码中说 #na​​vigation_desktop 和 #navigation_mobile。

我希望我可以为两者使用相同的导航，但仅 css 就可以正确移动它。其简单的不同编码和 div 结构。对此有何意见？

Answer 1

我非常怀疑你会受到惩罚 - Googlebot 非常聪明。如果您担心 HTML5 规范有一个 <nav> 元素，它与页面内容有明显的语义区别。

w3 页面建议您仍然照常标记列表，例如：

<nav>
  <ul>
    <li><a href="#">link
    <li><a href="#">link ...
  </ul>
</nav>