1 .首先怎么判断网站是用vue做的，我的方法当然是先搜一搜，当让搜出来的并不一定是，接下来可以用vue-develop这个插件，只要你安装了这个插件，是vue的网站该插件的图标就会点亮
2 .如何判断该网站是否是高流量网站，我的方法是去站长之家看看他的alexa排名，一般情况下排名越靠前流量越高，也可以看看他的seo综合查询的情况，这样我就找出了相对高流量的网站。
3 .如何分析一个页面的SEO技术，我之前也是一头雾水，后来看了好多资料，找到了一片感觉比较可靠诊断网站seo 一共有三篇文章，比较详细。
4 .看了老大给的要求我就想到了由于项目使用的vue,会存在SEO的问题，让我分析页面的SEO最好不要漏掉最近流行的适用于vue的SEO优化方案，我查了一下，大概有以下几种：
（1）ssr,即单页面后台渲染
（2）vue-meta-info 与prerender-spa-plugin 预渲染
（3）nuxt
（4）phantomjs

最终我有了下面的输出

Vue网站及分析

1. 高流量vue网站

1） https://www.bilibili.com （bilibili）
2） http://m.sohu.com （手机搜狐网）
3） https://juejin.im/timeline （掘金）
4） http://element.eleme.io/#/en-US （element）
5） https://classics.autotrader.com （New&Used Classic Car for sale）
6） http://qiqu.uc.cn （奇趣百科）
7） https://m.uhouzz.com/apartments （异乡好居）

2. Vue网站SEO分析

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标签中。
4）有一些流量不太高的网站比如http://www.marshall.edu （Marshall University）做了seo社会化分享优化，在meta信息中出现了property=”og:title”这种新东西；https://we.dji.com/zh-CN/campus （大疆招聘）使用了Nuxt

3. 网站中出现率最高的公共组件或公共方法

1）面包屑导航
2） Icon
3）搜索框
4） Button组件

使用vue如何seo优化相关推荐

Phantomjs对vue进行seo优化
Phantomjs对vue进行seo优化 1.安装PhantomJS 2.下载解析模板 3.设置nginx 4.开始测试 1.安装PhantomJS 下载 PhantomJS 1.1:从官网http: ...
Vue项目SEO优化之预渲染--prerender-spa-plugin 搭配vue-meta-info
Vue项目SEO优化之预渲染–prerender-spa-plugin 搭配vue-meta-info prerender-spa-plugin配置安装执行npm i prerender-spa- ...
vue项目seo优化-预渲染prerender-spa-plugin配置
文章目录前言一.prerender-spa-plugin是什么? 1.优点 2.缺点二.使用步骤 1.安装 prerender-spa-plugin 2.配置 prerender-spa-plu ...
vue的SEO优化——预渲染后路由+点击事件失效问题解决
vue是单页面框架且前后端分离,不利于seo优化.针对这一点,还是有解决办法的. 预渲染后路由+点击事件失效问题解决--近期发现最近遇到了一个前台官网,由于时间比较紧,所以我选择了用vue框架去搭建 ...
Vue项目SEO优化解决方案
目录前言一. Vue 项目进行 SEO 优化 1. SSR服务器渲染 2. 静态化 (博客, 介绍性官网) 3. 预渲染 prerender-spa-plugin (插件) 4. 使用Phanto ...
vue项目SEO优化以及生成sitemap.xml
众所周知vue项目本质是单页面项目,对SEO优化十分不好,找起资料来更是麻烦.闲话不多说,分享一下我对自己项目进行的SEO方案及生成sitemap.xml. 需要的库 npm install site ...
关于vue的seo优化
好长时间没有写博客了,这个月的18号才写这个月的第一篇,回首一看这个月发生了好多事情.换工作.加班都没有时间和没有好的东西可以写.最近公司的项目中有一个非常重要的功能就是seo的优化,这个东西堵了一段 ...
vue开发的网站做seo优化的方法
由于vue是通过js来渲染html的内容的,但是搜索引擎对js并不友好,搜索引擎并不会自动像浏览器那样帮我们抓取网站的真正内容. 因此,我们就需要像传统的php.ssh或.net网站那样,需要一个服务 ...
vue项目使用预渲染进行seo优化
vue项目使用预渲染进行seo优化 vue进行seo优化的两个方法 1.预渲染*** 针对项目其中几个页面的seo,标题不能通过接口数据动态渲染情况使用使用以下两个插件进行预渲染seo优化: n ...

使用vue如何seo优化