哪些是VUE开发的，SEO该如何优化，这7个网站可参考

　　我是浦工，点击右上方红字“关注”，每天为你分享互联网行业【网络运营】和【IT技术】干货。

　　前段时间遇到了一个网站是用VUE开发的，我自己学习了一些VUE的开发文档和SEO的搜索引擎技术。其中，VUE是开发单页面是其优势，还有很多的JS代码被高度封装，可以直接调用，但同时也带来一个致命的缺陷，那就是非常不利于SEO的优化。

　　正是由于这样的痛点，我在网上了解了VUE网站做SEO优化需要的一些技术，比如网络上常见的预渲染、服务端渲染SSR和nuxt.js等技术。

　　然而，想要Vue开发的网站做SEO优化，其实我们也可以参考一些用vue开发出来的一些大网站，借鉴其中做的好的一面，具有一定的指导意义。

　　基于这样的想法，我整理了7个采用VUE开发的网站，方便有这方面需求的SEOer有参考意义。

　　1）bilibili

　　2）手机搜狐网

　　3）掘金

　　4）element

　　5）New&UsedClassicCarforsale

　　6）奇趣百科

　　7）异乡好居

　　我是如何知道网站是采用Vue开发出来的，其实这里需要用到一个插件，可以用vue-develop插件，只要浏览器安装了这个插件，是vue开发的网站该插件的图标就会点亮。

　　1.bilibili做了基本的seo优化，比如

　　（1）TDK标题描叙关键词。

　　（2）提升网页加载速度：对外联css,以及js使用了延迟加载以及dns-prefetch，preload。

　　（3）外联较多，关键词排名高。

　　2.掘金网站使用了vue-meta-info管理网站的meta，配合使用了prerender-spa-plugin,可以满足SEO优化需求。

　　3.Element在logo上加了首页的地址，并且只有logo是放在h1标签中，但注意每个页面H1标签只能使用一次。

　　4.有一些流量不太高的网站比如MarshallUniversity做了seo社会化分享优化，在meta信息中出现了property=”og:title”这种新属性