拿货吧如何准备一个JS迁移

有机流量减少80%是每个企业的噩梦。不幸的是,如果网站迁移不正确,这种可怕的场景可能会变成现实;它非但没有改善目前的状况,反而最终导致了灾难。

来源:http://take.ms/V6aDv

迁移有很多种类型,比如改变、合并或分割域、重新设计网站或迁移到一个新的框架。

Web开发趋势清楚地表明,JavaScript的使用在最近几年一直在增长,JavaScript框架也变得越来越流行。在未来,我们可以期待越来越多的网站将使用JavaScript。

来源:https://httparchive.org/reports/state-of-javascript

因此,SEOs将面临迁移到JavaScript框架的挑战。

在本文中,我将向您展示如何准备将使用静态HTML构建的网站迁移到JavaScript框架。

搜索引擎vs. JavaScript

谷歌是唯一一个能够执行JavaScript并“看到”内容和导航等元素的搜索引擎,即使这些元素是由JavaScript驱动的。然而,在考虑对一个JS框架进行更改时,有两件事你总是需要记住。

首先,谷歌使用chrome41来渲染页面。这是一个有三年历史的浏览器,它不支持渲染高级特性所需的所有现代特性。即使他们总体上可以渲染JS网站,也有可能因为依赖谷歌无法处理的技术,导致一些重要的部分无法被发现。

其次,JS执行是一个极其繁重的过程,谷歌分两波对JS网站进行索引。第一个wave获取原始HTML索引。对于那些支持js的网站来说,这几乎相当于一个空白页面。在第二波中,谷歌执行JavaScript,这样他们就可以“看到”JS加载的额外元素。然后,它们就可以为页面的全部内容建立索引了。

这两个元素的结合使得如果你决定改变你的当前网站的JavaScript框架,你总是需要检查谷歌是否可以有效地抓取和索引你的网站。

正确地迁移到一个JS框架

SEOs可能不喜欢JavaScript,但这并不意味着它的受欢迎程度将停止增长。我们应该尽可能做好准备,正确实施现代框架。

下面的信息将帮助您浏览更改当前框架的过程。我不提供“现成的”解决方案,因为您的情况将是不同因素的结果,没有通用的处方。但是,我想强调一些你需要特别注意的因素。

涵盖标准迁移的基础知识

如果没有您的帮助,您不能指望谷歌会理解这些变化的奇迹。要对整个迁移过程进行详细规划。

在本文中,我想把重点放在JS迁移上,所以如果您需要详细的迁移指南,Bastian Grimm已经介绍过了。

来源:推特

了解您在为谷歌提供内容方面的需求

这个步骤应该在其他步骤之前完成。你需要决定如何谷歌将收到你的网站的内容。你有两种选择:

1. 客户端渲染:这意味着你完全依赖于谷歌进行渲染。然而,如果你选择这个选项,你就同意了一些低效率。这个解决方案的第一个重要缺点是由于上面提到的两波索引而延迟索引你的内容。其次,可能会因为Chrome 41不支持所有的现代功能而导致一切无法正常运行。最后,但并非最不重要的,不是所有的搜索引擎可以执行JavaScript,所以你的JS网站将看起来空Bing,雅虎,Twitter和Facebook。

来源:YouTube

2. 服务器端呈现:该解决方案依赖于外部机制或额外机制/组件的呈现,负责JS网站的呈现,创建一个静态快照,并提供给搜索引擎爬虫。在谷歌I/O会议上,谷歌宣布为你的网站提供一个单独版本的爬虫是可以的。这称为动态呈现,这意味着您可以检测爬虫的用户代理并发送服务器端呈现的版本。这个选项也有它的缺点:创建和维护额外的基础设施,如果在服务器上呈现一个很重的页面可能会延迟,或者缓存可能会有问题(Googlebot可能会收到一个不新鲜的页面版本)。

来源:谷歌

在迁移之前,您需要回答是否需要选项A或B。

如果您的业务的成功是建立在新鲜的内容(新闻、房地产优惠、优惠券)之上,我无法想象只依赖客户端呈现的版本。它可能会导致索引的戏剧性延迟,所以你的竞争对手可能会获得优势。

滚动至顶部