Question

我最近有一位客户告诉我他们的SEO公司说在页面上有相同菜单的多个版本对他们的SEO排名产生了负面影响。起初我对此感到有些困惑，但背后的原因是桌面/平板电脑导航的HTML默认显示，然后在移动设备上，主导航用CSS隐藏，显示移动导航，所以在实际的HTML中总是有两个菜单，但在任何时候只显示一个菜单。

到目前为止我避免这个问题的方法是通过JavaScript移动初始桌面菜单链接，如果宽度在移动断点中，反之亦然，如果宽度超出移动断点，我想知道如果有更好的解决方案可以解决这个问题吗？

Answer 1

Bootstrap解决方案怎么样？这样菜单只会显示一次。

getbootstrap.com中的示例Bootstrap菜单：

<div class="container">
    <div class="navbar-header">
      <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="#" class="navbar-brand">Bootstrap theme</a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
        <li class="dropdown">
          <a data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown <span class="caret"></span></a>
          <ul role="menu" class="dropdown-menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li class="dropdown-header">Nav header</li>
            <li><a href="#">Separated link</a></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>

Answer 2

我同意您网站中的重复内容可能对您的搜索引擎排名造成危害，即使它像菜单一样简单 - 试图发现人们欺诈或关键字填充的网络通常会捕获简单的错误和编码问题像这样。如果我担心的话，我总是倾向于做的一个聪明的事情就是我设置了一个robots.txt。使用扩展程序禁用网站上的重复URL问题。如果使用正确，它将禁止您网站上的所有重复网址问题。否则，我知道我们过去曾使用Google网站管理员工具修复了一些重复问题。

重复菜单SEO问题

2 个答案: