行业资讯

专注SEO排名技术研发,联系我们获得技术支持!

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

2022-11-17  浏览:0

  我是浦工,点击右上方红字“关注”,每天为你分享互联网行业【网络运营】和【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”这种新属性

声明:免责声明:本文内容来源于互联网,本网站不拥有所有权,也不承认相关法律责任。
  • 1865692

    累积优化关键词

  • 93%

    +

    首页上词率高达90%+

  • 183W

    +

    183W+独家IP资源

  • 3000

    +

    与3000余家企业客户携手

提供保姆式的SEO优化排名服务,独家研发排名技术,源头技术厂家,快速上首页,帮您获取更多客户资源!

联系我们

TG : @pagoda1993

公司:

九狐科技技术有限公司

地址:江西省南昌市南昌县小蓝国家经济技术开发区汇仁大道266号