页面内动态显示（基于 js）选项卡内的 Googlebot 和“隐藏”内容 - 对 SERPS 的影响？答案

【问题标题】：Googlebot and "hidden" content inside dynamically shown (js based) tabs within a page - Impact on SERPS?页面内动态显示（基于 js）选项卡内的 Googlebot 和“隐藏”内容 - 对 SERPS 的影响？
【发布时间】：2012-07-20 22:41:06
【问题描述】：

假设某人在页面中“合法地”隐藏了内容。

为了进一步解释这一点，想象一下：

<div id="tab-one">This is the content inside tab one</div>
<div id="tab-two">This is the content inside tab two</div>
<a href="javascript:void(0);" onclick="document.getElementById('tab-one').style.display='block';document.getElementById('tab-two').style.display='none';">Tab one</a>
<a href="javascript:void(0);" onclick="document.getElementById('tab-one').style.display='none';document.getElementById('tab-two').style.display='block';">Tab two</a>

从 seo 的角度来看，假设这些都不是为了操纵 google。事实上，“标签二”包含无垃圾邮件的相关数据，这对 seo 有何影响？

googlebot 会将“隐藏”内容编入索引并将其精简为页面内容的一部分吗？

它是否会像在不使用 javacscript 的情况下内容在页面上“可见”一样使用此内容？

谢谢。

【问题讨论】：

标签： seo googlebot

【解决方案1】：

我不相信 Google 过去对此主题有官方回应，但是，根据经验，我可以告诉您，Google 会很好地索引选项卡式内容。您甚至可以从内容中看到 SEO 流量。如果您的网站相当干净，我不会担心被标记为具有“隐藏内容”，只要内容可以通过用户操作（例如点击）访问，并且显然是可点击的。

但是，您需要考虑这一点。例如，隐藏选项卡中的某些内容是产品描述，例如“儿童安全”。如果用户正在寻找“儿童安全产品”，并且他们通过搜索引擎到达您的网站，他们可能不会立即看到该信息，因为他们不知道它隐藏在标签后面。

大多数用户不会花费大量时间进行搜索，因此对于用户而言，他们可能找不到内容并跳出，因为他们觉得自己没有找到所需的相关信息。如果您同意 Google 和 Bing 使用搜索查询优化作为搜索信号的想法，这可能会“损害”您的 SEO。

就个人而言，除非它是真正的三级信息，否则我不会把它放在标签后面，除非对 Ux 至关重要。根据我的经验，如果信息相关，用户不介意滚动……但他们往往有“标签”盲区，或者只有在导航的一部分或已经在交易流程中时才真正与“隐藏”元素交互。

附言另一种方法是使用可抓取的 AJAX 或 pushState() 让各个选项卡在其自己的 URL 上单独编入索引。但是您要小心……如果您在“页面”选项卡上渲染主要内容，您可能会遇到重复的内容问题。如果有意义，您可以使用 Google 发布的 rel="next" 和 rel="prev" 规范（但目前仅受 Google 支持）。

【讨论】：

【解决方案2】：

隐藏的内容会被抓取，这对谷歌来说不是问题，很多网站都有这种菜单。我想隐藏的标签不是填充的关键字，对用户有用，所以你不应该担心这个 - 它对用户和 googlebot 很有用！

【讨论】：

【解决方案3】：

在网站管理员工具中，您会找到Fetch as Google 的选项。在那里你可以看到谷歌是如何抓取页面的。我注意到一些 JavaScript 轮播库被爬网了，而另一些则没有。这只是 Google 如何读取 JavaScript 代码的问题。

就影响而言，并不是所有隐藏的内容都是不好的。内容仍在被爬取（正如您将在 fetch 中看到的那样）。现在，如果有大量的关键字填充内容，那将很容易受到惩罚。

使用得当，肯定还是有益的。

【讨论】：