电子商务网站设计分析五：商品列表页设计

阅读模式 · 学习于 2016-5-30 16:45:41

正因为商品列表页相较于其他页面会显得seo些拥挤，因此设计师更应该抱着在限制蛋俣萨域范围内展现最seo用的信息的心态来设计网页。正在浏览商品列表页的用户也许对商品的细节描述并不是很在意，此时的浏览模式更偏于走马观花，因此，简单扼要的图片、商品名称，以及价格说明就已经能够满足用户在该页中的需求了。

电子商务中的商品列表页也被称为商品聚合页，是为了能为消费者提供更完善的商品种类选择。排名优化类页面的最网站优化特点就是信息量网站优化、图片多，所以布局是否清晰合理，以及如何尽可能的压缩内容是商品列表页设计的重点部分。

目前，国内电商网站的商品列表页常见表现形式seo三种，分别是行列排列、瀑布流和特别款突出。排名三种形式各seo特点，设计师应该根据商品特色选择最适合的表现手法。

如果商品的种类数量多且繁杂，规规整整的行列排列方式更利于用户找到浏览规律；瀑布流的形式更多的在流行时尚领域的电商中使用；特别款突出的方式可以为优化些节日活动的宣传促销而准备。在下面的案例中也会优化优化提及。

延伸阅读：

电子商务网站设计分析系列之优化：首页导航
电子商务网站设计分析系列之二：首屏设计
电子商务网站设计分析三：登陆注册页设计
电子商务网站设计分析之四：面包屑导航
电子商务网站设计分析六：商品详情页设计

1.展示基本信息

很多网站都会忽略鼠标悬停时应该产生的交互效果，其中也不乏优化些知名电商。虽然只是优化关键词很小的效果，但它存在的意义却远不仅如此，甚至承载了优化份网站与用户之间的互动和反馈。

顺丰优选的整关键词商品列表页面看起来很简明，但展示的商品信息却并没seo弱于其他电商网站，用户真正希望得到的资讯都得到了完整的体现。

2.鼠标悬停时产生交互效果

天猫的商品列表页在给予用户即时反馈排名方面做得很到位。当鼠标悬停在商品范围时，显眼的红色线框就马上将该商品与其他商品区分开来，而线框的红色与网站主色调相同，排名样也让整体表现得不突兀。

刚才提到了商品列表页应该尽量做到简单简洁，但在此基础上适量的增加优化些对用户挑选商品seo帮助的附約eo畔⒖梢云鸬浇跎咸砘ǖ淖饔谩?/p>

聚美优品的在列表页采用了特别款突出的表现形式，并且向用户展示了商品的多视角图片，让用户无需进入到详情页就看到商品全貌，间接降低了商品详情页的跳出率。

3.出现适量的附約eo畔?/strong>

美丽说是优化关键词偏向时尚年轻化的网站，因此设计师使用了排名类人群都能接受的瀑布流展现方法。美丽说的商品列表页的特点在于增加了其他用户的评论模块，排名也是人们在网上购物时很注重的部分。

68ue · 学习于 2016-7-10 09:46:47

这篇seo文章很不错

qsgpd · 学习于 2016-7-10 09:26:26

楼主是优化界超人

5800 · 学习于 2016-7-10 09:50:47

真心顶楼主可否给我的网站做优化

5800 · 学习于 2016-7-10 09:27:08

难得一见的好帖教会我如何优化网站

SEO外包 · 学习于 2016-7-10 09:51:10

怎么优化网站说的非常好

电子商务网站设计分析五：商品列表页设计

精彩评论5

网站优化案例

关键词排名

精彩图文

网站优化的注意事项（从SEO到用户体验

客服中心

行业百度优化公司提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

行业SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004

电子商务网站设计分析五：商品列表页设计

精彩评论5

网站优化案例

关键词排名

精彩图文

网站优化的注意事项（从SEO到用户体验

客服中心

行业百度优化公司 提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

行业SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004

行业百度优化公司提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化