我正在查看我管理的网站上的问题。
当您从Google查看网站的缓存版本(文本版本)时,它没有显示某些子导航链接。
我不太确定谷歌机器人如何找到这些链接,但我看不出我的标记有什么问题。
以下是我用于导航的代码片段:
<div id="tabsPanel">
<ul>
<li class="home" id="home_item">
<a href="/" class="current">home</a>
</li>
<li class="type" id="shopbystyle_item">
<a href="#" class="item parent">Style</a>
<ul id="menucontainer" class="submenu" style="display: none;">
<li class="style1" id="contemporary_item">
<a href="/modern" class="item">
Modern
</a>
</li>
<li class="traditional" id="traditional_item">
<a href="/traditional" class="item">
Traditional
</a>
</li>
</ul>
</li>
<li class="type" id="shopbycolor_item">
<a href="#" class="item parent">Color</a>
<ul id="menucontainer" class="submenu" style="display: none;">
<li class="style1" id="blue_item">
<a href="/blue" class="item">
Blue
</a>
</li>
<li class="traditional" id="red_item">
<a href="/red" class="item">
Red
</a>
</li>
</ul>
</li>
</ul>
</div>
&#34; Home&#34;和&#34;风格&#34;谷歌接受了链接,而现代&#34;现代&#34;和#34;传统&#34;链接不是。
我使用JavaScript来显示/隐藏子菜单,但这肯定不会导致Google无法获取这些链接?在其他网站上,我看到谷歌选择了使用JavaScript显示的导航项链接。
这可能与我的两个子菜单ul元素具有相同ID的事实有关吗?
我的问题是为什么Google只看到父链接而不是子链接?
答案 0 :(得分:0)
事实证明,使用子菜单项的绝对URL有效。不知道为什么会这样,但我改变了以下内容:
由此:
<li class="style1" id="contemporary_item">
<a href="/modern" class="item">
Modern
</a>
</li>
对此:
<li class="style1" id="contemporary_item">
<a href="http://www.example.com/modern" class="item">
Modern
</a>
</li>