<tbody id='50bm2j0v'></tbody>

    <legend id='8i1rus5e'><style id='702lc67t'><dir id='i7lw38pj'><q id='j77o9ipz'></q></dir></style></legend>
  1. <i id='9agk1mui'><tr id='z8e65gxw'><dt id='i2psethp'><q id='3dkmg0tg'><span id='15vq57ty'><b id='w4a4dmg3'><form id='cy43iprh'><ins id='dk5946t0'></ins><ul id='prijcr92'></ul><sub id='nd7ebvic'></sub></form><legend id='i4fevugj'></legend><bdo id='16o6h1uq'><pre id='wv1h6an6'><center id='9x0hd6qh'></center></pre></bdo></b><th id='i5o9tn41'></th></span></q></dt></tr></i><div id='iw7h9fyu'><tfoot id='3yxoxsra'></tfoot><dl id='x097z6t2'><fieldset id='ynhigqru'></fieldset></dl></div>
      <tfoot id='3ay66efx'></tfoot>

    • <small id='fcgd7whr'></small><noframes id='311fm0a8'>

      网站建设公司当前位置 : 网站建设公司 > 知识普及

      关于vue项目的seo问题

      发布时间:2021-08-30 16:14   浏览次数:次   
       不可否定的是,vue现在火。但是在实际项目中,特别是像一下交互网站,我们不可避免会考虑到的是seo问题,这直接关系到我们网站的排名,很多人说用vue搭建的网站不能做优化,那我们真的要放弃vue,放弃前后端分离开发么?
       
              首先,可以肯定的是前后端分离不利于SEO,为什么呢?
       
              1.搜索引擎的基础爬虫的原理就是抓取你的url,然后获取你的html源代码并解析。 而你的页面通常用了vue等js的数据绑定机制来展示页面数据,爬虫获取到的html是你的模型页面而不是最终数据的渲染页面,所以说用js来渲染数据对seo并不友好。
       
              2.seo 本质是一个服务器向另一个服务器发起请求,解析请求内容。但一般来说搜索引擎是不回去执行请求到的js的。也就是说,如果一个单页应用,html在服务器端还没有渲染部分数据数据,在浏览器才渲染出数据,而搜索引擎请求到的html是没有渲染数据的。 这样就很不利于内容被搜索引擎搜索到。 所以服务端渲染就是尽量在服务器发送到浏览器前 页面上就是有数据的。
       
              3.一般的数据逻辑操作是放在后端的。排序这个如果仅仅是几条数据,前后端排序开起来是一样的,如果是有1000条数据,前端要排序就要都请求过来。这样显然是不合理的。
       
              这就代表交互网站不用vue做么?当然不是。
       
              无意间在知乎看见vue的作者是这么说的:
       
       
       
       
       
       
       
         所以说,即使是像vue这种前后端分离开发的网站,我们还是能够通过其他技术解决seo问题的。
      常用的解决方案有三种:
       
      1. 页面预渲染
      2. 服务端渲染
      3. 路由采用h5 history模式
       
      而应用到的技术也是有很多,大体上我总结了四个,也是比较常用的:
       
      第一,ssr,vue官方文档给出的服务器渲染方案,这是一套完整的构建vue服务端渲染应用的指南,具体参考https://cn.vuejs.org/v2/guide/ssr.html
       
      第二,vue-meta-info,这个是针对单页面的meta SEO的另一种思路,参考网站 https://zhuanlan.zhihu.com/p/29148760
       
      第三,nuxt 简单易用,参考网站 https://zh.nuxtjs.org/guide/installation
       
      第四,phantomjs 页面预渲染,具体参考 phantomjs.org
       
      而市场上依靠vue做出来的唱功案例还是很多的:
       
      1) https://www.bilibili.com (bilibili)
      2) http://m.sohu.com (手机搜狐网)
      3) https://juejin.im/timeline (掘金)
      4) http://element.eleme.io/#/en-US (2)
      5) https://classics.autotrader.com (New&Used Classic Car for sale)
      6) http://qiqu.uc.cn (奇趣百科)
      7) https://m.uhouzz.com/apartments (异乡好居)
       
      那么他们是如何做优化的呢?我们通过分析,总结以下几点
       
      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
       
      这些网站中出现率最高的公共组件或公共方法有四个:
       
      1) 面包屑导航
      2) Icon
      3) 搜索框
      4) Button组件
       
      关于收录问题:
       
          网站收录,搜索引擎在爬取你的网页以后,通过对网页内容进行检测,将符合收录规则的网页存库。因此该网页将会出现在与网页内容相关的查询的搜索结果中。
       
          搜索引擎判断一个网站权重高低的尺度无非两个:收录和外链。因此百度收录的高低很大程度上影响着网站在百度的排名
       
          目前百度spider抓取新链接的途径有两个:
       
          一是主动出击发现抓取
       
          二就是从百度站长平台的链接提交工具中获取数据,其中通过主动推送功能“收”上来的数据最受百度spider的欢迎。
       
              对于站长来说,如果链接很长时间不被收录,建议尝试使用主动推送功能,尤其是新网站,主动推送首页数据,有利于内页数据的抓取。
       
              这只是我片面的分析,具体情况我们还要根据网站定位,开发成本,后期的维护成本等综合考虑,但是我觉得掘金真的是一个非常成功的案例,既然有人给我们迈出了这一步,我们也要紧跟潮流,毕竟互联网是一个与时俱进的行业。如果我们永远停留在传统的混合开发,也会给我们的公司,给我们个人带来一些影响。
       

    • <i id='x2utr3fu'><tr id='hag6m833'><dt id='yop70hrm'><q id='e22g1m3m'><span id='s1zse5t0'><b id='t7cicn9i'><form id='f9zi1gt7'><ins id='s61m7w91'></ins><ul id='xsbbx28m'></ul><sub id='xeufpvim'></sub></form><legend id='6gq9gwmk'></legend><bdo id='bao6xkas'><pre id='ghwnzhv6'><center id='tr7nryi5'></center></pre></bdo></b><th id='uzbftefp'></th></span></q></dt></tr></i><div id='0xiyi9dm'><tfoot id='5be45zue'></tfoot><dl id='kp27gt5n'><fieldset id='67ctza6a'></fieldset></dl></div>
        <legend id='twlj4v2b'><style id='4yg9ciim'><dir id='o8c6uuxu'><q id='pse9am4w'></q></dir></style></legend>

      1. <small id='70f81bxw'></small><noframes id='u1jrns6s'>

        • <tfoot id='ch53kvys'></tfoot>

              <tbody id='3guj7kfg'></tbody>

            本文来源于网络,若有侵权请联系3449817223#qq.com,将在第一时间删除。

            上一篇:关于vue的seo优化 小程序开发上一篇
            下一篇公众号开发下一篇:VUE项目SEO问题的解决

              <tbody id='36tyuop5'></tbody>

              <small id='esv9ivq8'></small><noframes id='pzhfeyex'>

            • <i id='rybapfxx'><tr id='tld5jmca'><dt id='d1yzagcs'><q id='2ns8xoq7'><span id='z6kc0kru'><b id='02ejwye5'><form id='pm23k9hq'><ins id='ee6hi6ny'></ins><ul id='89kyxl0a'></ul><sub id='jzlcae45'></sub></form><legend id='utaywxgs'></legend><bdo id='2yqfleqc'><pre id='446v1th7'><center id='3689jcpx'></center></pre></bdo></b><th id='77391qw3'></th></span></q></dt></tr></i><div id='mlqps13z'><tfoot id='vnqw499g'></tfoot><dl id='8xjvz5mj'><fieldset id='fy80j9i4'></fieldset></dl></div>

                <tfoot id='anb788xe'></tfoot><legend id='4pu6d6es'><style id='009kqrl0'><dir id='9w1t6tnl'><q id='xlp3oatr'></q></dir></style></legend>