首页 网站首页 行业资讯 电子商务 查看内容

企业新闻网 2022-8-11 20:30 10119 5

解构电商、O2O:电商平台的“化妆品”-CMS


编辑导语:CMS系统是内容治理系统。内容治理可以处理各类非结构化或半结构化的数字资本的收集、治理、操纵、传递和增值,并能有机集成到结构化数据的贸易智能情况中。本文就来为大师分享一下电商平台的“化装品”-CMS。

解构电商、O2O:电商平台的“化装品”-CMS


假如说用户端是电商平台的“门脸”,那CMS就是点缀门脸的“化装品”了。具有一套好的CMS治理系统对页面展现甚至好互都是质的提升。CMS不但仅只是一套简单的工具,更承载这表达运营诉求和导向的航标。

CMS系统全称是Content Management System,中文意义是内容治理系统。首要用于运营职员按照营业需求静态设置用户可见的页面信息。设置事后的信息可以依照运营职员的要求展现分歧形式、分歧内容的商品。

这里面要说明的是CMS首要的焦点功用是静态设置页面,但不是一切平台的页面都是可以由CMS设置的。营业逻辑也复杂的页面越没法利用CMS停止设置,这类页面大都需要零丁停止建立、处置,比如购物车、结算页等。而展现方式复杂多变但营业逻辑较少的页面大都经过CMS设置,比如首页、促销专题页等类似商品调集页面。

一、页面结构分化


CMS之所以可以静态设置运营的商品是由于它已经将页面一切的元素停止了分化,分化后的各部分可以停止自力治理设置。以后CMS在将一切的元素组装整合从而构成我们看到的绰约多姿的页面内容。我们用一副图来看下页面组成的焦点道理和元素。如图:

解构电商、O2O:电商平台的“化装品”-CMS


用一句话来说就是把林林总总的组件依照指定的款式衬着,并添补好对应的商品数据,依照规定的结构拼装并展现。这么说能够比力笼统,我们拿一个具体的例子来看下都有哪些元素内容。

从下图可以看到每个楼层都是依照一定的排列方式停止展现的,这类排列方式我们叫作结构大概模板。一般意义上每一行都可以称作一个楼层,全部页面的结构就是由多个楼层组合而成。每一个楼层内都可以包括多少的组件的组合,斟酌到美妙的题目一般同一楼层的高度都是分歧的,利用的组件也需要高度分歧。肯定组件范例今后就需要将数据添补到组件中。数据也叫素材来自分歧的渠道和系统,依照组件的要求停止合并终极酿成用户看到的页面内容。

解构电商、O2O:电商平台的“化装品”-CMS

解构电商、O2O:电商平台的“化装品”-CMS


依照页面属性的分歧,页面可以分为首页、专题页。

首页除了根本楼层外,还包括头部焦点地区。头部焦点地区首要寄存一些焦点的内容和导航功用。包括搜索区、导航区、焦点区。结构以下图:
  • 搜索区:可以停止商品搜索定位,一般会放在最上方。一般通用的内容也会放在这个地区,如网站logo,登陆信息等。
  • 导航区:主如果类目导航,负责流量分流和指导的感化。
  • 焦点区:由于在首屏的正中位置,所所以流量的爆发区。一般会放置大幅的广告和主推商品。
  • 楼层:常规商品放置地区,一般依照品类每层包括分歧的分类商品。
  • 其他:首页斟酌到内容较多,一般电商平台城市在PC端增加直通电梯的浮层用于用户间接定位到具体楼层检察商品。而移动端则没有。

解构电商、O2O:电商平台的“化装品”-CMS

解构电商、O2O:电商平台的“化装品”-CMS


需要留意的是由于移动真个手机尺寸缘由,同一层一般不会出现多个组件而是采用一层一组件的方式。相比力而言PC真个结构和组合更加复杂一些,内容摆设也更加丰富。首页的结构首要由这四部分组成,不外搭配上也会按照平台情况而已,比如部分移动端在楼层上还会有一些促销区,理论上这也属于楼层,只是形式和内容上有了进一步的延长。

