最近有一位客户告诉我,他们的 SEO 公司表示,页面上同一菜单的多个版本会对他们的 SEO 排名产生负面影响。起初我对此有点困惑,但其背后的原因是桌面/平板电脑导航的 HTML 默认显示,然后在移动设备上,主导航用 CSS 隐藏,移动导航显示,所以有实际 HTML 中始终是两个菜单,但任何时候只显示一个。
到目前为止,我避免此问题的方法是,如果宽度位于移动断点内,则通过 JavaScript 移动初始桌面菜单链接,反之亦然,如果宽度超出移动断点,我想知道是否有这个问题有更好的解决方案吗?
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>
当网站导航菜单存在多个版本时,就会出现重复菜单 SEO 问题,从而导致重复内容或冗余 URL。这可能会混淆搜索引擎并削弱页面权限,对排名产生负面影响。
规范标签:使用规范标签将搜索引擎指向页面的首选版本。
301 重定向:将重复页面重定向到正确的版本。
一致链接:确保所有菜单链接使用统一的结构(例如 HTTPS 和首选域)。
Robots.txt 和元标签:使用
robots.txt
或元 noindex 标签阻止不必要或重复的页面被索引。
站点地图优化:提交更新的 XML 站点地图,仅反映首选 URL。
菜单简化:保持干净、结构化的菜单以及一致的内部链接实践。
我同意,您网站中的重复内容可能会对您的搜索引擎排名构成威胁,即使它像菜单一样简单 - 试图找出人们诈骗或关键字填充的网络通常会捕获简单的错误和编码问题,例如这样。 如果我担心的话,我总是倾向于做的一件聪明的事情是我设置了一个robots.txt。具有禁用站点重复 URL 问题的扩展。如果使用正确,它将禁止您网站上的所有重复 URL 问题。另外,我知道我们过去也使用过 Google 网站管理员工具来修复一些重复的问题。