具有相关商品的产品轮播是电子商务网站的基本功能之一，从用户和业务的角度来看，它们同样重要。使用它们可以帮助企业增加收入，因为它们提供用户可能感兴趣的相关产品。但如果这些部分过度依赖 JavaScript，则可能会导致爬行和索引问题。

有罪：Otto.de
我分析了Otto.de 的一个产品页面，以确定它是否包含 JavaScript 生成的元素。我使用了JavaScript 会做什么(WWJD) 工具，该工具显示了启用和禁用 JavaScript 时页面的屏幕截图。

测试结果清楚地表明，Otto.de 依赖 JavaScript 在其网站上提供相关和推荐的产品轮播。从下面的屏幕截图中可以清楚地看出，禁用 JavaScript 时这些部分是不可见的：

它如何影响网站的索引？

当 Googlebot 缺乏资源来呈现 JavaScript 注入的链接时，将无法找到产品轮播并对其建立索引。

让我们检查一下这里是否是这种情况。我再次使用“site:”命令并输入 Otto.de 的产品轮播之一的标题：

正如您所看到的，Google 在其索引中找不 产 俄罗斯 WhatsApp 号码数据 品轮播。事实上，谷歌看不到该元素意味着访问其他产品将更加复杂。此外，如果您阻止爬虫到达您的产品轮播，就会使它们更难理解您的页面之间的关系。

获胜者：Target.com
在Target.com 的产品页面中，我使用了快速 JavaScript 切换器扩展来禁用所有 JavaScript 生成的元素。我特别关注“更多要考虑”和“类似项目”轮播以及它们在启用和禁用 JavaScript 时的外观。

如下所示，禁用 JavaScript 改变了产品轮播寻找用户的方式。但从机器人的角度来看，有什么改变吗？

要找到答案，请通过分析缓存版本

来检查机器人的 HTML 版本页面是什么样子。

为了检查上面Target.com 页面的缓存版本，我输入了 这是 BEB目录 分析页面的 URL 地址。另外，我还查看了该页面的纯文本版本。

滚动时，您会发现相关产品的链接也可以在其缓存中找到。如果您在这里看到它们，则意味着机器人也可以轻松找到它们。

但是，请记住，您在缓存中看到的确切产品的链接可能与页面实时版本上的链接不同。轮播中的产品轮换属于正常现象，因此您无需担心特定链接的差异。

但 Target.com 到底做了什么不同的事情呢？他们利用动态渲染。它们提供初始 HTML 以及静态 HTML 机器人可以处理的轮播中产品的链接。

但是，您必须记住，动态渲染增加了一层额外的复杂性，这可能很快就会在大型网站中失控。我最近写了一篇关于动态渲染的文章，如果您正在考虑此解决方案，那么这篇文章是必读的。