关注淘规则的微信公众平台,搜索订阅号"taoguize"或"淘规则"
最新消息:淘规则taoguize.com为你收集最新最全的淘宝、天猫、电商平台规则动态!您还可以:投稿 / 电商网址导航

手机端详情页制作全攻略

淘宝天猫动态 电商爱好者 1705浏览 0评论

|2|1


关注淘宝手机端详情页很久了,公测开始后,赶紧抢鲜一步,制作手机版详情页!

对于手机端可能带来的好处,我们体会有以下几点:

1、智能手机普及,手机买家与日俱增,相比2012年,今年手机淘宝用户的增量将在5-8倍之多。

2、淘宝力争手机端先机,放出手机端详情页,应该会有对应的搜索流量照顾,中小卖家不敢小视任何一个官方举动。

3、虽然PC端详情页也支持手机浏览,但由于图片过大和文字过小的问题,影响顾客体验。页面展示延迟一秒,耗费流量多出1K,顾客可能就会关闭网页。手机端详情页最重要的一点就是压缩页面大小。

好处还有很多,这里不多说,各位在坛子里还能挖到很多。

 

【学习资料】《发布无线宝贝,图片空间扩容活动规则说明》

http://bbs.taobao.com/catalog/thread/514518-265078862.htm?spm=0.0.0.0.HmE43i&scm=1212.12.1.6197

 

相信大多数卖家亲们,对手机端详情页还是一头雾水,从哪里开始呢?

 

重点一:发布OR修改

目前淘宝允许直接发布手机端宝贝详情页,也允许在“出售中的宝贝”中编辑已有宝贝,我们选择的是后者。

在卖家中心点开“出售中的宝贝”,找到要编辑的宝贝:

进入编辑页后,在“宝贝描述”的位置,找到“手机端”书签,点击激活:

页面激活后,就可以编辑手机端详情页了。这里按下不表,因为走到这一步很多人又不知道如何下手了。

 

重点二:编辑图片

这是很重要的一步,也可能是手机端详情页最麻烦的一步了。

手机端详情页的图片规范如下:

(1)手机端宝贝描述总图片大小≤ 1.5m,
(2)单张图片图片尺寸: 620 ≥宽度≥ 480 ,高度≤ 960;

既然压缩页面大小为目的,个人建议选择480的宽度下限。高度自然随意了。为了赶在双十二期间早点上线手机端宝贝,领导下达了速度要求,我选择“懒汉”打法,就是在现成的photoshop设计页中截大图

会使用PS的,就知道怎么截大图和保存特定尺寸了。

具体做法是:打开PSD文件——点击切片工具按钮——划定切片范围——双击切片——点“存储为web所用格式”——选择JPEG格式,在“图像大小”栏内设置图片宽度为480px——存储,即可。

不会用PS的,可以使用美图秀秀批量编辑图片宽度(这里不细说了)。

这里说一句,如果你的宝贝描述页图片很多,建议设置好图片的质量,在不影响美观和解读的情况下,尽量压缩图片文件大小。

 

重点三:添加音频、图片和文字

手机端详情页支持添加三种素材,即音频、图片和文字。

a、对手机端音频的理解,个人尚缺乏经验,类似于加入一些录制好的广告Demo或者背景音乐,欢迎其他高手补充这部分。

b、图片和文字,相信是淘宝视觉营销的主体了。

鼠标悬浮在手机端详情页的制作窗口,就会出现三种素材的添加入口了,如下图:

这个界面,相信操作过微淘和微信公众平台后台的亲们,不会陌生。

文字简单,直接往里“复制-黏贴”或者敲就好了。淘宝描述一般都是文字和图片结合,那就“添加一段文字、添加个图片”,如此反复就好了。

图片是个小难点,

目前手机端详情页不支持图片空间文件调取,但点击“添加图片”后,有图片空间文件调取界面(只是目前还不太灵光,必须从手机端详情页上传后才能从图片空间中调取),所以不必惊讶,乖乖点击“上传新图片”就好了。允许一次上传30张图,足够用。

图片上传后,添加时选取插入就好了。

 

最后说一下,添加进详情页的素材都是各自独立的。如果图片文字次序有颠倒,或者需要修改删除文字图片。点选素材区域选中后,就会显示“移动、编辑、替换、删除”的功能按钮了。

这样,经过一番折腾,手机版详情页就大功告成了!

确认发布后,我用手机试了一下,载入速度确实不是盖的。而且与淘宝默认PC端详情页模拟出来的手机页面不同,手机端详情页是连贯的,可以连续滑动,无需翻页。

转载请注明:淘宝规则 » 手机端详情页制作全攻略

您必须 登录 才能发表评论!