[发明专利]一种基于前后端分离技术开发网站的SEO优化方法

说明书

本发明涉及一种基于前后端分离技术开发网站的SEO优化方法，属于SEO优化技术领域，通过nginx配置进行页面请求来源的判断，通过http_user_agent分析是正常页面访问还是爬虫搜索引擎请求；如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；如果是爬虫搜索引擎请求，则将请求转发到Prerender服务；Prerender服务通过无头浏览器访问配置的预渲染的路由，然后将Prerender服务渲染的页面输出到HTML文件中爬虫搜索引擎获取到页面后，完成页面解析。不需要专门部署代理服务器用于生成静态文件或者缓存静态资源，减少了开发工作；而且是实时动态的、只配合搜索引擎渲染页面数据，减少搜索引擎的爬取耗费时间，降低服务器负载。

技术领域

本发明涉及一种基于前后端分离技术开发网站的SEO优化方法，属于SEO优化技术领域。

背景技术

随着终端类型的不断增加，对开发人员的要求越来越高，前后端单一部署的形式已经不能满足不同终端的高要求。以前往往需要针对不同终端开发不同版本的软件。为了进一步提升开发效率，适应不同终端类型，前后端分离技术越来越受到重视。后端服务负责提供业务数据接口，前端服务负责交互展示。同一个接口可以为不同版本的前端服务。目前大部分前后端分离所用的接口调用方式是采用ajax的形式。但是SEO搜索引擎不能够抓取到后端服务返回的数据，只能够抓取到前端页面源代码，这种形式不利于SEO对页面的抓取。传统的形式是通过页面渲染技术，将所有的页面全部渲染成静态页面，以便于SEO对页面的抓取。但是这种方法会增加服务器的负载，随着业务流量的增加，后期将需要增加服务器以解决负载问题。

因此，我们采用新的技术手段来解决前后端分离技术开发网站的SEO优化问题。

发明内容

针对现有技术的不足，本发明提供一种新型的页面预加载方法，在前后端分离架构下，既可以使用新型的前端技术，来提升开发效率，将前端页面单独部署，在不生成静态页面的情况下，减轻服务器负载压力，又可以在不修改项目源码、代码零侵入的情况下完成搜索引擎对页面数据的抓取，方便SEO优化。本发明使用nginx来判断请求来源，Prerender.io做网站预渲染。

本发明的技术方案如下：

一种基于前后端分离技术开发网站的SEO优化方法，包括步骤如下：通过nginx配置进行页面请求来源的判断，通过http_user_agent分析是正常页面访问还是爬虫搜索引擎请求；

如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；

如果是爬虫搜索引擎请求，则将请求转发到Prerender服务；Prerender服务通过无头浏览器访问配置的预渲染的路由，然后将Prerender服务渲染的页面输出到HTML文件中爬虫搜索引擎获取到页面后，完成页面解析。

优选的，优化方法包括步骤如下：

步骤101：客户端或者搜索引擎发起页面请求；

步骤102：nginx接收到请求，判断是否是搜索引擎爬虫系统发起的请求；

步骤103：如果是正常页面访问，则不会进行页面预加载，直接将请求转发到后端服务完成整个请求过程；如果是搜索引擎发起的请求，通过prerender服务从后台接口或者缓存拿到数据；

步骤104：prerender生成prerendered Html，创建预渲染页面；

步骤105：预渲染页面生成后，由nginx反馈响应给到搜索引擎爬虫，从而实现前后端分离系统的SEO抓取优化。

本发明的有益效果在于：