当前位置:网站首页>大中型网站列表页翻页过多怎么优化?
大中型网站列表页翻页过多怎么优化?
2022-08-01 12:01:00 【良家佐言】
稍大型的商务或信息类网站都可能会在产品列表,也就是最末一级的分类页面上,存在翻页过多的问题。通常产品列表会显示10个或20个产品,然后列出翻页链接,除了“上一页”和“下一页”,网站可能列出5个、10个翻页链接。
用户点击页面10,在第10页上又会列出10-19页的翻页。
可以简单计算一下如果这个分类下有1000个产品,每个页面列出20个产品,就需要50个页面才能显示完所有产品。
如果列出10个翻页链接,那么第50个页面上的产品就需要从第一个产品列表页面点击4次才能到达,再加上分类页面本身与首页的距离,第50个页面上的产品距离首页可能有七八次点击的距离了。
可以简单计算一下如果这个分类下有1000个产品,每个页面列出20个产品,就需要50个页面才能显示完所有产品。
如果列出10个翻页链接,那么第50个页面上的产品就需要从第一个产品列表页面点击4次才能到达,再加上分类页面本身与首页的距离,第50个页面上的产品距离首页可能有七八次点击的距离了。
如果图像所示那样列出5个翻页,当前页面居中,要到达第50页已经是十二三次点击之后了。
很多网站在某个分类下有成千山万的产品,可以想象,按照传统翻页导航,列在后面的产品可能需要点击几十上百次才能到达。
如果没有适当的结构优化,这些产品页面被收录的可能性几乎为零。
解决方法一、再次进行分类
假设一个分类下有2000个产品,排在最后的页面按上面同样的情况,需要点击10次以上才能到达。
如果把这个分类页面再次细分为20个子类,那么每个产品页面就都在两次点击距离之内。
多一层分类给大中型网站带来的结构利益是巨大的。我们假设一级产品分类由于用户体验原因只能分10个,每个一级分类下面都可能在列出30个二级分类,这样的二级分类总数就能达到300。
每个二级分类下最多有200个产品(每页20个产品,10页能显示完所有产品),就能保证每个产品页面都在距离首页4次点击之内,总共能带动的产品页面数为6万个。
而如果加多一级分类,每个二级分类下再分30个三级分类,总三级分类将达到9000个。
如果每个三级分类下有200个产品,所能带动的总产品数达到了180万,而到达每个产品页面点击数只增加了一次,这比列出几十几百个翻页链接要好得多。
解决方法二、对翻页链接进行格式变化
比如将翻页链接改为下面这种格式:
1,2,3,4,5,10,20,30,40,50
这样排在第50页的产品,只要再多一次点击也能到达。
如果产品数再多,甚至可以把翻页做成两排:
1,2,3,4,5,6,7,8,9,10
20,30,40,50,60,70,80,90,100
如上面所示两排翻页结构,2000个产品多一次点击就可以全部到达。页面可以列出多少翻页链接及链接之间的步长,SEO可以根据产品数量和网站权重调节。
解决方法三、添加信息筛选功能
在产品数量过多的情况下,可以给每个一级分类页面添加信息筛选功能,比如像链家、安居客、贝壳,房天下等等。
这些大中型网站的信息量非常的大,都是百万级别的页面,网站的一级分类都可以作为一个独立网站存在。
比如二手房,它下面的信息筛选功能分为区域、售价、房型、面积、标签、朝向、楼层、楼龄、装修、用途、电梯、权属及类型,每个功能又分为多个筛选条件,这样用户就可以根据需求,在百万级的网页下,快速通过筛选条件找到想要的信息。
大中型网站产品数量过多,列表翻页过多可能会造成重复收录的情况,所以现在很多网站在产品列表页都有自动加载功能,当用户鼠标滑动到列表页最底部的时候,会自动加载更多的产品。
作者:良家佐言
来源:https://www.badpon.com/2633.html
边栏推荐
- Favorites|Mechanical Engineer Interview Frequently Asked Questions
- 如何获取微信视频号的地址(微信公众号的链接地址)
- Istio Meetup China:全栈服务网格 - Aeraki 助你在 Istio 服务网格中管理任何七层流量
- Qt get all files in a folder
- Pytest电商项目实战(下)
- The CAN communication standard frame and extended frame is introduced
- 程序员如何优雅地解决线上问题?
- 判断JS数据类型的四种方法
- .NET性能优化-使用SourceGenerator-Logger记录日志
- R language ggplot2 visualization: use ggpubr package ggscatter function visualization scatterplot, use xscale wasn't entirely specified X axis measurement adjustment function, set the X coordinate for
猜你喜欢
随机推荐
ddl and dml in sql (the difference between database table and view)
每日一题:连续子数组的最大和(动态规划)
如何获取微信视频号的地址(微信公众号的链接地址)
关于亚马逊测评,你了解多少?
小程序插件如何帮助开发者受益?
activiti工作流的分页查询避坑
一篇文章,带你详细了解华为认证体系证书(2)
Istio Meetup China: Full Stack Service Mesh - Aeraki Helps You Manage Any Layer 7 Traffic in an Istio Service Mesh
win10系统重装,无法登录进行同步的情况下chrome数据恢复
《MySQL核心知识》第6章:查询语句
如何设计一个分布式 ID 发号器?
leetcode每日一题:字符串压缩
How to get the address of WeChat video account (link address of WeChat public account)
Programmer's self-cultivation
【讲座分享】“营收“看金融
将同级数据处理成树形数据
R语言ggplot2可视化:使用ggpubr包的ggdensity函数可视化密度图、使用stat_central_tendency函数在密度中添加均值竖线并自定义线条类型
R language fitting ARIMA model: use the auto.arima function in the forecast package to automatically search for the best parameter combination, model order (p, d, q), set the seasonal parameter to spe
Ts-Map 类的使用
【Unity3D插件】AVPro Video插件分享《视频播放插件》








