深圳SEO:Google如何阅读和呈现JavaScript

小帅帅 5028 0

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

Googlebot很忙。网络蜘蛛负责抓取超过130万亿页。如果每个网页只需一秒钟加载,Googlebot就会有超过四年的页面加载和处理时间来获取每个页面一次。

网络蜘蛛负责抓取超过130万亿页。

幸运的是,Googlebot可以同时抓取大量页面。它甚至可以呈现JavaScript。但是,正如Google的Martin Splitt 所说,“JavaScript需要在[爬行和索引]过程中进行额外的阶段,即渲染阶段。”

“Googlebot在渲染页面时会执行JavaScript,但由于此渲染阶段[执行时间方面]很昂贵,因此无法立即完成,”Splitt说。“分离索引和呈现允许我们尽可能快地索引没有JavaScript的内容,并返回并添加以后需要JavaScript的内容。”

必须单独处理JavaScript和后者的事实是电子商务营销人员需要特别关注如何以及为何使用JavaScript的几个原因。例如,虽然我们知道Googlebot最终可以“看到”使用JavaScript添加的内容,但可能会出现内容需要更长时间才能编入索引,因此需要更长时间才会显示在Google搜索结果中。

对于产品详细信息页面,这可能不是问题。随着时间的推移,页面可能会发生很小的变化,并且会在很长一段时间内到位。因此,额外的几天可能值得等待。但是,在线商店可能希望新的销售页面或假日购买指南尽快出现在Google的索引和相关的SERP中。

抓取,渲染,索引

在2019年7月,谷歌发布了一个关于JavaScript SEO的新简要指南。该指南介绍了Google为抓取,添加和索引JavaScript添加到网页的内容所采取的步骤或步骤。

在我们查看此过程时,重要的是要了解Googlebot会读取并且可能会将找到的任何传统HTML内容编入索引。因此,额外的步骤仅适用于JavaScript在浏览器中添加到页面的内容。

此图显示了Googlebot解析和呈现页面内容的步骤。这个过程是迭代的。Googlebot每次找到新网址时,都会将其添加到抓取队列中。来源:谷歌。

履带。首先,Googlebot 从抓取队列获取网页的地址 - 比如电子商务商店中的类别页面 - 并按照网址进行操作。假设页面未通过robots.txt阻止,Googlebot将解析该页面。在上图中,这是“爬虫”阶段。

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

处理(渲染)。此时,将为JavaScript处理URL。

“Google渲染页面需要多长时间取决于许多不同的因素,我们不能在此做出任何保证,”斯普利特说。

本质上,页面放置在渲染队列中,如果愿意,它必须等待轮到它。

最终,谷歌将呈现内容。早在2015年,Merkle就进行了一项实验,以确定Google如何很好地呈现JavaScript。即使在那时,Googlebot也做得很好,我们只能假设Google在渲染和理解JavaScript方面有所改进。

一旦呈现JavaScript,Googlebot就会将其发现的新网址添加到抓取队列中,并将新内容(通过JavaScript添加的内容)作为执行的HTML转发到索引。

索引。此阶段会将内容(无论是HTML中的内容还是来自JavaScript的其他内容)添加到Google的索引中。当有人在Google上输入相关查询时,可能会显示该页面。

JavaScript seo

既然您(i)了解Googlebot如何呈现和阅读大多数现代JavaScript以及(ii)认识到JavaScript驱动的内容可能需要更长时间才能显示在Google索引中,您可以更好地决定何时以及如何使用JavaScript电子商务网站。

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

如果在此产品类别页面中使用了JavaScript延迟加载,则只会加载可见屏幕上显示的图像(或产品)(包括部分图像)。购物者滚动或刷卡时会加载其他图像和产品信息。

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

在前者中,Googlebot在最初解析HTML时会看到许多或大部分链接,而在后一种情况下,它会在处理之后才会发现它们。

我在这篇文章中的目标是解释Google如何读取和呈现JavaScript。有了这个基本的理解,你已准备好进行更多关于JavaScript和SEO的研究,这对大多数电子商务网站都很重要。

标签: 深圳SEO 深圳SEO优化 深圳SEO推广 深圳SEO教程 深圳SEO技术 深圳SEO博客

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~