圖片優(yōu)化是運(yùn)營(yíng)在線商城又或是大型電商網(wǎng)站必須要掌握的技能。因?yàn)閳D片不僅需要吸引潛在消費(fèi)者，還可以增加圖片搜索流量，同時(shí)也可以提升網(wǎng)站加載速度。但說(shuō)到圖片優(yōu)化，很多傳統(tǒng)意義上的SEO人會(huì)說(shuō)，圖片要加alt標(biāo)簽，圖片要壓縮等等這樣的粗線條顯然是不行的。其實(shí)只要注意了解8個(gè)方面就可以做到圖片優(yōu)化。

1. 用結(jié)構(gòu)化數(shù)據(jù)寫產(chǎn)品圖片ALT

如果我們使用相機(jī)默認(rèn)的圖片編號(hào)直接給img標(biāo)簽加上alt，這樣對(duì)于搜索引擎來(lái)說(shuō)是不行的，因?yàn)樗阉饕鏇](méi)有辦法來(lái)識(shí)別這一張圖片的內(nèi)容，這樣就會(huì)損失圖片帶給我們的流量。

我們要思考一下，訪客的搜索習(xí)慣是什么？會(huì)搜索哪些關(guān)鍵詞？最好可以再看一下谷歌統(tǒng)計(jì)里面的關(guān)鍵詞數(shù)據(jù)，看看有無(wú)遺漏?；旧蟻?lái)說(shuō)，訪客更傾向于搜索品牌 詞+產(chǎn)品系列的詞組組合和變化，那么alt標(biāo)簽的結(jié)構(gòu)化規(guī)則就出來(lái)了，可以寫為：alt=”{品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號(hào)}”。對(duì)于產(chǎn)品圖片的描述 來(lái)說(shuō)，不建議寫過(guò)多冗余內(nèi)容，保持?jǐn)?shù)據(jù)結(jié)構(gòu)化，做到關(guān)鍵詞辨識(shí)度高，關(guān)鍵詞信息豐富就可以了，千萬(wàn)不要做關(guān)鍵詞堆積。

2. 圖片拍攝角度問(wèn)題

基本上拍攝產(chǎn)品照片不會(huì)只拍一個(gè)角度，訪客肯定不會(huì)滿足于只有一張正面照，多角度的去展示圖片才能更好的吸引訪客在你的網(wǎng)站上停留更多的時(shí)間，才可以去激發(fā)起他們的購(gòu)買欲望，所以自然需要拍攝物體的正面，背面，側(cè)面，細(xì)節(jié)等等，這個(gè)時(shí)候如何寫alt標(biāo)簽？

最好的方法也是保持alt標(biāo)簽的結(jié)構(gòu)化，繼承主圖的格式，千萬(wàn)不要去給這些圖片一個(gè)全新的寫法，正確的寫法如下，

• alt={品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號(hào)}-正面
• alt={品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號(hào)}-背面
• alt={品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號(hào)}-側(cè)面

?保持主干“{品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號(hào)}”不變，可以讓搜索引擎充分確認(rèn)當(dāng)前圖片系列或是頁(yè)面就是關(guān)于那個(gè)關(guān)鍵詞，從而讓這些圖片被圖片搜索引擎搜索到的幾率大大增加。單槍匹馬一定倒下。

3. 關(guān)于大圖的顯示問(wèn)題

如果你希望提供更大的圖片讓用戶爽一下，這個(gè)思路很好，但要非常小心，不建議將大圖直接放在網(wǎng)頁(yè)上然后用css將圖 片縮小，雖然你看上去圖片變小了，但是圖片的尺寸還是實(shí)實(shí)在在存在的，這會(huì)影響加載速度。相反，你可以先放一張較小的圖片，然后提供查看大圖功能的選項(xiàng)， 不管是點(diǎn)擊彈出大圖還是另外新頁(yè)面顯示，都o(jì)k。

當(dāng)然，還有一些人會(huì)把大圖切成一張張小圖做拼接，這樣做可以讓圖片快速顯示，但同時(shí)一張圖片切成小圖之后，服務(wù)器的請(qǐng)求數(shù)會(huì)增加，從而會(huì)影響網(wǎng)頁(yè)加載速度。所以，如果圖片的體積實(shí)在過(guò)大的話，建議為圖片專門配置新服務(wù)器。

4. 給圖片減減肥

