?外貿(mào)自建站圖片優(yōu)化五步驟，為網(wǎng)站帶來(lái)翻倍的流量

網(wǎng)站常會(huì)有一種情況發(fā)生，例如網(wǎng)頁(yè)呈現(xiàn)圖片大小也許只要200px * 200px，不過常常卻使用遠(yuǎn)大于這個(gè)需求的圖片尺寸，而再使用CSS去縮小圖片，這樣也許是可以減少一道縮小圖片的動(dòng)作，不過對(duì)于網(wǎng)站讀取速度卻是一種負(fù)荷。

b.壓縮圖片大小

將圖片在不失真和影響品質(zhì)的情況下，壓縮至最小的檔案大小

可以到Google PageSpeed Insights幫你測(cè)試網(wǎng)站速度分?jǐn)?shù)，它還會(huì)列表出網(wǎng)站頁(yè)面目前有哪些圖片需要做壓縮，并且提供下載壓縮過的圖片

網(wǎng)站的圖片如果使用Potoshop ，建議在檔案存檔時(shí)(儲(chǔ)存為Web用)，并將其壓縮至適合的品質(zhì)。

當(dāng)然如果電腦沒有Potoshop的話，這邊也提供一些線上壓縮的網(wǎng)站連結(jié)

https://tinypng.com

https://compressor.io

四、優(yōu)化圖片的 Alt

Alt 對(duì)于圖片的優(yōu)化是非常重要，圖片的Alt 不只是圖片替代文字，更可以讓搜尋引擎在抓取圖片的時(shí)候了解圖片的主題內(nèi)容。

圖片Alt的設(shè)置并不應(yīng)該堆疊關(guān)鍵字，也不建議過長(zhǎng)，應(yīng)該針對(duì)圖片的代表意思來(lái)準(zhǔn)確的撰寫Alt，畢竟堆疊不相關(guān)的字就算使用者搜索到也不會(huì)點(diǎn)擊不相關(guān)的內(nèi)容，反而可能會(huì)被使用者檢舉，導(dǎo)致影響圖片收錄。

圖片的Alt 在Html 中的使用方式為:

<img src=”/web/20160719201100im_/http://www.awoo.com.tw:80/blog/2015/09/images-optimization/圖片網(wǎng)址” alt=”圖片標(biāo)題”/>

五、為圖片加上一段標(biāo)題描述

搜索引引擎在判定圖片的主題內(nèi)容時(shí)，除了從圖片的檔名、圖片的Alt標(biāo)簽還會(huì)從圖片附近的內(nèi)容做為參考，所以在圖片附近加上一段標(biāo)題敘述，可以讓搜尋引擎更確定圖片的主題性。

當(dāng)然為圖片加上一小段標(biāo)題敘述，有助于搜索引擎判定圖片主題，建議在圖片標(biāo)題敘述時(shí)應(yīng)該是自然的，如果過度的使用來(lái)堆砌關(guān)鍵字，也有可能造成被判定為作弊行為，其中的掌握拿捏是很重要的。

而html 有一組新標(biāo)籤元素專門用于圖片以及圖片標(biāo)題，可提供大家參考

使用方法如下:

<figure>

<img src=”/web/20160719201100im_/http://www.awoo.com.tw:80/blog/2015/09/images-optimization/圖片網(wǎng)址” alt=”圖片標(biāo)題”/>

<figcaption>圖片標(biāo)題敘述文字</figcaption>

</figure>