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

Question

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

发生的情况是，当您从 Google 查看网站的缓存版本（文本版本）时，它没有显示某些子导航链接。

我不太确定 google bot 是如何找到这些链接的，但我看不出我的标记有什么问题。

这是我用于导航的 sn-p 代码：

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

“Home”和“Style”链接由 Google 提取，但“Modern”和“Traditional”链接没有。

我使用 JavaScript 来显示/隐藏子菜单，但这肯定不会导致 Google 无法获取这些链接吗？在其他网站上，我看到 Google 在使用 JavaScript 显示的导航项上获取链接。

这是否与我的两个子菜单元素具有相同 ID 的事实有关？

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

Answer 1

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