网站浏览视觉原理分析

在美国长期研究网站可用性的著名网站设计工程师杰柯伯·尼尔森在2006年4月发表了一项《眼睛轨迹的研究》报告。报告发现，人们大多不由自主地以“F”字母形状的模式来阅读网页。尼尔森指出，网页的阅读模式和人们从学校里养成的读书习惯迥异。这份研究报告是从232名读者阅览几千张网页的实验中得出这个结论的。研究者发现，读者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯。这种有压倒性的阅读模式就宛如英文字母F的形状，并且包括下面三个方面：

第一，读者的眼睛首先是水平运动，常常是扫过网页内容的最上半部分。这样就形成了一条横向的运动轨迹。这是F字母的第一条横线。

第二，读者的眼光略微下移，很典型地扫描比第一步范围较短的区域。这就又画了F字母中的第二条横线。

第三，读者朝网页左边的部分进行垂直扫描。有时候，这个举动很慢而且很有系统性，这样就画了F字母中的一条竖线。

无论是在我们编写文章时的内容布局，还是网站整体的重点信息栏目分配，还是搜索引擎的排名位置，都和这些息息相关，任何一个位置都是不可忽略的，他可以给你带来不可估量的效益。认知了这一点，想必是会对你的发展有所帮助的。

我们的眼球在观察事物时，所遵从的原理是先从左往右，再从上往下，所以我们做整体布局时（想想我们做C端时，为什么大家烧直通车大家宁愿卡在左侧的豆腐块，即使卡不了豆腐块也宁愿卡在第二行的左侧位置，而不愿意做在第一行右边的位置，你们可以自己打开网页去浏览一番，看自己的眼睛是不是对最上方一行容易眼球聚焦，左侧从上往下聚焦，然后右下方部分都是眼球顺带一扫而过的。），优先在上面通栏，放上自己最想让客户看到的信息，最关乎客户痛点痒点的信息。

其次关乎客户导航便利程度，关联产品信息，公司资质等等，可以放在左侧（我经常跟我的学生们讲，你做电商，要去思考这些问题背后的动因，原始出发点，阿里巴巴巴巴在设置这些东西的时候，也是有设计过的，不是随便搭建一个框架给你的，阿里在设置系统的时候为什么要这么做？这是你们发现问题时应该要去考虑的事情。

以上是主题大纲，接下来我们讲讲阿里店铺实操，关于产品发布，我在之前的文章阿里产品星级之谜：真伪五星级产品中有写到真正的五星级产品，是有契合度的，是跟整个自己整个网店联合成为一个整体的产品信息，才可以称之为真五星级产品，我再在这里给大家捋一下：

从你的网站首页架构，到二级自定义分类，到你的标题、产品属性、详情，都是要有契合度的，要有一根线给贯穿始终，我那时举了一个例子：

阿里巴巴搜索框这个“馋嘴的小孩”在接收到客户的信息求助时（客户搜索需要的产品）会为客户提供解决方案（产品搜索结果显示页面），但是解决方案有很多（满足客户需要的产品），阿里巴巴搜索框这个“馋嘴的小孩”就会根据好感度来进行先后推荐（最终的产品搜索结果显示页面）。

因为这里的推荐是基于满足客户的信息求助，那么阿里巴巴搜索框计算产品搜索结果显示页面时也是单独框定范围于“满足客户搜索需求”这个核心，而产品标题，就是这个核心的入口，但在这个入口之上还有一个大的入口是类目，但由于“类目”这个大入口所界定的范围太泛了，所以只做部分考虑因素。阿里巴巴搜索框计算产品搜索结果显示页面先是进入到核心入口后，再根据权重值进行按顺序排列产品显示结果。

那现在阿里巴巴搜索引擎这个“馋嘴的小孩”接收到客户的信息求助时，他的智商虽然不高，但是他的计算能力毋庸置疑。现在他们的场景就好比阿里搜索引擎在跟客户打牌，我这手牌是一手顺子34567，你的却是46789，我们都是五张牌，都拿到了入场资格，但是在打牌时我这手牌一手就出完，你的那手牌却要拆开一张张打，阿里搜索引擎在可以选择拿牌出牌时，是选择拿我这一手顺子还是选择拿你那一手杂牌？即使你每张牌都比我大，但你就只能眼睁睁的搞不过我，看着我被阿里搜索引擎打出去（也就是取得较好的排名展现给客户）

这样举例大家清楚明白了没？你只知道我的牌是34567一条顺子，你自己的牌是46789，不是顺子，但是你不知道我的牌为什么能成为顺子，你的牌为什么不能变成56789，这是因为你的产品信息没有契合度，没有一条整体的线把你的产品信息从标题、产品属性、详情贯穿起来，这是个足以让你网店垮塌致命的问题。

我们来看一下阿里的产品信息发布页面，我选一个我学生做的编织袋产品为例（顺便替我学生做个广告，深圳市宝安区福永正峰塑胶制品厂，有需要编织袋打包袋的可以找他，他2018年3月份才跟我学的，目前整个他的整个网店都在重建，数据不好，还请大家不要见笑）：

