如何设计一个优秀的电子商务产品详情页

http://c.jinhusns.com/cms/c-3256/?type=xcj

如何设计一个优秀的电子商务产品详情页

电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面,也是搜索引擎的结果页面。和我们一起去探索什么样的伟大元素可以设计出一个成功的产品详细页吧。

电子商务产品详情页设计(E-commerce Website Design)

设计,可用性和搜索引擎营销的工作对于一个电子商务项目是紧密相联的。是时候开始了,让我们看看网页的外观。用户只需要几秒钟的时间,来决定他们是否想留在页面上或离开。一开始页面的设计可以吸引访客是很重要的,虽然这些设计要点似乎是常识,但我们还是列出了一些,如:

  • 价格
  • 折扣
  • 上市/没有上市

我们的定制的电子商务网站确保电子商务网站的设计包含的元素有:

  • 大而详细的产品照片
  • 品牌名称和标识
  • 客户评论/星级评价
  • “添加到购物车”按钮

Must-have for E-Commerce Product Page

令人惊讶的是,很多网站都没有加入这些元素,网站的转化率受到很大的折磨。因此需要检查您的网站和电子商务数据,以确保电子商务项目可以提供以上元素的承诺。

所有的元素都包含的网页

从一般的电子商务网站设计的角度来看,设计师不必过于看重创意。我们需要更多的关心网页可用性部分,但需要设计一个更清晰的产品详细页面,最终让用户可以清晰的寻求信息。网页的目标就是让用户在几秒钟内完成从感兴趣到搜索的转变。

可用性(Usability of Details Page)

总的可用性往往被忽略,设计师可能已经将他的技能发挥出来,但也许前端开发人员没有发挥他们的强大的技能。你要检查这个网页的功能,因为它需要很快的被使用。

附加标签,如“附加详细信息”或“相关产品”,这不应该导致页面重新加载。这种浪费访客的时间,是令人沮丧的。

当客户点击“星级评价”或“写评论”时,客户不应被带到另一个页面。好了,将产品的评论添加到产品页面的底部。当客户点击“阅读评论”,它应该自动滚动到该节。

不要将巨大的图片缩小的太小,这增加了加载时间。

在同一页面底部的产品细节

搜索引擎营销(Search Engine Marketing)

搜索引擎营销最重要的一个方面就是要帮助你实现页面转换。根据不同的行业,搜索者会寻找一个特定的产品。重要的是要优化谷歌第一页的页面排名,让自己的网页被发现,并有商业上的机会。开发产品详细页面必须考虑这几个因素:

  • 产品的名称必须有一个适当的标题标签,比如H1。这是良好的前端开发的一部分(HTML / CSS),帮助谷歌知道页面的重点是什么。
  • 确保网页的内容是HTML开发的。有时,开发者可以使用Ajax或其他技术来获取内容,但这会伤害SEO。
  • 包括制造商的SKU数量是很重要的(如果你进入的行业,SKU是被经常搜索的)

