服务端渲染

页面中只有app容器和一个js包的加载地址，js或根据访问路由渲染出我们要看到的信息，这样就会有一个明显的缺点：缺少seo。

服务端渲染就是来解决这个问题。

原理是使用vue-server-renderer，在响应路由请求的时候renderer.renderToString(app,(err,html)) 返回内容到body--->${html}

服务端渲染的核心就在于：通过vue-server-renderer插件的renderToString()方法，将Vue实例转换为字符串插入到html文件

单页面：在我们第一次在浏览器地址栏中输入url，并得到返回页面之后，所有的页面都还是单页面应用在控制。

服务端渲染只是在平时返回单页面应用html上增加了对应的页面信息。

seo的三条最重要的规律原创的内容，高质量的外部连接盒持之以恒适度的优化。

关于meta标签

它的作用就是：搜索引擎优化（seo）

meta标签的keywords代表说明网站的关键词是什么

meta标签的description代表说明网站的主要内容，概况是什么。

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要适度，网站还是要以“内容为王”，有好的内容网站才会有发展。