搜索引擎如何（以及为什么）呈现页面

搜索引擎如何在网络上呈现页面？他们为什么以及何时这样做？这些问题以及更多问题都在这篇文章中得到解答。

搜索引擎如何（以及为什么）呈现页面

我们对索引的看法有一个有趣的转折——那就是渲染。

当我们考虑对页面进行排名时，我们通常会考虑索引。

也就是说，我们一般会考虑一个搜索引擎有以下时间点：

• 通过站点地图或抓取发现了某个网页，然后继续访问该网页以将其编入索引。
• 通过页面源收集了所有内容。
• 开始对查询的页面进行排名。

从历史上看，这是该过程中最重要的一组步骤，因为它是排名的触发因素。

但是，索引不是发现过程的最后阶段。

我认为它的权重会随着时间的推移而下降，而最后阶段 - 渲染 - 会增加，我怀疑会完全取代索引版本。

索引与渲染：有什么区别？

从本质上讲，索引和渲染之间的区别可以用以下两个图像来说明：

这是索引：

这是渲染：

这与索引 （HTML） 和渲染 （Chrome） 期间的内容基本相同。

为什么这很重要？

渲染比您想象的更重要。

搜索引擎在最近将 JavaScript 用于网站之前呈现页面这一事实是一个很好的确认。

从本质上讲，它之所以重要，是因为渲染提供了真相。

通过代码，搜索引擎可以了解页面的内容以及大致发生的事情。

通过渲染，他们可以了解用户体验，并更多地了解哪些内容应该优先。

通过渲染，他们可以回答以下问题：

• 点击后是否隐藏了内容？
• 广告会填满页面吗？
• 出现在代码底部的内容是否实际显示在顶部或导航中？
• 页面加载速度慢吗？

所有这些问题，以及更多问题，都在渲染过程中得到了解答。

这些答案对于正确理解页面以及如何排名非常重要。

何时进行渲染？

2018 年，渲染耗时数周。

毫不奇怪，现在花费的时间要少得多。

事实上，几秒钟。

在音频中的18：20左右，你会听到谷歌的马丁·斯普利特（Martin Splitt）回答了这个问题。

谷歌要多久才能呈现一个页面？

中间是 5 秒，在几分钟内，90% 的索引页面将通过呈现队列。

需要注意的是，这是排队，不一定是渲染。

也就是说，如果您处于在 5 秒内开始的中等集的积极一侧，您的页面将在 5 秒内开始呈现，尽管它可能不会在该时间内完成。

如果渲染在 4 秒内开始，但需要 30 秒才能完成，则将被视为中等集正向的渲染之一。

Googlebot 常青树

2019 年 5 月，Googlebot 的 Web 渲染服务 （WRS） 组件得到了更新，实现了巨大的飞跃。

在此之前，Web 渲染服务使用的是 Chrome 版本 41。

虽然这对兼容性很有帮助，但对于依赖 JavaScript 现代功能的网站来说，这是一场噩梦。

2019 年 5 月，Web 渲染服务升级为 evergreen，这意味着它使用最新版本的 Chrome 进行渲染（无论如何在几周内）。

从本质上讲，现在当你的页面被谷歌呈现时，它或多或少会呈现你在浏览器中看到它的方式。

Web 渲染服务有什么作用？

我想快速回答一个问题，我发现自己并没有完全理解这个问题，直到我意识到我的想法完全错误。

欢迎你嘲笑我，因为我脑子里打嗝的明显性。

首先，让我们考虑一下 Web 渲染服务从哪里获得指令以及如何获取指令。

以下是渲染的生命周期：

• 通过站点地图、爬虫等发现页面。
• 当抓取预算可用时，该网页将添加到网站上要抓取的网页列表中。
• 对页面内容进行爬网和索引。
• 页面将添加到呈现队列中。
• 呈现的页面。

因此，该过程的一个关键且不言而喻的元素是渲染队列。

当页面到达渲染队列的顶部时，引擎将向其发送所谓的无头浏览器。

这是我遇到困难的步骤。

无头浏览器是没有图形用户界面的浏览器。

出于某种原因，我很难把我的大脑包裹起来。

比如，如果它没有以图形方式显示，谷歌怎么知道那里有什么？

显而易见的答案是：

“机器人也没有眼睛，所以…嗯…是的。

在那个心理问题中，我开始接受它作为“浏览器灯”，它为搜索引擎呈现页面，以便了解页面上出现的内容、位置和方式——即使他们没有眼睛看到它。

一切顺利后，呈现的版本在 Googlebot 中的显示效果将与在图形浏览器中的显示相同，如果不是，则可能是因为该网页依赖于不受支持的功能，例如用户权限请求，或者某个脚本或其他资源出错。

预渲染呢？

预渲染是使用像 Puppeteer（我最熟悉的库，用作示例）来创建 JavaScript 页面的缓存 HTML 副本，并将这些缓存提供给 Google。

基本上，这是一种关于伪装的道德形式，您可以复制页面，因为它在 DOM 中显示，并将其提供给搜索引擎，以确保他们看到的内容与用户在停下来索引内容时所做的内容相同。

随着索引和渲染之间的时间延迟急剧下降，我想到了一个明显的问题——我还需要预渲染我的 JavaScript 网站吗？

为什么要渲染？

你可能会问自己，为什么要首先进行渲染？如果一个网站不是 JavaScript 或以其他方式依赖于呈现来“查看”内容，为什么 Google 需要呈现页面？

渲染使引擎能够根据人类可能与页面交互的方式确定内容的优先级。

它让引擎知道内容在浏览器中的位置以及不同元素的可见度，因此当他们试图判断或确定内容的优先级或权衡可用性时，他们正在使用访问者所在的同一产品。

未来被渲染

时间滞后的变化和穆勒的预渲染声明将文字写在了墙上。

从SEO的角度来看，索引可能会成为一个功能上无关紧要的步骤，就Web内容发现而言，渲染占据了前台。

更多SEO学习资料 可以扫码 解锁 《SEO学习资料文档》

1. Core Web Vitals：完整指南
2. Google E-A-T和SEO指南
3. Google 初学者的SEO：SEO基础知识简介
4. Google PPC 营销基础知识完整指南
5. Google SEO 的链接建设：完整指南
6. Google SEO入门教程
7. SEO进阶教程：(网站优化排名之百度SEO快排·技术篇)
8. Google 排名因素：系统、信号和页面体验
9. WordPress SEO 指南：您需要了解的一切
10. 本地 SEO ：提高本地搜索排名的权威指南