Javascript 搜索引擎优化谷歌链接跟踪

我正在调查我管理的网站上的一个问题

发生的事情是，当你看缓存版本的网站，从谷歌的文本版本，它没有显示一些子导航链接

我不太清楚谷歌机器人是如何找到这些链接的，但我看不出我的标记有什么问题

以下是我用于导航的代码片段：

 <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>

主页和样式链接由谷歌选择，而现代和传统链接则不然

我使用JavaScript来显示/隐藏子菜单，但这肯定不会导致谷歌不选择这些链接？在其他网站上，我看到谷歌在使用JavaScript显示的导航项目上获取链接

这可能与我的两个子菜单ul元素具有相同的ID有关吗

---

我的问题是，为什么谷歌只看到父链接而不看到子链接？

事实证明，对子菜单项使用绝对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>