页面中只有app容器和一个js包的加载地址 ，js或根据访问路由渲染出我们要看到的信息，这样就会有一个明显的缺点：缺少seo。
服务端渲染就是来解决这个问题。
原理是使用vue-server-renderer，在响应路由请求的时候renderer.renderToString(app,(err,html)) 返回内容到body--->${html}
服务端渲染的核心就在于：通过vue-server-renderer插件的renderToString()方法，将Vue实例转换为字符串插入到html文件
服务端渲染为了弥补单页面应用seo能力不足的问题
单页面：在我们第一次在浏览器地址栏中输入url，并得到返回页面之后，所有的页面都还是单页面应用在控制。
服务端渲染只是在平时返回单页面应用html上增加了对应的页面信息。
SEO优化技巧
seo的三条最重要的规律 原创的内容，高质量的外部连接盒持之以恒适度的优化。
关于meta标签
它的作用就是：搜索引擎优化（seo）
meta标签的keywords代表说明网站的关键词是什么
<meta name="keywords" content="优质课程、智能问答、趣味实践、随心笔记、教育、网易公开课、计算机开发、交互视觉设计、视频教程、交流互动、免费、名师、实用、培训"/>
meta标签的description代表说明网站的主要内容，概况是什么。
<meta name="description" content="云课堂是网易公司研发的一款大型在线教育平台服务，该平台面向学习者提供海量免费、优质课程，创新的个性化学习体验，自由开放的交流互动环境。继网易公开课后，云课堂是网易公司在教育领域的又一重量级产品。"/>
其他seo优化技巧
1、简化代码结构，更利于搜索引擎分析抓取有用内容，所有js.css采用外联方式，图片采用css精灵，减少请求次数
2、利用布局 把重要内容html代码放在最前面。抓取内容是从上到下。
3、每个页面只能出现一次H1标签，H2标签可以多次：H1权重很高，普遍认为仅次于title，一般资讯详情页的标题、商品详情页的标题，都放在H1里。
4、图片一定要添加alt属性，title属性可选：蜘蛛不认识图片上的内容，只能通过alt属性来判断，如果是商品列表页，所有商品都加了alt和title的话，容易造成堆砌关键词，所以我一般是只加alt属性。
5、图片大小声明：如果图片大小不做定义的话，页面需要重新渲染，就会影响到速度。
6、非特殊性链接，链接地址一定要写入herf属性，做过SEO优化的人员都知道，蜘蛛目前对于js的支持很差，基本无法读取里面的链接地址。所以说用click事件是绝对不允许的，特别是一些重要的导航链接。
7、网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击不超过3次，过深不利于搜索引擎的抓取。
8、做好404页面，一般会加首页链接及错误提示，并测试其返回状态码为404。 用户体验友好，可以留住用户不至于直接关闭页面；蜘蛛友好，可以返回抓取其他页面。
9、重要内容不要用JS输出。蜘蛛不会读取JS里的内容，所以重要内容必须放在HTML里。
10、尽少使用iframe框架。搜索引擎不会抓取到iframe里的内容，重要内容不要放在框架中。
SEO要适度，网站还是要以“内容为王”，有好的内容网站才会有发展。
