回到主页

Googlebot可以读取JavaScript-SEO应该如何反应?

传统上,搜索引擎只读取和呈现网站的HTML代码。这意味着优化HTML代码是SEO必须关注的问题。如果Googlebot现在也能够爬行和索引JavaScript,对搜索引擎优化意味着什么?我们请了几位行业专家来调查。

Googlebot和JavaScript:专家们是怎么说的

为了获得关于Googlebot和JavaScript主题的各种观点,我们向我们的专家询问了以下问题:

  • Google说Googlebot可以抓取基于JavaScript的网站-你认为SEO面临哪些挑战和机遇?
  • 如果有人计划重新启动JavaScript网站,他们应该考虑哪些方面?
  • 在效率和准确性方面,你期望Chrome的网页渲染更新会带来哪些变化?

答案来了。

马丁·陶伯

管理合伙人,营销工厂有限公司

基于JavaScript的网站在用户体验方面提供了巨大的机会,因为它们的使用速度更快,交互性更强。

然而,Googlebot在解释JavaScript方面仍然存在困难,这意味着开发必须非常干净,并且必须植根于与SEO单元的密切合作,这样才能避免令人不快的意外。

多明尼克·沃齐克

董事总经理,信托代理人

现在您没有两个独立的编程世界(例如,对于转义片段),您可以专注于干净的代码和干净的Web环境,这是有机会的。只要开发人员考虑逐步增强,并相应地开发他们的web应用程序,Google就应该能够处理得很好。

然而,也存在着隐藏的挑战。使用的是哪个框架?会有客户端呈现还是可以实现服务器端呈现?甚至可以实现同构的JavaScript吗?JavaScript是内部实现还是外部实现?作为SEO,我们将不得不做大量的测试和尝试不同的事情,以确保谷歌是索引和加权我们的网页,我们希望。

在重新启动之前,应该对要使用的框架做出仔细的决定。履带性和性能都应该考虑。理想情况下,应该创建一个测试环境,以便在使用客户端呈现时能够从外部测试当前的开发。尽管如此,我强烈建议也使用服务器端呈现。这会影响服务器性能,但应将风险降到最低。最重要的是,您必须进行测试、测试和测试,使用FETCH和RIFE来查看Googlebot查找、索引和爬行的内容。

如果谷歌最终切换到了比V49更高的Chrome版本,那么我们可以使用无头Chrome和像Rendertron这样的设备来创建测试环境,这样我们就可以模拟类似Googlebot的设置了。这将帮助我们更好地理解谷歌如何以及如何解释。这样对我们SEO来说就容易多了

巴托斯·戈拉威茨

联合创始人兼SEO负责人,大象

在2017年11月的Searchritals峰会上,来自Elephate的Bartosz GoralWicz谈到了Googlebot和JavaScript之间的关系:

斯蒂芬-切希

创办人兼董事总经理,信托代理人

我们不想让SEO(或代理机构)听到人们说:“顺便说一句,我们很快就要转向JavaScript了。在SEO方面,我们有什么需要考虑的吗?不应该在那里吗?不过,如果你能在周一的新网站上线前快速浏览一下,那就太好了。“这种情况将不可避免地以完全混乱告终。Bartosz(在上面的视频中)提供了一个精彩的主题JavaScript和SEO。

除了询问Google能呈现什么内容外,SEO还应该在重新启动网站时,看看机器人能看到什么,并建立与旧网站不同的地方。最近,我处理了一个网站,在JavaScript重新启动之后,整个内部链接系统被搞砸了,因为旧站点的链接逻辑没有继续运行。还存在一些问题。因此,必须使用期望的“SEO功能”清单。此外,您还应该问JavaScript呈现对您的实际用途意味着什么:它们使用什么样的硬件访问您的网站,这将如何影响加载时间?

塞巴斯蒂安·阿德勒

SEO顾问, leap.de

