申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114
淘寶網(wǎng)店裝修的作用不僅僅是為了追求美感，還要對(duì)淘寶搜索優(yōu)化有幫助。只有對(duì)寶貝優(yōu)化有幫助才能讓買家進(jìn)入首頁(yè)或詳情頁(yè)。
淘寶網(wǎng)服裝類目的寶貝描述規(guī)則從3月1日起有部分調(diào)整，淘寶官方給的建議是不要有太多的關(guān)聯(lián)推薦，別放置太多與寶貝無(wú)關(guān)的信息。
如果這個(gè)規(guī)則開始在淘寶全網(wǎng)實(shí)施，那就意味著淘寶將會(huì)用程序來(lái)檢查賣家的寶貝描述是否合乎規(guī)則要求，而圖片內(nèi)容是不易被程序識(shí)別的。因此對(duì)于在寶貝描述中僅使用圖片，或大部分使用圖片對(duì)寶貝進(jìn)行說(shuō)明的賣家來(lái)說(shuō)，減少純圖片，轉(zhuǎn)而用圖文混排的方法，將更符合淘寶對(duì)寶貝描述的要求。
圖文混排的寶貝詳情頁(yè)：圖文結(jié)合的寶貝詳情頁(yè)，能用文字的部分便用文字，圖片作為輔助信息，不將文字介紹轉(zhuǎn)化為圖片。
純圖片的寶貝詳情頁(yè)：詳情頁(yè)絕大多數(shù)內(nèi)容均為圖片，甚至連文字說(shuō)明也做成圖片
名詞解釋
div是網(wǎng)頁(yè)中經(jīng)常用來(lái)進(jìn)行網(wǎng)頁(yè)布局的一個(gè)標(biāo)簽，它本身就是一個(gè)容器，可以用來(lái)放置其它的元素。
CSS是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的，可以使人更能有效地控制網(wǎng)頁(yè)外觀，可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置，外觀以及創(chuàng)建特殊效果的能力。
圖文混排的思路
把圖片做為div的背景，然后用CSS控制文字在DIV中的位置，從而來(lái)實(shí)現(xiàn)圖文混排。
使用div+CSS進(jìn)行圖文混排的好處
使代碼量比使用表格實(shí)現(xiàn)的圖文混排更少，便于一淘搜索引擎和其它搜索引擎順利收錄寶貝描述的內(nèi)容，對(duì)后期修改寶貝描述、進(jìn)行SEO優(yōu)化都有很在大的好處。
注意事項(xiàng)
設(shè)計(jì)效果圖時(shí)，盡管使文字區(qū)域?yàn)榫匦?。如果把文字整體排成圓形，那么將來(lái)純文本將很難用CSS。
矩形文字區(qū)塊示意
處理圖片
在進(jìn)行混排之前需要用大部分賣家都會(huì)選用的圖像加工軟件Adobe Photoshop對(duì)圖片進(jìn)行處理，將需要進(jìn)行混排的圖片導(dǎo)出為JPG格式，便于混排時(shí)候的編輯。如果賣家有別的工具能夠?qū)⑿枰幚淼膱D像生成JPG格式，也可以選用其他工具。
第一步：使用PS的切片工具對(duì)需要導(dǎo)出的圖形進(jìn)行切片。
第二步：正式導(dǎo)出之前，點(diǎn)擊圖層前的小眼圖標(biāo)，取消選中，將文字層隱藏，只留下需要處理的圖片層。4
第三步：使用Ctrl+shift+alt+S的快捷鍵，或者點(diǎn)擊“文件?存儲(chǔ)為web格式”打開“存儲(chǔ)為web格式”，選中切片后導(dǎo)出，將圖片格式設(shè)置為JPG，然后存儲(chǔ)切片。
將圖片插入網(wǎng)頁(yè)
在進(jìn)行圖文混排前，先將進(jìn)行圖文混排的JPG圖片上傳到淘寶后臺(tái)的圖片空間，然后再進(jìn)入寶貝描述的編輯頁(yè)面。
第一步：在寶貝描述中插入div 標(biāo)簽，并加入樣式。在寶貝描述編輯框中點(diǎn)選第一個(gè)“源碼”按鈕，輸入div標(biāo)簽。div這個(gè)標(biāo)簽是成對(duì)出現(xiàn)，且放在符號(hào)“<>”中，結(jié)尾的標(biāo)簽要在“<>”中加入“/”，來(lái)表示標(biāo)簽結(jié)束。如一對(duì)div標(biāo)簽，寫法就是<div>…</div>（…是指div中具體的內(nèi)容）。
第二步：用CSS設(shè)置div的高度和寬度為圖片的寬度和高度，高度和寬度的樣式放在div中格式為“style=”你的樣式””，并以空格隔開。如圖片像素為750px*406px，則格式為“width:750px, height:406px”，代碼會(huì)變?yōu)?ldquo;<div style=”width:750px; height:406px”></div>”。
第三步：用CSS設(shè)置div的背景為剛剛上傳到空間的圖片，格式為“background: (圖片的地址)”。1 2
