由 Biu叔在 上张贴

今天早些时候Biu叔学堂发布了《谷歌搜索引擎索引的工作原理》，我们通过这篇教程，初步理解了网站结构优化对谷歌排名的影响，也掌握了让谷歌快速收录网站新内容的基本操作方法。现在，我们要讲另外一个概念——搜索引擎渲染。我希望通过这门课程，能够让你们理解HTML语言，尤其是网页标签，是怎样影响网站的谷歌排名的。希望你们在读完这篇教程以后，能够更好地理解《深度解析网页标签（Page Tag）》的内容。OK，现在让我们带着问题去学习。

 

我们以前讲谷歌排名工作原理概述的时候，是这样描述的：

1、谷歌通过蜘蛛程序或者XML地图发现了网站的新页面；

2、谷歌把新网页的内容编入索引；

3、用户搜索某一关键词的时候，谷歌根据算法对搜索结果进行排序。

这是一个简化的说明，也许过于简化了，以致于人们只重视网站收录情况和谷歌排名算法，忽略了另外一个关键步骤——搜索引擎渲染。

 

什么是搜索引擎渲染？

搜索引擎渲染，英文原称Search Engine Rendering，是Googlebot抓取页面，运行代码并评估内容以了解网站布局或结构的过程。这话说着有点拗口，我们来举例对比一下索引就很容易明白了。

 

这是谷歌索引我们网站首页的结果：

HTML版本

这是谷歌渲染我们网站首页的结果：

谷歌渲染首页的效果

这两者其实包含的内容一样，但是前者索引的对象是HTML语言，后者是搜索引擎蜘蛛程序把HTML语言“翻译”成普通人都可以看懂的视觉呈现。

 

我们为什么要介绍搜索引擎渲染，这对于外贸网站优化有什么实际意义呢？

用老外的话来说，就是rendering provides the truth。怎么理解这句话呢？我们可以从两个角度出发：

  • 渲染有助于让搜索引擎理解用户体验

通过HTML语言，搜索引擎蜘蛛程序只能了解网站的内容是什么，大概是个什么样子。通过渲染，搜索引擎能够“看懂”用户的体验，也知道哪些内容拥有更高的优先级别（比如说对比色、位置和字体大小都可以提供此类依据）。搜索引擎还可以看出网站的加载速度如何（渲染时间越长表示加载速度越慢）。还有许多与用户体验有关的问题都可以通过渲染结果得知，这对于谷歌理解网页质量是至关重要的，是他们排名的参考因素。

  • 搜索引擎渲染过程是怎样运作的？

在前面我们已经介绍过，谷歌蜘蛛先要索引网页的HTML Code，然后才会把它渲染出和浏览器差不多的效果。这中间有个时差，具体多长不确定，有的说要几周，有的说只要几秒。现在我们不需要去管它，我们只需要记住这个顺序就行——索引在前，渲染在后。换句话来说，谷歌是先弄清楚网页的内容，然后才会去明白网页上不同内容之间的优先级排序。他们在渲染之前就大概“猜测”到了网站上包含什么元素，这些元素在网页上的分布情况如何，以及这些元素对用户来说是否重要。但这只是一种“猜测”，谷歌只有经过渲染，才能验证猜测是否准确， 才能彻底搞懂网页的表现形式。

 

我们为什么要特意强调索引和渲染的先后顺序？

在讲这个问题之前，我们需要了解另外一个重要的概念–Java Script。Java Script我们也称为Java脚本，它能够展示很多绚丽的效果。但是对于网站优化来说，它有一个重大的缺陷——搜索引擎的蜘蛛程序在触碰Java脚本之前，其渲染过程就结束了。我们做SEO的都知道，网站要尽量减少使用Java来展示内容，尤其是导航菜单，一定要用文本形式。但是很多设计师为了突出视觉的酷炫效果，在模板中大规模运用Java来展示内容——设计师才不会考虑你的网站是不是符合SEO规范，他们只考虑如何捉住用户眼球。这也是Biu叔为什么反对盲目选择模板建站的理由之一。

 

到现在，你应该可以得到一个比之前要完整的谷歌工作流程了，虽然这个流程还不够完整，没关系，我们以后慢慢完善它。

1、谷歌通过蜘蛛程序或者XML 地图找到了一个新网页；

2、新网页被加入了索引清单，排队等候；

3、当有可用的抓取预算的时候，谷歌把新网页收录进索引数据库；

4、新网页被加入渲染清单，排队等候；

5、当Rendering Budget可用时，谷歌渲染网站页面。

 

现在的不确定因素就是这个渲染的排队等候时间，以及排名算法的介入时间。有人说渲染要等候数周，也有人说渲染在索引后几秒内就可以执行完。我想这大概也是排名会出现变动的一个原因吧，你觉得呢？

 

今天的课程就到这里结束，我们今天介绍谷歌渲染的基础知识，希望大家学完这篇课程以后，能够积极主动去学习一下HTML语言，尽量规避在网站中大规模运用Java Script去呈现网站内容。也希望大家学完这篇教程以后，能够从深层次去理解网页标签对谷歌排名的影响。欢迎大家在下方留言，发表你们的看法。