什么是JavaScript SEO?

JavaScript SEO是技术SEO的一部分，其重点是使用JavaScript构建的网站更容易被搜索引擎抓取、呈现和索引。

常见的任务包括:

优化通过JavaScript注入的内容
正确实现延迟加载
遵循内部链接最佳实践
防止、发现和修复JavaScript问题

谷歌的网络爬虫(被称为Googlebot)对页面进行排序，以便抓取和渲染。

它抓取队列中的每个URL。

Googlebot发出请求。然后服务器发送HTML文档。

接下来，Googlebot决定需要哪些资源来呈现页面内容。

这意味着它会抓取HTML。而不是JS或CSS文件，因为渲染JavaScript需要大量的资源。

试想一下，Googlebot需要多大的计算能力来下载、读取和运行近20亿个网站上数万亿页的JS。

因此，Google推迟了JavaScript的呈现。它将任何未执行的内容排在队列中，待资源可用时再处理。

一旦资源允许，无头Chrome(没有用户界面的Chrome浏览器)呈现页面并执行JavaScript。

Googlebot再次处理呈现的HTML中的链接。并将它找到的用于爬行的url排成队列。

在最后一步中，Google使用呈现的HTML为页面建立索引。

服务器端呈现
服务器端呈现(SSR)是指在服务器上呈现JavaScript。然后将呈现的HTML页面提供给客户端(浏览器、Googlebot等)。

例如，当你访问一个网站时，你的浏览器会向保存网站内容的服务器发出请求。

处理请求后，浏览器返回呈现的HTML并将其显示在屏幕上。

SSR倾向于帮助网页的SEO性能，因为:

它可以减少加载页面主要内容所需的时间

它可以减少影响用户体验的布局变化

然而，SSR会增加页面允许用户输入所需的时间。

这就是为什么一些处理大量JS的网站选择对某些页面使用SSR而不是其他页面。

在这样的混合模型下，SSR通常用于对SEO有影响的页面。客户端呈现(CSR)通常是为需要大量用户交互和输入的页面保留的。

但是对于开发人员来说，实现SSR通常是复杂且具有挑战性的。

尽管如此，还是有一些工具可以帮助实现SSR:

用于React框架的Gatsby和Next.JS
用于Angular框架的Angular Universal
Vue.js框架的next .js