Vue seo优化

一、什么是SEO

SEO（Search Engine Optimization）中文意思“搜索引擎优化”，是指在了解搜索引擎自然排名机制的基础上，对网站进行内优化和修复(网站Web结构调整、网站内容建设、网站代码优化和编码等)和站外优化，改进网站在搜素引擎中的关键词自然排名，通过搜索引擎查找信息是当今网民们寻找网上信息和资源的主要手段。

二、vue为什么seo不友好

vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于
id为app的DOM元素上，这样会存在两大问题：

        1.由于资源请求量大，造成网站首屏加载缓慢，不利于用户体验。

        2.由于页面内容通过js插入，对于内容性网站来说，搜索引擎无法抓取网站内容，不利于SEO。

三、解决办法

通过js生成的 html是不利于SEO，所以我们需要在加载js之前做一下页面的预渲染,目前了解到的有两种方法，vue的ssr渲染和prerender-spa-plugin插件实现。这里选择了vue的ssr渲染。（Vue.js 服务器端渲染指南）。

四、Nuxt.js 

Nuxt.js介绍