VUE单页面应用的内页很难被百度收录

这两年自己写了几个WEB项目,前端都是用的vue框架,后台大部分用的nodejs,也有用的spring的;但是他们有一个共同点:都是SPA单页面应用,并且使用HEXO框架在二级目录搭建了一个静态博客。

主要表现是vue应用收录了首页,而二级页面却不被收录,但是!!!重点来了,hexo搭建在二级目录的博客文章是有小部分可以被收录的,所以我觉得问题其实还是出在vue单页应用上面,百度很难收录这种单页面应用的内页,而这几个web项目在谷歌和必应的收录状况是非常好的,可能他们技术比较好,不在乎你的数据是不是ajax动态获取的,也不在乎你的页面是不是spa。

在此期间,为了解决vue主项目内页不被收录这个问题,思考过很多,包括首先用了预渲染插件,这个就不解释了网上很多教程,主要就是把一部分页面提前加载一遍并保存,等爬虫爬取的时候,就把这个保存的静态页面直接发给爬虫,这样爬虫就能爬到vue项目的内容了,最终预渲染插件在项目中使用了大半年吧,依然没有任何改善,还是不收录vue项目内页。后来想着是否要进行大改造,使用nuxt来服务端渲染,但是说时候感觉成本太高适用性不高,而且明明是前后端分离的项目,最后转了一圈又回到了服务端来渲染,岂不是很扯淡,早知道这样还不如直接在后台用模板引擎写算啦,各方面的效率估计还更高。

