vue.js如何做到seo优化?

vue.js如何做到seo优化?

众所周知,Vue SPA单页面应用对SEO不友好,当然也有相应的解决方案。

适用于vue的SEO优化方案,我查了一下,大概有以下几种:

(1)ssr,即单页面后台渲染

(2)vue-meta-info 与prerender-spa-plugin 预渲染

(3)nuxt

(4)phantomjs

对应的网址是:

  1. https://cn.vuejs.org/v2/guide/ssr.html

  2. https://zhuanlan.zhihu.com/p/29148760

  3. https://zh.nuxtjs.org/guide/installation

  4. https://blog.csdn.net/chjj0904/article/details/79388438 这个比较详细

Vue网站SEO分析

1) bilibili做了基本的seo优化,比如

  • TDK描叙详细。

  • 提升网页加载速度:对外联css,以及js使用了延迟加载以及dns-prefetch,preload。

  • 外联较多,关键词排名高。

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

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是vue.js如何做到seo优化?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 答疑