vue spa 项目SEO优化

目前有三种处理方式,根据不同情况使用:

1.prerender-spa-plugin插件进行预渲染,生成HTML

适用于只需优化几个页面(没有AJAX数据更新的页面),纯静态网页。

参考:
https://github.com/chrisvfritz/prerender-spa-plugin

2.SSR技术原理,推荐框架nuxt.js

适用于新项目采用,不建议老项目更改,那样耗时耗力!

参考:
https://zh.nuxtjs.org/

3.Rendora处理,通过拦截请求头判断是否爬虫,进行实时渲染返回给用户

适用于老项目,在最小成本上改动!

参考:
https://segmentfault.com/a/1190000019704882
https://github.com/rendora/rendora

最后结合 vue-meta-info 插件进行SEO动态化
npm i vue-meta-info
参考:
https://github.com/muwoo/vue-meta-info