专题页则更专注于某个维度(如品牌、类目、商家等)的商品聚合。专题页的焦点诉求是为了可以加速和进步用户的采办转化率。页面夸大爆点和吸引眼球,所以结构更简单。首要分为三个部分:头图、领券区、商品摆设楼层。具体结构以下图:

解构电商、O2O:电商平台的“化装品”-CMS

  • 头图区:负责放置专题主题的头图,用来突显主题概念,增加页面空气。
  • 领券区:非必须地区,一般促销专题页会放置领券地区以便刺激消耗。
  • 楼层:楼层也叫商品摆设展现区,用来摆设分歧范例的商品。偶然辰专题页的商品较多也可以增加导航条用来区分定位到具体楼层,这里就不零丁区分导航地区了。


二、CMS结构拆解


上面章节我们已经讲授了页面的组成元素,接下来我们看下一切的元素的具体内容是什么。

首先我们来看下款式的概念,款式是指把一切段落、间距甚至包括字体设定的内容以一种标准的法则输出出来。在页面加载的时辰利用同一的款式法则来排版结构。网页的款式今朝支流的是经过DIV+CSS的方式完成结构的。具体的语法在这里不做详述,我们首要看下对于结构来说的一些空间界说。以下图:
  • 边框:指组件大概地区可以看到的鸿沟,边框可以显现也可以不显现。视觉上的鸿沟就是经过边框来区分的。
  • 外边距:组件或地区的边框之外需要连结的空缺间隔。
  • 内边距:组件或地区的边框和元素之间需要连结的空缺间隔。
  • 尺寸(高度、宽度):指组件或地区中的元素部分所占用的面积,面位为高度X宽度。
  • 元素地区:即我们所能盛放内容的地区,一切的图片、笔墨、链接等内容数据都是在这个地区显现的。

解构电商、O2O:电商平台的“化装品”-CMS


结构的美妙度就是经过调剂这些空间款式属性停止的。经过按照情况来调剂外边距和内边距保证视觉上的公道性。

固然款式上除领会决控件结构的内容,还有很多其他的款式语法比如字体、浮层、上色等。在页面上加载款式也叫款式衬着,页面的美妙整洁首要靠款式来表达。一个网站大概APP同一的款式界说也可是该平台的设想标准。

款式的衬着离不开他的载体也就是组件。组件的概念在电商平台被普遍利用,分歧的组件展现出的商品信息和结果也是分歧的。组成组件的焦点内容就是图片加笔墨,细化后我们领会下组成组件的根基元素都有哪些。
  • 专题信息:一般广告图片和专题题目。需要按照组件的尺寸来规定图片的尺寸。斟酌到图片加载的时候和流量,一般会经过CMS限制图片的尺寸和分辨率。同时为分歧尺寸的图片设定默许底图(即加载不出图片时默许展现的图片内容,凡是会利用公司logo大概吉祥物作为底图),避免加载过慢大概懒加载时页面留白的题目。
  • 商品信息:这里面首要指商品相关展现信息,包括商品图片、价格、库存、色商品称号大概商品题目。其中商品题目和称号理论上是一个信息,但斟酌到电商平台商品众多,在搜索时为了增加曝光率一般会在称号上加上一些促销信息或描述辞汇,从而构成了商品题目。商品题目和商品称号是自力的,显现时可以按照情况来判定能否需要商品题目字段。
  • 文案描写:部分组件中会显现少许的文案描写用来论述。
  • 链接:组件中的商品大概专题信息可以经过点击的方式跳转到商品详情大概专题页来停止采办的流程。跳转的方式首要经过在CMS中设置商品而天生的链接实现。
  • 展现形式实时候:组件的展现范例和显现的时候窗口期,展现范例在稍后我们会具体先容下。时候窗口期主如果经过CMS设置组件内容显现的时候区间,首要感化于限时类的组件上。超时后该组件则不在显现。

