滑动无限加载和分页哪个对搜索引擎更友好呢?

最近,做搜索引擎优化的工作,发现谷歌只搜索了第一次加载更多前的页面,做这个功能前就有这个担心,结果还是发生了,加载更多后的页面搜索不到。

对搜索引擎优化工作不太熟悉,买了本名字叫《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分页 不刷新页面_滑动无限加载和分页哪个对搜索引擎更友好呢?相关推荐

  1. JRoll 2 使用文档(史上最强大的下拉刷新,滚动,无限加载插件)

    概述 说明 JRoll,一款能滚起上万条数据,具有滑动加速.回弹.缩放.滚动条.滑动事件等功能,兼容CommonJS/AMD/CMD模块规范,开源,免费的轻量级html5滚动插件. JRoll第二版是 ...

  2. Vue.js 开发实践:实现精巧的无限加载与分页功能

    小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 本篇文章是一篇Vue. ...

  3. 使用Intersection Observer API创建无限加载组件

    本文章翻译自:https://vueschool.io/articles/vuejs-tutorials/build-an-infinite-scroll-component-using-inters ...

  4. flutter刷新页面_用Flutter实现58App的首页

    背景 Flutter作为全新跨平台应用框架,在页面渲染和MD开发上优势明显,可谓是业界一枝独秀.正好最近有这样的一个机会学习Flutter开发,我们便尝试用它开发一个MD风格的较复杂页面,来比较跟原生 ...

  5. this.$router.push如何刷新页面_小程序丨微信小程序如何实现页面下拉刷新

    微信小程序蕴含着众多功能,本期将简单介绍实现页面下拉刷新的方法,通过阅读本文,读者们可以自行动手操作,在实践中认识微信小程序. 首先,我们需在json配置中写出以下配置: "enablePu ...

  6. JS实现-页面数据无限加载

    在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表.之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功能.先看看浏览效果: ...

  7. 微信小程序开发使用onreachBottom实现页面触底加载及分页

    目录 一 简要介绍一下onreachBottom事件 二  实例展示 三 遇到的一些问题 一 简要介绍一下onreachBottom事件 onreachBottom和onLoad以及onShow一样, ...

  8. react页面数据过多怎么办_解决 React-Native 加载数据页面卡顿问题

    一般情况下,我们在componentDidMount方法里面执行请求数据.根据字面意思:页面组件加载完毕,然后请求数据. 对的 ,没毛病!!! 然而问题就出现,当我们跳转到新页面时,到界面请求完数据, ...

  9. android中常用的下拉刷新加载更多_如何设计“加载流程”

    为什么要处理"加载"状态 在页面拉取数据.或提交某些数据时,需要一定的时间来等待服务端返回结果.如果不处理加载,用户可能会看到一片空白,以为你的软件出错:或者因没有建立心理预期,被 ...

最新文章

  1. React是如何在后台运行的
  2. 网络摄像头+net_今日 Paper | 神经网络结构搜索;视觉目标;人物识别;视频3D人体姿态估计等...
  3. 将jar deploy到私服nexus常见问题
  4. [Linux] 使用noatime属性优化文件系统读取性能
  5. 历经32载,域名仍是少年,更何况不足2岁的.xin?
  6. 基于HTML5 的人脸识别活体认证
  7. Webhook入门教程:Webhook vs API 它们之间有什么区别?
  8. Indian Buffet Process(印度自助餐过程)介绍
  9. win11小键盘怎么设置 Windows11小键盘的设置方法
  10. 图像处理中滤波(filtering)与卷积(convolution)的区别
  11. Atitit java播放器调音速率快慢的实现 目录 1.1. 原理 本质上是改变采样率即可 1 2. 使用Java增加/降低AudioInputStream的音频播放速度(Increase/dec
  12. MS17-010 补丁下载官方地址
  13. 【Excel,遗忘密码后如何撤销工作表保护密码】
  14. 内网安全 域环境的搭建(模仿真实内网环境 做渗透测试.)
  15. oracle e18,ORACLE_10g_各版本下载地址大全
  16. 解决笔记本连接wifi提示无法连接这个网络问题
  17. Spark 学习【二】
  18. 王者荣耀服务器维护8月23日,王者荣耀8月23日更新公告:其它系统优化及BUG修复...
  19. Android 序列化 ---- Parcelable原理分析
  20. 游戏显卡选购入门资料

热门文章

  1. centos安装软件格式为rpm
  2. pycharm设置中文
  3. python切片习题与详细讲解
  4. c语言中整型数组如何初始化,C语言数组空间的初始化详解
  5. 计算机算法设计与分析 大学生电影节观影问题
  6. 机器学习入门笔记(五):决策树
  7. ~~约数之和(附模板题)
  8. 《南溪的目标检测学习笔记》——目标检测模型的设计笔记
  9. 突击计划——求整数中的较大者
  10. c/c++教程 - 总集1. c基础语法