jq分页 不刷新页面_滑动无限加载和分页哪个对搜索引擎更友好呢?
滑动无限加载和分页哪个对搜索引擎更友好呢?
最近,做搜索引擎优化的工作,发现谷歌只搜索了第一次加载更多前的页面,做这个功能前就有这个担心,结果还是发生了,加载更多后的页面搜索不到。
对搜索引擎优化工作不太熟悉,买了本名字叫《SEO的艺术》,还没读完,了解了可以通过 google search console 查看收录情况。查看了一下,果然只收录了首页的贴纸内容,也就是只有首页的18种贴纸内容,啊,小贴画网站上有100多种贴纸,这要流失多少流量啊,一下改成别的搜索引擎友好的方式也不能可能,看有没有临时的改进方法,看到有网站地图,是的,小贴画还没网站地图呢,加上。
小贴画网站页面用的Gatsby做的静态化,生成网站地图还是比较容易的,build时候生成的sitemap.xml提交给谷歌,等待谷歌慢慢全部收录。不知道是不是时间太短,还是大部分页面不收录,观察了一周,决定改版页面。
决定改成普通的分页形式,分页的链接,一个一个都是传统的页面链接,想着应该对搜索引擎友好吧,说干就干,这一点对于全部静态化的页面提前分页,还是有点难度的,并且还好做到一个产品可以直接链接到下一个产品,还要返回所在的分页页面。
想了一下,分页就是按照服务端渲染的传统形式,计算总数,每页产品数,每个产品所在全部产品中的顺序号,但是要返回所在分页页面,要计算顺序号除以每页页面数,并且向上取整才对,js要用,
Math.ceil
才对,计算了一番,总算搞对了。
辛辛苦苦做的分页,原以为搜索引擎都可以收录,重新上线后,慢慢等待。
一周过去了,收录竟然没什么变化。
问题到底出在哪里?直接翻到《SEO的艺术》的讲解分页的页面,竟然要求在头部加 link 标签,用 rel 属性,给值 "next" 或 "pre",类似这样:
要做到这一点,要改动当前的模版,其实在Gatsby v2版里已经不提倡用模版的形式来定页整体样式了,建议用React 高阶组件,这点改动有点大,短时间内不好改。
看了一下 google search console,收录还是没什么变化,网上有的说不加 link rel 搜索引擎也能收录,再等等看吧,不知道你们有什么好的方法吗 ?可以给我留言,效果好的,有贴纸赠送哦,
附上小贴画网站链接:
https://smallsticker.com/smallsticker.com
jq分页 不刷新页面_滑动无限加载和分页哪个对搜索引擎更友好呢?相关推荐
- JRoll 2 使用文档(史上最强大的下拉刷新,滚动,无限加载插件)
概述 说明 JRoll,一款能滚起上万条数据,具有滑动加速.回弹.缩放.滚动条.滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费的轻量级html5滚动插件. JRoll第二版是 ...
- Vue.js 开发实践:实现精巧的无限加载与分页功能
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 本篇文章是一篇Vue. ...
- 使用Intersection Observer API创建无限加载组件
本文章翻译自:https://vueschool.io/articles/vuejs-tutorials/build-an-infinite-scroll-component-using-inters ...
- flutter刷新页面_用Flutter实现58App的首页
背景 Flutter作为全新跨平台应用框架,在页面渲染和MD开发上优势明显,可谓是业界一枝独秀.正好最近有这样的一个机会学习Flutter开发,我们便尝试用它开发一个MD风格的较复杂页面,来比较跟原生 ...
- this.$router.push如何刷新页面_小程序丨微信小程序如何实现页面下拉刷新
微信小程序蕴含着众多功能,本期将简单介绍实现页面下拉刷新的方法,通过阅读本文,读者们可以自行动手操作,在实践中认识微信小程序. 首先,我们需在json配置中写出以下配置: "enablePu ...
- JS实现-页面数据无限加载
在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表.之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能.先看看浏览效果: ...
- 微信小程序开发使用onreachBottom实现页面触底加载及分页
目录 一 简要介绍一下onreachBottom事件 二 实例展示 三 遇到的一些问题 一 简要介绍一下onreachBottom事件 onreachBottom和onLoad以及onShow一样, ...
- react页面数据过多怎么办_解决 React-Native 加载数据页面卡顿问题
一般情况下,我们在componentDidMount方法里面执行请求数据.根据字面意思:页面组件加载完毕,然后请求数据. 对的 ,没毛病!!! 然而问题就出现,当我们跳转到新页面时,到界面请求完数据, ...
- android中常用的下拉刷新加载更多_如何设计“加载流程”
为什么要处理"加载"状态 在页面拉取数据.或提交某些数据时,需要一定的时间来等待服务端返回结果.如果不处理加载,用户可能会看到一片空白,以为你的软件出错:或者因没有建立心理预期,被 ...
最新文章
- React是如何在后台运行的
- 网络摄像头+net_今日 Paper | 神经网络结构搜索;视觉目标;人物识别;视频3D人体姿态估计等...
- 将jar deploy到私服nexus常见问题
- [Linux] 使用noatime属性优化文件系统读取性能
- 历经32载,域名仍是少年,更何况不足2岁的.xin?
- 基于HTML5 的人脸识别活体认证
- Webhook入门教程:Webhook vs API 它们之间有什么区别?
- Indian Buffet Process(印度自助餐过程)介绍
- win11小键盘怎么设置 Windows11小键盘的设置方法
- 图像处理中滤波(filtering)与卷积(convolution)的区别
- Atitit java播放器调音速率快慢的实现 目录 1.1. 原理 本质上是改变采样率即可	1 2. 使用Java增加/降低AudioInputStream的音频播放速度(Increase/dec
- MS17-010 补丁下载官方地址
- 【Excel,遗忘密码后如何撤销工作表保护密码】
- 内网安全 域环境的搭建(模仿真实内网环境 做渗透测试.)
- oracle e18,ORACLE_10g_各版本下载地址大全
- 解决笔记本连接wifi提示无法连接这个网络问题
- Spark 学习【二】
- 王者荣耀服务器维护8月23日,王者荣耀8月23日更新公告:其它系统优化及BUG修复...
- Android 序列化 ---- Parcelable原理分析
- 游戏显卡选购入门资料