前后端分离的过程利用prerender解决seo问题的误区

网站进行前后端分离之后，需要解决seo的问题。本来使用的是prerender服务，具体的流程如https://blog.csdn.net/lolgigeo/article/details/102897876所述，上述链接为本人初步的尝试，但经过再次的排查发现存在一个很大的误区。首先，prerender服务解决seo的问题，存在两种方式，第一种是在自己的主机上面建立并执行prerender服务，然后在nginx中判断是否为爬虫，设置爬虫需要经过服务器上的chrome解析并获取真正的网页结构和内容。第二种为启用第三方的服务，服务器无需安装prerender，node，chrome，只需要在nginx配置中间件，并在官网付费获得token，设置爬虫直接访问官方的解析服务即可。

第一种处理方案存在两个问题：

1、服务器进程多，尤其是chrome，对服务器的cpu占用较高，突增突降；

2、由于大量的爬虫需要经过服务器的chrome解析，导致ga中的会话异常，会存在大量的本机来源的跳出率100%的用户，影响网站整体的统计；

所以采用第二种方案，相对比较简单，只需要官方注册账号，https://prerender.io/，获取账号token，并绑定信用卡，根据来源网址付费即可。

配置成功之后，在官网的cached pages页面就会不断的出现新缓存的页面，同时也不再上面报错。报错提示为：

We haven't seen a request with your Prerender token yet.

前后端分离的过程利用prerender解决seo问题的误区相关推荐

前后端分离nginx配置，同时解决跨域问题
背景现在,web开发的前后端分离技术越来越火爆,由于最近的公司官网使用了前后端分离的方案,这里就来记录一下前后端分离的项目部署.这里我们使用的前端框架是Vue.js,后台使用Laravel7提供数据 ...
从0搭建一个Springboot+vue前后端分离项目(四)利用Element框架搭建页面主体部分表格与侧边栏
https://element-plus.gitee.io/zh-CN/component/menu.html 导航栏部分选定menu菜单,选择竖型样式的复制一下 <el-menudefau ...
vue axios 实现文件流下载（前后端分离跨域问题的解决）
前端代码后端以流的形式返回单个文件下载 @RequestMapping(value = "download", method = RequestMethod.POST)@Api ...
前后端分离的项目，如何解决登录问题
2019独角兽企业重金招聘Python工程师标准>>> 方案一:使用token 前端把account和password,提交到服务端的登录api 服务端验证正确后,生成一个token ...
前后端分离的思考与实践
前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了"前后端"的定义,引入前端同学都熟悉 ...
网易NEI在面临前后端分离问题，所提供的完整解决方案
内容来源:2018 年 1 月5 日,网易NEI产品负责人包勇明在"2018移动技术创新大会"进行<网易高效多端应用协作开发实践>演讲分享.IT 大咖说(微信id:it ...
基于NodeJS的全栈式开发（基于NodeJS的前后端分离）【转】
随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本.为了提升开发效率,前后端分离的需求 ...
python 前后端分离
1. 前后端分离 1.1 什么是前后端分离前端:即客户端,负责渲染用户显示界面[如web的js动态渲染页面,安卓,iOS,pc客户端等] 后端:即服务端,负责接收HTTP请求,处理数据 API:Ap ...
前后端分离Java后端跨越问题解决
前后端分离的思想由来已久,不妨尝试一下,从上手开始,先把代码写出来再究细节. 代码下载:https://github.com/jimolonely/AuthServer 前言以前服务端为什么能识别用 ...

前后端分离的过程利用prerender解决seo问题的误区

前后端分离的过程利用prerender解决seo问题的误区相关推荐

最新文章

热门文章