JavaScript可以改善购物者的购买体验，鼓励互动，甚至在某些情况下提高站点性能。但是在搜索引擎优化方面，JavaScript需要额外的关注。

Googlebot是谷歌的网页抓取机器人，它的抓取能力超过130万亿页。如果每个网页需要一秒钟的加载时间，Googlebot将用超过四年的时间处理页面加载以获取每个网页。

庆幸的是Googlebot可以同时抓取大量页面，它甚至可以呈现JavaScript。但是，JavaScript在抓取和索引过程中需要一个额外的阶段，即渲染阶段。

谷歌网站管理员趋势分析师Martin Splitt表示：“Googlebot在渲染页面时会执行JavaScript，但由于这个渲染阶段(就执行时间而言)代价高昂，它不能总是立即完成。将索引和呈现分开，可以让我们尽可能快地对不使用JavaScript的内容进行索引，并在稍后返回并添加确实需要JavaScript的内容。”

JavaScript必须单独处理是电子商务营销人员特别关注JavaScript的原因之一。例如，虽然我们知道Googlebot最终能够“看到”用JavaScript添加的内容，但可能出现的情况是，这些内容需要更长的时间进行索引，需要更长的时间出现在谷歌搜索结果中。

对于产品详细信息页面来说，这可能不是问题。这个页面可能不会随着时间的推移而发生什么变化，而是在很长一段时间内保持原样。因此，多等几天也许是值得的。但是在线商店可能想要一个新的销售页面或假日购物指南尽快出现在谷歌的索引和相关的搜索引擎页面中。

抓取、呈现、索引

在2019年7月，谷歌发布了一个关于JavaScript SEO的简短指南。指南介绍了Google在抓取、呈现和索引JavaScript添加页面内容时所采取的步骤。

在我们研究这个过程时，重要的是理解Googlebot将读取并索引它发现的任何传统HTML内容。因此，额外的步骤只适用于JavaScript添加到浏览器页面中的内容。

抓取。首先，Googlebot从抓取队列获取页面的地址(比如电子商务商店的类别页面)，并按照网址进行操作。假设页面没有被机器人robots.txt阻止，Googlebot将解析该页面。

在抓取阶段，Googlebot发现的任何新链接(URL)都会被发送回抓取队列。然后可以对解析页面上的HTML内容进行索引。

处理(呈现)。此时，将为JavaScript处理URL。Martin Splitt表示：“谷歌呈现页面需要多长时间取决于许多不同的因素，我们不能在这里做任何保证。”

本质上，页面被放置在渲染队列时，它就必须在队列等待轮到它。一旦渲染JavaScript, Googlebot将向抓取队列添加它发现的新URL，并将新内容(通过JavaScript添加的内容)作为执行的HTML转发到索引。

索引。这个阶段将内容添加到谷歌的索引中，无论是来自HTML的内容还是来自JavaScript的附加内容。当有人在谷歌上输入相关搜索时，可能会显示该页面。

JavaScript SEO

现在,你已经了解了Googlebot如何呈现和读取JavaScript,并且认识到 JavaScript 驱动的内容可能需要更长的时间才能显示在Google的索引中,你可以更好地决定何时以及如何在电子商务中使用JavaScript网站。

下面是一个简单的例子。JavaScript可用于在产品类别页面上延迟加载图像。当购物者访问此类别页面时，将加载显示在可见屏幕上的所有图像。那些“在折叠下方”的图片，直到购物者滚动或滑动时才会加载。

这可以帮助页面加载得更快，并提供更好的购物体验。但是，如何实现这种形式的延迟加载可能会影响SEO。JavaScript只加载图像吗？或者是否回拨数据库以获取所有必要的产品信息？

在前者中，Googlebot在最初解析HTML时将看到大部分链接，而在后一种情况中，它将在处理后才发现这些链接。

了解了谷歌如何读取和呈现JavaScript之后，你就可以对JavaScript和SEO进行更多的研究了，这对大多数电子商务网站都很重要。

（编译/雨果网 吕晓琳）

【特别声明】未经许可同意，任何个人或组织不得复制、转载、或以其他方式使用本网站内容。