我们可以看到，他的产品类目为：包装＞物流包装＞塑料编织袋（这是系统根据他日常发布多数供应产品信息所系统推介的默认类目），这是第一层契合度，跟他的整个网店大部分供应产品相契合，这里还有一个潜在的契合度，也就是跟他的店铺客户标签相契合（阿里不仅会给客户贴客户标签，也会给店铺贴店铺标签的）。

34567之所以成为顺子，是等差数列，46789之所以不是顺子，是因为它不是等差数列，这里我们在贯穿线条的时候，产品类目下一条就是产品标题，我们在写标题的时候，就要根据上面的产品类目来做，最好是里面带有“包装”、“物流包装”、“塑料编织袋”这三个词任意一个，这样才能在最大限度范围内的符合这条贯穿线（后期你的整店权重上来了之后，这一步就可以跳过了，具体原因在此不做细致讨论）。

再看下面的产品属性，在属性值这里看到没？有很多地方不是固定可选的，是要你自己手动键入汉字/阿拉伯数字的，这里我们根据上面的顺子贯穿线，要怎么做？是不是该列一些标题乃至类目中包含的契合度进去？实在不知道怎么夹进去的话，右侧中部还有一个“添加自定义产品属性”可以让你去加的（话都说的这么直白了还不知道怎么操作的话，我只能说建议您换个职业吧，运营这块可能不太适合您）。

“主图”、“主图视频”、“产品销售信息”、“标价”这几个维度不在今天讨论之列，跳过。

我们来到“商品详情说明”这块区域

我只想跟大家说，请你盯死这块操作栏，还是回到上面我所强调的：你做电商，要去思考这些问题背后的动因，原始出发点，阿里巴巴在设置这些东西的时候，也是有设计过的，不是随便搭建一个框架给你的，阿里在设置系统的时候为什么要这么做？这是你们发现问题时应该要去考虑的事情！！！

商品描述模板，这块是给你做便捷操作用的。

图片，你们大部分人的心思全部都花在图片上了，就没看到图片旁边还有一个表格么？

就没看到图片、表格下面还有那么一大块的字体描述工具栏么？

表格、文字给你用来干什么的？拿来吃的？如果你是土豪，不在意任何东西，直接简单粗暴拿网销宝，标王，钻展，实商来砸，那请您找到右上角那个“X”现在立刻马上摁下去，再见了您哟喂，我跟土豪不是朋友，土豪你别花时间精力来研究我们这些土鳖们的土技术可好？

表格、文字，都是拿来给你增加契合度的，跟上面提到的一样，都是拿来给你将供应产品信息跟你的整个网店来贯穿一线的。

这里分享一个我自建的阿里运营讨论群里，①群的大师兄分享的详情页面布置建议，我觉得写得挺好，分享给大家以作参考。

如何打造店铺详情内页：

1.第一屏：海报

（主要的目的是引发客户的兴趣，突出店铺的优势）

—— 海报的类型：活动海报、新品海报、全店的促销、爆款产品等

提示 :根据行业的不同，海报的类型也不一样，体现出店铺的明显优势

2.第二屏 ： 痛点挖掘

（根据行业性的不同，挖掘的痛点不同，针对自己的优势出发）

3.第三屏： 产品参数

显而易见的商品信息，让客户更好的进行了解

比如：服装的尺码

4.第四屏：

大图展示

5.第五屏： 细节图

（根据行业性的不同展示做工、材质、卖 点、款式等）展现自己的优势

6.第六屏： 为什么选择我们？

从案例，用户评价多个角度塑造信赖感（设计-面料-工艺-策划-反馈）

7.第七屏：常见问题

（尽量不要用图片，用文字说话，这样更有说服力、真切感）

常见问题列举：运费、退换货、批发说明、跟行业性的正常偏差等

　　做好上面7个步骤就能获得一个能满足买家需求的详情内页。

四、编辑详情内页中需要注意的问题：

①三秒钟记忆原则

②产品描述的前3屏决定买家是否购买你的产品

③ 产品的描述一定要有情感营销的因素在，而且能够引起买家的共鸣

④产品的描述一定要诉求出利益的因素，则FAB排序法

⑤消除一切使买家分心或者暂缓购买的详情页内容

⑥ 记住最重要的一点，商品的卖点只有一个，而且要不停的告诉客户

以上文章内容作者：柴木头，如您有更好的想法请在评论下方留言交流！

刘艳玉卖家阿里店铺 fuerle06.1688.com
广州富尔乐健康科技股份有限公司人和镇凤和学府路8号，主要经营远红外线加热产品;远红外线振动产品，网店负责人：刘艳玉 TEL：020-15889947854，如需购买远红外线加热产品;远红外线振动产品，请联系我们广州富尔乐健康科技股份有限公司

关键词标签： 运营 电商 阿里巴巴 详情 产品