单页面应用有什么SEO方案

单页面应用有什么SEO方案

1 前端要采用history模式（HTML5 History API），一般用来写单页应用的框架都有这个模式。
2 要用后端做一套页面，内容和对应的前端页面一模一样，即所谓静态化，我用的sails框架即可实现这一点，主流的如Node.js的express框架也可以，php应该也行。
3 必须用nginx做代理跳转，将搜索引擎识别出后流量引到后端的端口上，看到预先渲染给搜索引擎看的页面，还有history模式自带的404问题也需要在nginx里将404转index.html或者rewrite才可以
原因： 较之于传统页面，单页应用需要先下载框架（数据 / 模板），然后才能开始加载数据
方案：
1 服务器端渲染首屏（SSR基于vue的服务端下载）
2 让服务端把首屏的数据渲染在页面上
3 进行基本的css 模板 js的编译合并
4 减少请求次数，使用gulp工具，把 css 打包成一个文件, js打包成一个文件, 模板打包成一个js文件($templateCache) 可以和js 文件打包成一起（促使模板JS文件和JS文件一次性请求）
5 代码分块，如果首屏不需要的块，就不用加载了
6 路由组件懒加载。当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样更加高效。
7 如果有大量图片使用懒加载