搜索引擎优化怎么做(释放双眼，带上耳机，听听看~！！(组图))

　　搜索引擎优化怎么做(释放双眼，带上耳机，听听看~！！(组图))

　　放开眼睛，戴上耳机，听听~！

　　Vue 是一个用于构建用户界面的渐进式框架。与其他大型框架不同，Vue 被设计为自下而上逐层应用。Vue 的核心库只专注于视图层，不仅使用方便，而且易于与第三方库或现有项目集成。另一方面，当结合现代工具链和各种支持库时，Vue 也完全有能力为复杂的单页应用程序提供驱动程序。

　　现在越来越多的网站开始使用VUE，但是大家都知道搜索引擎对JavaScript不友好，而Vue框架的本质是JavaScript是一个应用，所以需要对<进行SEO优化@网站 如何选择vue的站点。

　　搜索引擎支持js吗？

　　要找出VUE对搜索引擎不友好的原因，首先要了解js和搜索引擎的关系。搜索引擎和我们的浏览器是不同的。对于人来说，无论最终是什么语言，浏览器都能看到相同的内容，但对于搜索引擎来说就不是这样了。

　　浏览器的渲染包括：html解析、dom树构建、cssom构建、javascript解析、布局、绘图，vue的进攻直到最后的javascript解析才会触发，才能渲染出真正的内容。这里上一页只是渲染了dom树，没有任何内容。这会导致搜索引擎在抓取时只抓取一个页面结构，而没有抓取任何有意义的内容。你可以找到一个vue开发的网站。加载页面时，如果网站很慢，会出现一个空白屏幕。正是因为这个原因，所以用户体验不是很好。

　　虽然搜索引擎已经开始逐步支持Javascript，但观察到对Javascript的支持非常有限，只是一些简单的页面效果的渲染。对于目前VUE等异步加载数据，不要抱太大希望，搜索引擎Javascript会抓取一些优质网站，但很难说是低质量网站还是新网站可以很好地爬行。

　　VUE网站是否告别了SEO？

　　那么VUE是做不了SEO优化的吗？当然，还是可以做到的。这个想法也很简单。是为了防止VUE对搜索引擎不友好，提前将页面渲染转为静态页面。大致有这几种方案：SSR服务端渲染、Nuxt静态、预渲染prerender-spa-plugin、Phantomjs处理爬虫。

　　以上方法的优缺点比较推荐使用Phantomjs来处理爬虫。这种解决方案实际上是一种旁路机制。原理是使用Nginx配置来判断访问的源UA是否是爬虫访问。如果是这样，它将被搜索引擎搜索。爬虫请求转发到节点服务器，然后通过PhantomJS解析完整的HTML返回给爬虫。

　　vue 和 SEO 之间的选择

　　所以，如果说网站没有必要，SEO优化很重要，那么尽量避免使用Vue，不仅是为了搜索引擎的友好性，也是为了用户体验的考虑。如果网站引用了很多插件，如果代码优化不够，机器性能跟不上等因素，那么页面渲染时间就会拉长，也就是白屏等待时间更长。

　　SEO优化的一个标准需要记住页面首屏的加载时间控制在1.5s内。如果你有实力实现稳定的加载速度，在整体权衡网站 SEO优化下还是可以用VUE来做的。