簡(jiǎn)析電商網(wǎng)站圖片優(yōu)化的幾個(gè)小技巧

2022-08-03    分類: 網(wǎng)站建設(shè)

  圖片優(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)簽,圖片要壓縮......小編想說(shuō),這樣的粗線條是不行的,那到底要如何優(yōu)化呢?和小編一起來(lái)看一下!
  1、用結(jié)構(gòu)化數(shù)據(jù)寫產(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ō),不建議寫過(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í)間,這個(gè)時(shí)候如何寫alt標(biāo)簽?最好的方法也是保持alt標(biāo)簽的結(jié)構(gòu)化,繼承主圖的格式,千萬(wàn)不要去給這些圖片一個(gè)全新的寫法。
  3、關(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ò)大的話,建議為圖片專門配置新服務(wù)器。
  4、給圖片減減肥
  如果你大量的網(wǎng)站圖片非常臃腫,這將嚴(yán)重影響網(wǎng)站加載速度,如果超過(guò)10秒鐘,那你等著和你的客戶說(shuō)byebye把。圖片文件應(yīng)該多大?有些理論說(shuō)圖片的大小應(yīng)該保持在70kb以下,不過(guò)這個(gè)有時(shí)候是很困難的,特別對(duì)于大圖片來(lái)說(shuō)幾乎是不可能的,除非你不求清晰度。
  5、用對(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)畫。gif不適合用作高顯示質(zhì)量的圖片。
  PNG圖片是比gif更好的選擇,因?yàn)镻NG圖片支持的色彩要比GIFs多。此外,和JPEG一樣,PNG反復(fù)保存也不會(huì)影響圖片質(zhì)量,而且對(duì)于小圖來(lái)說(shuō),PNG占用的體積極小,PNG好支持透明背景,所以一般logo或一般裝飾性圖案都會(huì)選擇PNG格式。注意PNG-24圖片體積要超3倍地大于同樣情況下的PNG-8版本,對(duì)待PNG你要十分小心,看仔細(xì)了。
  6、正確看待縮略圖

  大部分電商網(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ì)量原圖。
  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),搜索引擎就可以爬行了。
  8、留心裝飾性圖片
  如果只是一些邊框類的、或是簡(jiǎn)單的樣式圖片,使用PNG-8或者GIFs,你可以創(chuàng)建非常好看的圖片并且只占幾百bytes的體積。如果可能的話,盡量使用css來(lái)創(chuàng)建一些特殊效果,而非圖片。不建議為網(wǎng)站設(shè)置背景圖片,如果一定要有的話,在保證清晰度的前提下大程度去壓縮體積。還可以把背景圖當(dāng)中鏤空或保持透明來(lái)壓縮

當(dāng)前名稱:簡(jiǎn)析電商網(wǎng)站圖片優(yōu)化的幾個(gè)小技巧
URL分享:http://www.muchs.cn/news0/184600.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號(hào)、面包屑導(dǎo)航、定制開(kāi)發(fā)、做網(wǎng)站網(wǎng)站收錄、Google

廣告

聲明:本網(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)

成都網(wǎng)頁(yè)設(shè)計(jì)公司