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

1、服务端渲染

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

2、预渲染方式

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

vue要实现SEO，必须得让页面全部静态化。

而要静态化，通常是在服务端进行渲染。

可以参考网页链接

但是个人建议，如果你的技术不是特别棒，不要去尝试使用vue这个新出来的技术，老老实实的用php等成熟的技术

使用Vue，是js加载后台数据的，动态赋值在元素上的，搜索引擎只能抓取html内容并不能执行JS，这样搜索引擎抓取不到数据。

解决方法：1、使用CDN缓存静态文件；2、使用服务端对SEO部分进行动态赋值；3、prerender-spa-plugin预渲染插件

---