vue单页应用加百度统计代码(亲测有效)
11-30
申请百度统计后,得到一段JS代码,需要插入到每个网页中去,在Vue.js项目首先想到的可能就是,把统计代码插入到index.html入口文件中,这样就全局插入,每个页面就都有了;这样做就涉及到一个问题,Vue.js项目是单页应用,每次用户浏览网站时,访问内页时页面是不刷新的,也就意味着不触发百度统计代码;所以最终在百度统计后台看到的效果就是只统计到了网页入口的流量,却无法统计到内页的访问流量。 解决方法 在main.js文件中调用vue-router的afterEach方法,将统计代码加入到这个方法里面,这样每次router发生改变的时候都执行一下统计代码,这样就达到了目的,代码如下
新手vue构建单页面应用实例代码
08-29
本篇文章主要介绍了新手vue构建单页面应用实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
公司官网深度优化之路,半年时间百度收录网页4000+
codeLiuguisheng的博客
12-20 451
继[vue的seo问题](https://juejin.cn/post/6844903781809799176)之后,反响很强烈,也得到了大家的认可,但是我对vue的seo也仅仅停留在理论方面,并没有实际进行过优化,也不知道具体效果是什么样的,恰巧公司官网上线三个月后需求增加不是那么多,所以想停下来先对官网进行优化。 首先是选择哪种方案进行优化,上篇文章提到过,vue的seo解决方案有很多种,常见的如下 1. vue官方服务端渲染 2. vue-meta-info 3. nuxt 4. phanto.
vue项目不被百度收录怎么办、seo优化问题
热门推荐
LingHuzh的博客
08-10 1万+
前言:最近做了一个官网项目,框架选择的vue,开发完上线之后发现不被百度收录,关键词和描述也只能抓取到首页的,今天来分享下最后是怎么解决的。 先说一下传统页面和框架开发的区别 传统html是通过a标签跳转来作为切换的,每一个页面都是一个html,这样百度很容易抓取到的,也能顺着a链接到你的子级页面。 像vue、react、angular开发的都是spa应用,他只有一个页面index,他们都是内加载,动态加载切换路由的,所以你再多页面百度蜘蛛只能爬到首页,这就是spa的一大痛点 想具体了解单页面应用和.
使用Vue后怎么针对搜索引擎做SEO优化
最新发布
有我更精彩的博客
02-19 2141
在当今互联网时代,搜索引擎优化(SEO)对于网站的成功至关重要。而对于使用Vue.js来构建网站前端开发者来说,了解如何进行针对搜索引擎的SEO优化就显得尤为重要
解决vue单页面应用中动态修改title问题
01-21
详细信息查看:vue-weachat-title 解决问题: 1、Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓) 2、在vue单页面中,通过浏览器分享到QQ、微信等应用中的链接,只有一个首页标题和默认icon图片 已测试:APP 微信 QQ 支付宝 淘宝 安装 npm install vue-wechat-title --save 用法 1、在main.js中引入 import VueWechatTitle from 'vue-wechat-title' Vue.use
vue无需改动代码的SEO优化【百度收录问题】优化--puppeteer(详细流程)
wuyuanshun的博客
11-07 3932
SEO优化,主要是为了解决百度收录问题,实现原理就是我们首先去访问nginx,nginx转发到puppeteer服务,由puppeteer服务模拟浏览器请求获取数据,然后返回到页面。这样可以达成直接返回html的效果了。如下图:
Vue杂症问题收录
pymxb1991的专栏
07-26 755
vue inspect>output.js 问题 less-loader sass-loader url-loader xxx-loader nvm 详细安装
puppeteer-不需重构,无痛加强vue单页面应用的SEO,提升百度收录排名
qq_45840993的博客
05-15 1720
puppeteer-不需重构,无痛加强vue单页面应用的SEO,提升百度收录排名
vue】60 个 Vue 常见问题汇总及解决方案
SunPeng的博客
04-26 1643
vue】60 个 Vue 常见问题汇总及解决方案
vue将单页面改造成多页面应用的方法
12-02
问题描述: 手头有一个项目是使用 vue-cli 搭建的单页面应用。项目分为了管理平台和用户查看页面,用户查看页面是很简单的页面,但是在加载过程中,却加载了整个应用的打包代码,量重且影响了响应和体验。我想要的...
解决vue单页面应用进入页面加载所有 js 的问题
11-19
一般在index.js中都是这么引入的组件 import from '@/pages/my' import Cart from '@/pages/cart' import Order from '@/pages/order' import TMap from '@/pages/map' import New from '@/pages/new' ...
解决vue单页面应用打包后相对路径、绝对路径相关问题
11-20
但是我们知道,一般情况下,通过webpack+vuecli默认打包后的HTML、css、js等文件,使用的都是绝对路径。下面可以举几个例子来看一下: 1、打包后的index.html文件 2、打包后的css文件 所以,如果在项目中需要使用...
详解处理Vue单页面应用SEO的另一种思路
01-19
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用前端正大放光彩。三大框架 Angular、Vue、React,可谓妇孺皆知。随着单页面应用的普及,人们在感受其...
vue.js单页面应用实例的简单实现
11-30
一:npm的安装 由于新版的node.js已经集成了npm的环境,所以只需去官网下载node....2、安装vue.js环境::cnpm install -g vue-cli 3、测试vue的安装:vue 三:vue.js项目的建立 新建一个名为pt的vue项目:在F盘创建一个
vue单页面应用打开新窗口显示跳转页面的实例
12-09
一般单页面应用,例如vue都是通过vue-router来做跳转,不像多页应用一样另起新页面显示,但是也不排除一些业务上的需要。 一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定: this.$router.push({...
vue中SPA单页面应用程序详解
11-30
SPA(single page application)单页面应用程序,在一个完成的应用或者站点中,只有一个完整的html页面,这个页面有一个容器,可以把需要加载的代码片段插入到该容器中。 SPA的工作原理:  eg: ...
vue构建单页面应用实战
01-19
在选择 vue 之前,使用 reactjs 也做过一个小 Demo,虽然两者都是面向组件的开发思路,但是 reactjs 的全家桶方式,实在太过强势,而自己定义的 JSX 规范,揉和在 JS 的组件框架里,导致如果后期发生页面改版工作,...
vue单页面应用缺点
08-25
Vue单页面应用的一些缺点包括: 1. 首次加载时间较长:由于单页面应用一次性加载所有资源,第一次加载可能比较慢,尤其是在网络条件较差的情况下。 2. SEO不友好:由于单页面应用只有一个HTML文件,搜索引擎对它...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • 怎样将jpg、png制作成windows桌面ico图标文件 13318
  • 前端实现的一组印章在线设计生成工具集,支持高清镂空的印章图片生成下载 4435
  • 怎样在线将图片转换成icon图标 3922
  • VUE项目路由文件中hidden属性有什么作用 3833
  • VUE单页面应用的内页很难被百度收录 3590

分类专栏

  • 前端 34篇
  • 游戏 2篇

最新评论

  • VUE单页面应用的内页很难被百度收录

    qq_42996750: 请问大佬,你的vue项目首页被收录大概用了多久?

  • 使用前端js代码开发了一个图片转ico图标的功能

    sunmker: 竟然还有发姐打包站

  • 前端实现的一组印章在线设计生成工具集,支持高清镂空的印章图片生成下载

    Gao zhiqiang: 源码能给吗?

  • VUE项目路由文件中hidden属性有什么作用

    ୧⍤⃝�Charlie: 为什么为添加了hidden属性后,依然隐藏不了呢,页面还是照常显示,奇怪了

  • 如何给证件照换一个背景颜色

    0131: 大佬请教一下怎么比较,怎么能知道哪个点是背景色哪个点是人物头像的

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • 在线的GIF动图压缩免费工具分享
  • 将登记照图片尺寸宽高文件大小进行调整修改的工具
  • GIF文件大小智能压缩的在线工具
2023年5篇
2022年12篇
2021年20篇

目录

目录

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司甘南阿里店铺运营价格昆明百姓网标王哪家好横岗网页制作推荐徐州百度爱采购潜江网站搜索优化哪家好石岩企业网站制作公司宜春百度关键词包年推广深圳网站设计公司四平网站搭建价格广安网站制作价格坑梓企业网站制作公司呼和浩特营销网站哪家好绍兴关键词按天扣费宿迁网站排名优化盐田企业网站改版九江百度竞价玉溪网站开发哪家好北海外贸网站制作公司河源网站制作设计价格秦皇岛网站seo优化推荐阜阳网页制作报价吉林网站优化推广推荐甘孜关键词按天收费公司民治网站定制推荐伊春百度网站优化排名价格焦作网站推广工具多少钱湖州百姓网标王公司济南网站建设推荐贵阳seo网站推广报价木棉湾SEO按天计费推荐歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化