vue怎么进行seo优化，vue前端seo搜索引擎优化

　　　　vue怎么进行seo优化，vue前端seo搜索引擎优化

　　　　同时，百度搜索引擎抓取这个思路涉及到一些nodejs服务器和Nginx服务器的知识。通过seo技术，可以实现一系列的商业行为，对产品品牌进行宣传收益。于是开始研究Vue seo优化问题，本来想使用官方的做法服务器渲染，但这样会导致很多问题，由于我的功能已经开发好了，如果使用服务器渲染，那我的整个项目都要进行重构，费时费力。

　　　　的时候是跑在linux环境下的，是不可能打开浏览器窗口的，所以要显式的置为true // 等待渲染，直到检测到指定元素。如果是已用SPA开发完成的项目进行SEO优化，而且部署环境支持node服务器，使用Phantomjs。无需使用web 服务器实时动态编译HTML，而是使用预渲染方式，在构建时(build time) 简单地生成针对特定路由的静态HTML 文件。

　　　　到这里我们还可以继续优化，虽然现在已经成了多个页面，但是每个页面的title，description，keywords都是一样的，这也往往不符合实际，毕竟每个页面都有自己的主题内容。缺点： 服务器nodejs环境的要求， 且对原代码的改造成本高！

　　　　体现到代码上就是：最重要的一个就是meta标签的展示) meta标签中的name:可以使用keywords和description来添加搜索引擎的关键字和描述信息。如果是则将搜索引擎的爬虫请求转发到一个node server，再通过PhantomJS来解析完整的HTML，返回给爬虫。最近公司要求用vue重构项目，还涉及到模块化开发，于是乎，我专门花了几天的时间研究了一下webpack这个目前来看。

　　　　服务器渲染的 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行。做好了配置以后发现百度收录不到s it emap提交：（您可以定期将网站链接放到Sitemap中，然后将Sitemap提交给百度。

　　　　搜索引擎的原理从meta 标签中读取keywords、description 的内容从HTML标签爬取和分析内容（h1-h6、strong、em等标签）读取a标签里的链接，通过a标签的链接再跳转到别的网站（深度优先：先跳转回头再爬取；广度优先：先爬取然后再依次跳转）SEO需要什么？

　　　　html的解析dom树的构建cssom构建javascript解析布局绘制当解析到javascript的时候才回去触发vue的渲染然后元素挂载到id为app的div上这个时候我们才能看到我们页面的内容所以即使vue渲染机制很快我们仍然能够看到一段时间的白屏情况用户体验不好。