理論說(shuō)圖片的大小應(yīng)該保持在70kb以下，不過(guò)這個(gè)有時(shí)候是很困難的，特別對(duì)于大圖片來(lái)說(shuō)幾乎是不可能的，除非你不求清晰度。我個(gè)人倒是覺得，不要用一個(gè)標(biāo)準(zhǔn)去限制每一張圖片的大小，關(guān)鍵在于，我們有沒(méi)有去執(zhí)行，有沒(méi)有看到我這篇博文后去真正壓縮圖片，這才是關(guān)鍵。

5. 用對(duì)圖片格式

通過(guò)對(duì)比相同體積下（都是24kb）不同格式的圖片顯示效果，經(jīng)過(guò)測(cè)試可以看到，JPEG 是獲勝者，在同樣的體積下，GIFs和PNGs必須以犧牲圖片質(zhì)量為代價(jià)。不過(guò)話又說(shuō)回來(lái)，如果對(duì)于非常小的圖片來(lái)說(shuō)（比如小于5K），PNG是比較好的 選擇，相比GIF，PNG可以在體積很小的情況下依然不會(huì)讓圖片失真。

• 對(duì)于電商網(wǎng)站來(lái)說(shuō)，產(chǎn)品圖片的質(zhì)量要求極高，JPEGs毫無(wú)疑問(wèn)是選，他們有相對(duì)高質(zhì)量的圖片顯示且不會(huì)占用太大的體積。
• 絕對(duì)不要用GIFs來(lái)當(dāng)做產(chǎn)品大圖。不然的話文件尺寸會(huì)非常大，也沒(méi)有很好的辦法去壓縮它（一壓縮就失真）。可以用GIFs做動(dòng)畫或是裝飾性小圖。
• PNG可以作為JPEGs和GIFS的替代，如果你想把產(chǎn)品圖片做成PNG格式，盡量用PNG-8而非PNG-24。PNGs同時(shí)也擅長(zhǎng)處理簡(jiǎn)單地裝飾圖而只需很小的體積，PNG將會(huì)變得越來(lái)越流行。

6. 正確看待縮略圖

大部分電商網(wǎng)站都有縮略圖展示，它可以讓訪客迅速的掃描到盡可能多的商品樣式而不需要再去點(diǎn)擊一個(gè)額外的頁(yè)面。

縮略圖很棒，但是要小心，他們可能是你網(wǎng)站的速度shashou。他們通常會(huì)出現(xiàn)在關(guān)鍵的購(gòu)物流程之中，若因此影響了購(gòu)物流程的流暢性，額… 那你就可能又損失了一個(gè)顧客。關(guān)于縮略圖，我個(gè)人有如下兩點(diǎn)建議：

• 盡可能壓縮縮略圖體積，縮略圖的圖片不要過(guò)高的追求顯示質(zhì)量，當(dāng)用戶點(diǎn)擊到下一層詳情頁(yè)面的時(shí)候再給他一張高質(zhì)量的圖片。
• 盡量不要為縮略圖設(shè)置alt標(biāo)簽，通常我們并不希望搜索引擎索引的是縮略圖而應(yīng)是產(chǎn)品詳情頁(yè)的高質(zhì)量原圖。

7. 使用圖片地圖

如果你的網(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è)老老實(shí)實(shí)地列出來(lái)，搜索引擎就可以爬行了。

對(duì)于圖片地圖，我就不多說(shuō)了，因?yàn)楣雀栌性S多指導(dǎo)文檔來(lái)幫助你提升圖片的搜索排名。

8. 留心裝飾性圖片

關(guān)于如何壓縮裝飾圖的建議：

• 如果只是一些邊框類的、或是簡(jiǎn)單的樣式圖片，使用PNG-8或者GIFs，你可以創(chuàng)建非常好看的圖片并且只占幾百bytes的體積。
• 如果可能的話，盡量使用css來(lái)創(chuàng)建一些特殊效果，而非圖片。
• 不建議為網(wǎng)站設(shè)置背景圖片，如果一定要有的話，在保證清晰度的前提下大程度去壓縮體積。你還可以把背景圖當(dāng)中鏤空或保持透明來(lái)壓縮體積。

請(qǐng)登錄網(wǎng)站了解更多成都創(chuàng)新互聯(lián)科技有限公司的成都網(wǎng)站建設(shè)

公司http://chengdu.cdcxhl.com相關(guān)信息

新聞標(biāo)題：圖片優(yōu)化須知的8個(gè)小技巧
瀏覽地址：http://www.rwnh.cn/news/45160.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、商城網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站維護(hù)、外貿(mào)建站、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)