组件与组件之间的不同首要来自于组件内元素的结构排列。上文我们也讲授了组成组件的焦点元素主如果图文加上元素数目。结构排列也是围绕图文混排的方式,按位置分类有以下几种:
  1. 图文左右结构;
  2. 图文高低结构;
  3. 图文高低嵌套(即图片为底图,笔墨为浮层);
  4. 大图广告(大图单张,一般用于头条大概焦点展位);
  5. 图片组合(多种图展现代表分歧内容进口,一般用于分类进口大概聚合页进口);
  6. 图文不法则结构(即巨细图混排);
  7. 特别组件(用于特别功用的组件如首页的分类进口或banner轮播等,多为定制化用处)。

比如移动端常见的商品列表就是图文高低结构的方式,每行两个SKU。而首页的各类促销模块、分类进口则多用图片组合的方式停止,突显视觉冲击力。如图:

解构电商、O2O:电商平台的“化装品”-CMS

解构电商、O2O:电商平台的“化装品”-CMS


我们这里零丁说下特别组件,特别组件多用于特别用处的操纵,结构上通常为依照法则和功用展现,大都不由背景CMS停止设置的。
  • 搜索组件(设置搜索关键字);
  • Banner轮播图(轮播图片、链接);
  • 分类导航(由分类根本数据间接显现);
  • 小我中心;
  • 面包屑导航;
  • ……

肯定了结构和展现的结构,接下来我们看下具体的展现内容数据需要留意哪些工作。上文讲到的各类组成组件的元素一般都是由运营职员经过CMS停止上传设备的。现在越来越多的电商平台在鞭策停止“千店千面”的概念,所以除了促销模块的组件之外,其他的根本数据大多也会经过商品列表、搜索、保举等系统来供给本性化变化。CMS中设置的商品列表也要按照用户的信息情况来静态显现商品数据。

最初我们就是需要关注模块的埋点,以便数据收集。关于数据埋点本章节不做详述,前面会在BI系统中说明。

三、CMS公布流程


CMS的根基公布流程根基同即是页面的填装进程。如上图:
  • 挑选结构:页面每层的组件摆放顺序
  • 挑选组件:依照运营需求挑选分歧展现方式的组件
  • 填写内容:按照组件的范例,填写商品信息大概是图文链接。
  • 信息考核:对商品和图片停止考核,避免影响版面。
  • 公布上线:考核经过的页面可以公布上线大概按时上线。


四、总结


CMS系统结构上并不复杂,今朝市场上甚至很多第三方的成熟插件工具。但对于一个成熟的电商平台来说,一个好的CMS可以最大限度的为促销、导购等营销供给最好的用户体验。

#专栏作家#


高晖,微信号公众号:产物老高,大家都是产物司理专栏作家。10余年IT经历,互联网老兵。多年电商公司履历,曾介入过B2B/B2C/O2O等多个偏向的电商项目,熟悉电商全流程产物线情况。

本文原创公布于大家都是产物司理。未经答应,制止转载。

题图来自 Unsplash,基于CC0协议

最新评论(5)

引用 幸福341 2022-8-11 20:31
[微笑]
引用 杨柳657 2022-8-11 20:31
喜欢
引用 永远爱你冰塘 2022-8-11 20:31
已转发
引用 惜颜705 2022-8-11 20:30
转发了
引用 123456879 2022-8-11 20:30
这个好

© 2022-2024 企业新闻网 Powered by Discuz! X3.4

本站内容由网友分享或转载自互联网公开内容,如有侵权请反馈到邮箱 1415941@qq.com,我们会在3个工作日内删除,加急删除请添加站长微信:15314649589

微信扫描,加站长微信

企业新闻网