网店装修应图文结合利于优化推广

申请免费试用、咨询电话：400-8352-114

    淘宝网店装修的作用不仅仅是为了追求美感，还要对淘宝搜索优化有帮助。只有对宝贝优化有帮助才能让买家进入首页或详情页。

    淘宝网服装类目的宝贝描述规则从3月1日起有部分调整，淘宝官方给的建议是不要有太多的关联推荐，别放置太多与宝贝无关的信息。

    如果这个规则开始在淘宝全网实施，那就意味着淘宝将会用程序来检查卖家的宝贝描述是否合乎规则要求，而图片内容是不易被程序识别的。因此对于在宝贝描述中仅使用图片，或大部分使用图片对宝贝进行说明的卖家来说，减少纯图片，转而用图文混排的方法，将更符合淘宝对宝贝描述的要求。

    图文混排的宝贝详情页：图文结合的宝贝详情页，能用文字的部分便用文字，图片作为辅助信息，不将文字介绍转化为图片。

    纯图片的宝贝详情页：详情页绝大多数内容均为图片，甚至连文字说明也做成图片

    名词解释

    div是网页中经常用来进行网页布局的一个标签，它本身就是一个容器，可以用来放置其它的元素。

    CSS是用来进行网页风格设计的，可以使人更能有效地控制网页外观，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

    图文混排的思路

    把图片做为div的背景，然后用CSS控制文字在DIV中的位置，从而来实现图文混排。

    使用div+CSS进行图文混排的好处

    使代码量比使用表格实现的图文混排更少，便于一淘搜索引擎和其它搜索引擎顺利收录宝贝描述的内容，对后期修改宝贝描述、进行SEO优化都有很在大的好处。

    注意事项

    设计效果图时，尽管使文字区域为矩形。如果把文字整体排成圆形，那么将来纯文本将很难用CSS。

    矩形文字区块示意
 

 
    处理图片

    在进行混排之前需要用大部分卖家都会选用的图像加工软件Adobe Photoshop对图片进行处理，将需要进行混排的图片导出为JPG格式，便于混排时候的编辑。如果卖家有别的工具能够将需要处理的图像生成JPG格式，也可以选用其他工具。

    第一步：使用PS的切片工具对需要导出的图形进行切片。

    第二步：正式导出之前，点击图层前的小眼图标，取消选中，将文字层隐藏，只留下需要处理的图片层。4

 
    第三步：使用Ctrl+shift+alt+S的快捷键，或者点击“文件?存储为web格式”打开“存储为web格式”，选中切片后导出，将图片格式设置为JPG，然后存储切片。

     将图片插入网页

    在进行图文混排前，先将进行图文混排的JPG图片上传到淘宝后台的图片空间，然后再进入宝贝描述的编辑页面。

    第一步：在宝贝描述中插入div 标签，并加入样式。在宝贝描述编辑框中点选第一个“源码”按钮，输入div标签。div这个标签是成对出现，且放在符号“<>”中，结尾的标签要在“<>”中加入“/”，来表示标签结束。如一对div标签，写法就是<div>…</div>（…是指div中具体的内容）。

    第二步：用CSS设置div的高度和宽度为图片的宽度和高度，高度和宽度的样式放在div中格式为“style=”你的样式””，并以空格隔开。如图片像素为750px*406px，则格式为“width:750px, height:406px”，代码会变为“<div style=”width:750px; height:406px”></div>”。

    第三步：用CSS设置div的背景为刚刚上传到空间的图片，格式为“background: (图片的地址)”。1 2