亚马逊流量越来越多的移动端详情页面怎么优化

经常看业务报告的小伙伴可能会发现，现在移动端的流量远远高于网页端的流量了，我自己的数据，移动端的数据基本是网页端的一倍以上，甚至2倍

所以问题就来了，很多之前做图片和写描述的时候是都是在网页上看效果的，有些内容到了移动端之后，展示效果就会不一样

如何在网页查看listing在手机端的展示效果？

F12大法

首先打开详情页，键盘按F12，接着

怎样把listing详情页优化到更符合移动端展示？

先来看看行业标杆Anker的产品的橱窗图移动端展示效果是怎样的

（图片来源：亚马逊）

不得不说，观感不错，图片元素和文字都能清楚看到，同时，这样的图片中的主要的文字元素在网页端也可以看得清楚

进一步看这个链接上传的图片大小，惊奇的发现

除了主图是1200*1500的，其他的橱窗图片都是400*500尺寸的

这个技能悄悄学起来，试起来

由于像素在1000以上的图片在网页端才有放大功能，所以试的时候应该注意什么，懂得都懂

F12大法只能在产品已经成功在亚马逊前台正常展示的情况可以用的

那问题来了，在自己的产品在优化编辑过程中或者上架前，怎么预先知道自己的产品在搜索页面的展示效果是怎么样的？

这个可以通过插件来实现，效果如下：

先打开亚马逊前台搜索页面，搜索关键词，这里以power bank为例子，点击搜索之后

接着会出现下面界面

（图片来源：亚马逊）

（图片来源：亚马逊）

上面的图是网页端展示效果，下图是移动端展示效果

（图片来源：亚马逊）

除了是单个图片测试，也可以用两张不同的主图去做A/B test

A/B测试1

先来看看1200*1200的图片和1200*1500的图片在web端和App端的展示效果

测试1-Web端展示效果对比

测试1-移动端展示效果对比

从上面的对比结果看，在web端，1:1图片尺寸比4:5尺寸展示效果更佳，但是在App端，4:5尺寸的图片展示效果要远远好于1:1尺寸的图片

A/B测试2

接着看看1500*1500和1200*1500尺寸图片的展示效果

测试2-Web端展示效果对比

从这个测试结果看，web端两个尺寸对比效果和前面一次测试差不多，如果忽略图片边框（边框是我作图时自己加的），在视觉上没有明显差异。

测试2-移动端展示效果对比

总结

Web端：

测试-1的1500*1500尺寸的图片和测试-2的1200*1200的图片在Web端搜索页的展示结果并没有明显区别，所以只要是1:1尺寸图，像素大小对展示结果几乎没有影响

但是在App端就明显有区别，同样是1:1尺寸图

App端1200*1200展示效果比1500*1500图片的展示效果好

再来对比看看这两次测试用到的三种尺寸图在App端的展示效果

从两组A/B测试的结果综合比较下来，在移动端流量占优势的类目，

图片尺寸最优选择应该是4:5尺寸的，因为在web端，1:1尺寸的图片并没有比4:5尺寸的图片表现出特别突出的优势，

而在移动端，展示效果4:5尺寸的图片效果要远远好于1:1尺寸的图（个人感觉）

这个测试结果和一开始看到的anker的listing的产品图片尺寸是一致的