網(wǎng)站設(shè)計(jì)里電商網(wǎng)站的圖片該如何優(yōu)化

　　圖片優(yōu)化是對(duì)于電商網(wǎng)站進(jìn)行網(wǎng)站優(yōu)化的一個(gè)非常重要的因素，也是一個(gè)seo人員必須要掌握的能力。但說(shuō)到圖片優(yōu)化，很多傳統(tǒng)意義上的seo人會(huì)說(shuō)，圖片要加alt標(biāo)簽，圖片要壓縮......等。

　　1、用結(jié)構(gòu)化數(shù)據(jù)寫(xiě)產(chǎn)品圖片ALT圖片編號(hào)當(dāng)做圖片們對(duì)于搜索引擎來(lái)說(shuō)，可能就沒(méi)有辦法辨識(shí)圖片的內(nèi)容，從而就失去了從圖片搜索那塊兒帶來(lái)的流量，這是非常可惜的，特別是當(dāng)你的產(chǎn)品有數(shù)以萬(wàn)計(jì)的話。通常我們可以制定結(jié)構(gòu)化數(shù)據(jù)規(guī)則讓技術(shù)人員設(shè)計(jì)程序批量替換圖片的alt屬性，而無(wú)需手工操作。對(duì)于產(chǎn)品圖片的描述來(lái)說(shuō)，不建議寫(xiě)過(guò)多冗余內(nèi)容，保持?jǐn)?shù)據(jù)結(jié)構(gòu)化，做到關(guān)鍵詞辨識(shí)度高，關(guān)鍵詞信息豐富就可以了，千萬(wàn)不要做關(guān)鍵詞堆積。

　　2、關(guān)于大圖的顯示問(wèn)題不建議將大圖直接放在網(wǎng)頁(yè)上然后用css將圖片縮小，雖然你看上去圖片變小了，但是圖片的尺寸還是實(shí)實(shí)在在存在的，這會(huì)影響加載速度。相反，你可以先放一張較小的圖片，然后提供查看大圖功能的選項(xiàng)，不管是點(diǎn)擊彈出大圖還是另外新頁(yè)面顯示。當(dāng)然，還有一些人會(huì)把大圖切成一張張小圖做拼接，這樣做可以讓圖片快速顯示，但同時(shí)一張圖片切成小圖之后，服務(wù)器的請(qǐng)求數(shù)會(huì)增加，從而會(huì)影響網(wǎng)頁(yè)加載速度。所以，如果圖片的體積實(shí)在過(guò)大的話，建議為圖片專(zhuān)門(mén)配置新服務(wù)器。

　　3、用對(duì)圖片格式目前有三種非常流行的圖片格式，他們是JPEG，GIF，和PNG。讓我們來(lái)看看他們有何不同：JPEG(或者說(shuō).jpg)是最常用的圖片壓縮格式，支持最高級(jí)別的壓縮。通常，對(duì)于顯示要求比較高的圖片來(lái)說(shuō)，JPEG格式展示的圖片效果較GIF和PNG有明顯的優(yōu)勢(shì)。GIFs(.gif)的圖片顯示質(zhì)量要比JPEGs遜色很多，通常用作非常簡(jiǎn)單的圖片展示，比如素材或者裝飾案，gif也可以用來(lái)制作動(dòng)畫(huà)。gif不適合用作高顯示質(zhì)量的圖片。PNG圖片是比gif更好的選擇，因?yàn)镻NG圖片支持的色彩要比GIFs多。此外，和JPEG一樣，PNG反復(fù)保存也不會(huì)影響圖片質(zhì)量，而且對(duì)于小圖來(lái)說(shuō)，PNG占用的體積極小，PNG完美支持透明背景，所以一般logo或一般裝飾案都會(huì)選擇PNG格式。

　　4、正確看待縮略圖大部分電商網(wǎng)站都有縮略圖展示，它可以讓訪客迅速的掃描到盡可能多的商品樣式而不需要再去點(diǎn)擊一個(gè)額外的頁(yè)面。盡可能壓縮縮略圖體積，縮略圖的圖片不要過(guò)高的追求顯示質(zhì)量，當(dāng)用戶點(diǎn)擊到下一層詳情頁(yè)面的時(shí)候再給他一張高質(zhì)量的圖片。盡量不要為縮略圖設(shè)置alt標(biāo)簽，通常我們并不希望搜索引擎索引的是縮略圖而應(yīng)是產(chǎn)品詳情頁(yè)的高質(zhì)量原圖。

　　5、使用圖片地圖如果你的網(wǎng)站用JS做圖片效果來(lái)更好的提升用戶體驗(yàn)，你是否擔(dān)心圖片是否還能收錄？當(dāng)然通常來(lái)說(shuō)蜘蛛是不會(huì)爬取不顯示在源代碼里面的圖片文件的，但是谷歌對(duì)于這點(diǎn)已經(jīng)很有經(jīng)驗(yàn)了，通過(guò)圖片地圖的提交，即把圖片地址一個(gè)個(gè)地列出來(lái)，搜索引擎就可以爬行了。