即使有了改进的JavaScript爬行能力,Google也会更喜欢纯HTML内容,因为它占用的资源更少。问题不在于谷歌是否能阅读和渲染JS,而是你是否能够并且想要从谷歌手中拿走一些工作。如果没有JS,我的内容可以被阅读、工作和加载得非常好,那么这对我来说还是更好的。

渲染的能力总是取决于它背后的技术,就像巴托斯所说的(对他在实验和研究中付出的一切努力表示敬意),如果你要充分利用它,你就必须充分理解它。这里最大的机会是通过提供HTML的重要内容来最小化风险,并且只使用JS来实现它的意图:用于其他特性。如果您完全使用JavaScript,那么最大的困难就是查找错误。

在重新启动页面时,确保您想要的内容与没有JavaScript的工作内容排序。这不仅包括主要内容,还包括导航元素。当JS被禁用时,许多页面没有菜单。这是有意义的,不包括每一个花哨的功能,而是问一个功能是否真的需要你的业务和你的目标受众。如果某个功能不起作用,会产生什么影响?然后做相关的测试。

除了我不期望Google能很好地向网站管理员传达网页渲染更新,我还预计主要的改变将是错误的易感性。Chrome和框架开发得非常快,随着新版本的出现,新的bug可能会出现在RWS中。

一些事情肯定会处理得更快或呈现得更干净。但主要问题仍然是一样的。错误的代码(从正在使用的引擎的角度来看)不能解释。我们必须了解引擎是如何解释我们的代码的。在开发过程中,这会改变我们用于调试的工具。但如果你有你最重要的资产如快速加载HTML(等)文件,那么你不必担心-你可以专注于适当的搜索引擎优化工作。

比约恩·贝思

专业事务处处长,搜索度量

我们必须区分爬行和索引。Google可以爬行JavaScript,但是它比爬行纯HTML占用更多的资源。对于在Web呈现服务(WRS)的帮助下呈现从爬虫接收到的链接(URL)的索引器来说,问题更大,这与在搜索控制台中获取和呈现链接(URL)的方式类似。为此,谷歌使用自己的Chrome浏览器(版本41)。在浏览器的帮助下,它尝试创建文档对象模型(DocumentObjectModel,DOM),并以与在浏览器中显示页面相同的方式解释页面。这可能导致问题,例如,Google(如Distilled和Bartosz Goralewicz运行的测试中所示)无法处理代码中的问题,或者在呈现时出现其他大型问题,因此Google在页面中的呈现在5秒后停止。这在尖叫的青蛙进行的测试中得到了证明。

基本上,JavaScript使爬行和索引变得更加复杂,并在两者之间创建了一个效率很低的关系。如果SEO对你很重要,你应该始终确保一个机器人能够尽可能快速、高效地读取你的页面。

在从基于HTML的网站重新启动到基于JavaScript的框架或库之前,您应该确保包括服务端呈现。例如,Reaction提供了自己的解决方案,称为renderToString。这使用了一个独立于浏览器的DOM接口,它在服务器上呈现JavaScript,创建DOM并将其发送给bot。AngularJS使用角通用。这证明了客户端所做的一切都是重要的,如预先呈现的HTML。然后,客户端获取所需的JavaScript。但是,您也可以在服务器上使用无头Chrome,并将预渲染的HTML发送给bot。

最重要的是,我期望Chrome 59提供更快、更高效的渲染,使性能与纯HTML媲美。只有测试才能判断这是否真的发生。

爬过泥泞:评估你的网站的健康状况。

使用站点结构优化来分析HTML和JavaScript,包括JavaScriptCrawler,现在使用搜索指标!你的好处:

  • 爬行所有相关的JavaScript框架,包括角和反应
  • 通过优先列出技术问题清单提高网站性能
  • JavaScript爬行与不带JavaScript爬行的比较
所有文章
×

还剩一步!

确认邮件已发至你的邮箱。 请点击邮件中的确认链接,完成订阅。

好的