vue.js如何做到seo优化?
众所周知,Vue SPA单页面应用对SEO不友好,当然也有相应的解决方案。
适用于vue的SEO优化方案,我查了一下,大概有以下几种:
(1)ssr,即单页面后台渲染
(2)vue-meta-info 与prerender-spa-plugin 预渲染
(3)nuxt
(4)phantomjs
对应的网址是:
https://cn.vuejs.org/v2/guide/ssr.html
https://zhuanlan.zhihu.com/p/29148760
https://zh.nuxtjs.org/guide/installation
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优化?的详细内容,更多请关注易知道|edz.cc其它相关文章!