Vue如何进行SEO优化，vuepress seo

　　Vue如何进行SEO优化，vuepress seo

　　html的解析dom树的构建cssom构建javascript解析布局绘制当解析到javascript的时候才回去触发vue的渲染然后元素挂载到id为app的div上这个时候我们才能看到我们页面的内容所以即使vue渲染机制很快我们仍然能够看到一段时间的白屏情况用户体验不好。说白了就是你的SEO做的越好，当别人搜索某个关键词时，你的网站在搜索结果中就排的越靠前。

　　如果没有做过优化只能看到根目录的html文件里面的内容，body里只有，有利于爬虫的信息就只能看到头部配置的title、keywords和description，tdk对应的内容就很少。

　　前言博客上线也有一段时间了，也在各大搜索引擎上提交了收录信息，但没啥用，闲着无聊就开始搞起seo了，vue 作为一个单页面应用，都是通过js来渲染页面，这就导致了蜘蛛在爬取网站的时候只能获取到一个空壳。SEO优化，主要是为了解决百度收录问题，实现原理就是我们首先去访问nginx，nginx转发到puppeteer服务，由puppeteer服务模拟浏览器请求获取数据，然后返回到页面。

　　meta name="description" content='邓占勇，一名前端工程师，这是我的个人博客，主要分享前端但不限于前端技术。如果你需要基于环境有条件地配置行为，或者想要直接修改配置，那就换成一个函数(该函数会在环境变量被设置之后懒执行)。

　　优化原则改良和规范网站设计的作用，使网站对搜索引擎和用户更加友好，并且网站也能从搜索引擎中获取合理的流量，SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎不可避免的要去处理SEO 的需求。SEO是指通过对网站进行站内优化和修复(网站Web结构调整、网站内容建设、网站代码。

　　去往首页 意见反馈 意见反馈 学会对VUE的SEO优化，你的网站总是排在前面。于是开始研究Vue seo优化问题，本来想使用官方的做法服务器渲染，但这样会导致很多问题，由于我的功能已经开发好了，如果使用服务器渲染，那我的整个项目都要进行重构，费时费力。

　　我经常会在面试的时候问，为什么vue项目在搜索引擎优化这方面会有问题，这个问题其实是因为vue项目只有一个真实的可供浏览器访问的地址，因此百度蜘蛛每次的访问只会访问到。