javascript - SEO 谷歌链接跟踪

Question

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

发生的事情是，当您从 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>

“主页”和“样式”链接会被 Google 拾取，但“现代”和“传统”链接不会。

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

这可能与我的两个子菜单 ul 元素具有相同 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>