为 电子商务网站的每一页开发强大的标题标签是很重要的,但开发人员忽略了产品页面。在标题里面,产品名称,产品和其他有价值的关键词必须存在。可以使用根据 产品动态生成您的标题标签的工具,如下图。(http://unified-infotech.blogspot.in/2015/01/seo- for-e-commerce-what-you-need-to.html)

现在,电子商务网站是如何在开发者的电脑中工作的,你的开发者给出了尽最大的努力来提供上面提到的所有这些功能吗?

时间: 2024-10-01 06:03:08

如何设计一个优秀的电子商务产品详情页的相关文章

如何设计一个优秀的数据库

如何设计一个优秀的数据库 (2014-04-02 12:43:21) 标   一个成功的管理系统,是由:[50% 的业务 + 50% 的软件] 所组成,而 50% 的成功软件又有 [25% 的数据库 + 25% 的程序] 所组成,数据库设计的好坏是一个关键.如果把企业的数据比做生命所必需的血液,那么数据库的设计就是应用中最重要的一部分. 有关数据库设计的材料汗牛充栋,大学学位课程里也有专门的讲述.不过,就如我们反复强调的那样,再好的老师也比不过经验的教诲.所以我归纳历年来所走的弯路及体会,并在网

【实战】Ozon产品列表页及产品详情页nodejs爬虫

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 { "name": "1", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "fs": "^0.

aspcms产品详情页调取相关产品

产品详情页调用相关产品最常见的应用就是装饰公司网站,设计师页面要求调取设计师做过的案例.aspcms本身有这个功能,但不能完全符合要求,看代码 {aspcms:content sort={aspcms:sortid} num=10 order=order} <a href='[content:link]' > <img src='[content:pic]' /> </a> <a href="[content:link]">[conten

如何设计一个优秀的数据库(转)

一个成功的管理系统,是由:[50% 的业务 + 50% 的软件] 所组成,而 50% 的成功软件又有 [25% 的数据库 + 25% 的程序] 所组成,数据库设计的好坏是一个关键.如果把企业的数据比做生命所必需的血液,那么数据库的设计就是应用中最重要的一部分. 有关数据库设计的材料汗牛充栋,大学学位课程里也有专门的讲述.不过,就如我们反复强调的那样,再好的老师也比不过经验的教诲.所以我归纳历年来所走的弯路及体会,并在网上找了些对数据库设计颇有造诣的专业人士给大家传授一些设计数据库的技巧和经验.精

仿iOS淘宝产品详情页选择属性规格的动画

先上效果图: 关键代码 @TargetApi(Build.VERSION_CODES.HONEYCOMB_MR1) private void startContentViewAnim(boolean isSmall) {     // 设置旋转的中心点     float pivotX = mContentView.getWidth() / 2.0f;     float pivotY = mContentView.getHeight();     mContentView.setPivotX(

(转)ecshop产品详情页显示不清晰

详情页面的商品图片的设置方法 后台商店设置-显示设置-显示设置(就是这里,商品图片宽度和高度设置的大点就行了,放大镜效果也清晰了) 按照您详情页面图片的实际显示大小来添写. 商品管理-图片批量处理,这样这些图片会由程序重新按比例生成一次. 很多客户反映详情页面商品的放大镜放大效果不明显,其实放大镜的原理是将您上传的商品图片原始文件调用出来,如果您上传的原始图片本身就小,那么放大镜效果是出不来的.

亿级商品详情页架构演进技术解密 | 高可用架构系列

亿级商品详情页架构演进技术解密 | 高可用架构系列 --http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=210272034&idx=1&sn=3be9d2b53c7fec88716ee8affd2515f8&scene=1&srcid=UfXZNNOVZZyZjQmp0VOh&from=groupmessage&isappinstalled=0#rd 此文是开涛在[三体高可用架构群]之分享内容

怎么样锻炼自己成为一个优秀的产品经理?

究竟怎么样才能锻炼自己成为优秀的产品经理? 本文先放一个思维导图写出自己的思考过程,再具体说个人认为应该怎么锻炼自己的能力.最后说说作为产品经理能收获什么. 先放思维导图,现在比较喜欢这个东东,不用手写了而且避免了重复操作写在电脑上,写的时候不想word需要因为格式的问题阻碍思考. 在讨论这个问题前,我们先搞清楚产品经理是干什么的. 百度百科上的资料:产品经理(Product manager,简称为 PM)是指在公司中,针对某一项或是某一类的产品进行规划和管理的人,主要负责产品的需求分析,研发.

(转)一个优秀的产品经理如何去真正了解用户需求?

需求分析的首要任务就是明确哪些需求是用户的核心需求,在我们的日常工作中,需求搜集是一项很重要的工作,然而面对多方的需求来源(竞品分析.用户反馈.用户研究),究竟该如何抓住用户的核心需求?又有哪些原则可以遵循呢? 反问思考法 面对列出的众多没有章法的需求,我们往往是先一条一条的过,但是往往我们自己心里都没有底,你说这个需求重要,她说这个需求是必须的,当遇到类似的情况 时,可以运用"反问思考法",所谓反问思考法,就是在面对一条功能描述时,首先要反问,增加这个功能对产品来说有意义吗?我不加他