Vue单页面如何做seo页面优化

1、服务端渲染

服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。

2、预渲染方式

在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将您的前端作为一个完全静态的站点。如果您使用 webpack，您可以使用 prerender-spa-plugin 轻松地添加预渲染。它已经被 Vue 应用程序广泛测试。

适用于vue的SEO优化方案，以下几种：

（1）ssr,即单页面后台渲染

（2）vue-meta-info 与prerender-spa-plugin 预渲染

（3）nuxt

（4）phantomjs

多页应用是多个页面跳来跳去，单页应用是只有一个页面

多页应用：比如有a,b两个页面，访问时是 xxx/a.html ，xxx/b.html，这种模式最明显的就是切换页面时有明显的加载动作，不流畅。

单页应用比如 vue、react、angular 等框架都是单页应用的思想，也能实现页面跳转，只不过方式不同，比如有a,b两个页面，访问时是 xxx/#/a , xxx/#/b (hash方式) ，通过#后的路径参数表示页面，然后由 vue 监测并做出响应，没有真正进行跳转，这种方式使得在切换页面时流畅无卡顿(除去网络因素)。

单页应用缺点：

加载缓慢，相当于一次性把多页面集中加载了，不过通过异步加载等手段也可以达到不错的效果

不利于seo优化，整个页面都是由vue渲染而成的，不同于多页应用无需渲染(或后台渲染)

---