Seo優(yōu)化:圖片優(yōu)化。
圖像是大型圖庫(kù)網(wǎng)站、某些以為圖主要表現(xiàn)的新聞?wù)荆貏e是電商網(wǎng)站的重要一環(huán)。的圖像(主要為產(chǎn)品圖片,裝飾圖片)優(yōu)化可以幫助網(wǎng)站吸引消費(fèi)者點(diǎn)擊,減少網(wǎng)站的加載時(shí)間,從而幫助站點(diǎn)在排名中名列前茅。圖片的seo對(duì)于具有大量圖片的網(wǎng)站非常重要,因?yàn)閳D片能夠帶來(lái)大量的流量。
0
仔細(xì)優(yōu)化alt屬性。
alt 屬性是一個(gè)必需的屬性,它規(guī)定在圖像無(wú)法顯示時(shí)的替代文本。
假設(shè)由于一些原因(比如網(wǎng)速太慢、src 屬性中的錯(cuò)誤、瀏覽器禁用圖像、用戶使用的是屏幕閱讀器)用戶無(wú)法查看圖像,alt 屬性可以為圖像提供替代的信息。(by菜鳥(niǎo)教程)
添加alt屬性主要還是為了電商產(chǎn)品能夠在google圖片(搜索,網(wǎng)絡(luò)搜索上顯示的佳方法。
網(wǎng)站圖像優(yōu)化的任務(wù)就是為主要的產(chǎn)品圖片添加alt屬性。
一些alt屬性規(guī)則:
1)和文件名一樣,用簡(jiǎn)單明了的語(yǔ)言進(jìn)行描述。
2)如果該產(chǎn)品有型號(hào)或序列號(hào),需標(biāo)明。
3)不要過(guò)度優(yōu)化,添加過(guò)多的關(guān)鍵詞。
4)不要為一些不重要的圖片添加alt屬性。當(dāng)心用力過(guò)猛,遭到搜索引擎的懲罰。
5)定期進(jìn)行檢查,可以協(xié)調(diào)技術(shù)部幫助檢查。
好把關(guān)鍵詞放到alt參數(shù)里面,盡量精準(zhǔn)。
圖片文件名中包含關(guān)鍵詞對(duì)圖片本身出現(xiàn)在圖片結(jié)果中,以及所在頁(yè)面的相關(guān)度也有一點(diǎn)影響。這種優(yōu)化主要用于英文網(wǎng)站上。
注:
即使對(duì)圖片進(jìn)行了alt設(shè)置,圖片也未必能被收錄。google與百度有著明顯差異。針對(duì)英文網(wǎng)站,前端調(diào)用的圖片是否和當(dāng)前網(wǎng)站域名一致不是很重要,但是對(duì)于中文網(wǎng)站,就顯得很重要了。
一般所有圖片都存放在一個(gè)資源文件中夾中,其他二級(jí)頁(yè),子域名網(wǎng)站均從這個(gè)文件夾里調(diào)用。好處是能夠節(jié)省管理和存儲(chǔ)的資源,但是前端頁(yè)面卻很難通過(guò)圖片吸引從百度來(lái)的流量。這點(diǎn)需要考慮。
02
圖片文件名
因?yàn)樗阉饕娴呐廊〉墓ぷ髁鞒蹋园P(guān)鍵詞的圖片文件名對(duì)于圖像的優(yōu)化至關(guān)重要。
“2019款 夢(mèng)想版 1.4L 手動(dòng)時(shí)尚型”(Jetta 2019 Dream Edition 1.4L manual fashion)。無(wú)論是對(duì)用戶還是對(duì)于爬蟲(chóng)都顯得更加友好。
想要購(gòu)買這款汽車的消費(fèi)者可能就會(huì)輸入這類關(guān)鍵詞。
分析用戶的使用關(guān)鍵詞的習(xí)慣,或者查看用戶常用的命名模式,并按照該模式來(lái)命名我們的產(chǎn)品。
03
合理規(guī)范的使用圖像大小以及與主體的
通常產(chǎn)品圖片包含多個(gè)切入角度。
無(wú)論出于什么目的都不要將大的圖片放到頁(yè)面上,試圖通過(guò)源代碼縮小尺寸。過(guò)大的圖片會(huì)導(dǎo)致加載時(shí)間加大。
可以選擇放上一些小的圖片,較大的圖片放在彈出窗或者單獨(dú)頁(yè)面。
04
調(diào)整圖片文件的大小
一半的消費(fèi)者不愿等待電商網(wǎng)站加載響應(yīng)的時(shí)間超過(guò)3秒。
對(duì)本地訪客來(lái)說(shuō),3到4秒鐘的下載時(shí)間已經(jīng)是了。超過(guò)這個(gè)時(shí)間,每多一秒鐘,你就會(huì)喪失10%的流量。而這10%的流量可能正是成功與失敗的分野。
縮小圖像文件的方法之一是再ps中進(jìn)行“Sava for Web”的存儲(chǔ)操作。
05
圖片文件格式的選擇
JPEG、GIF、PNG
JPEG已成為數(shù)字?jǐn)z影和在線圖像共享的標(biāo)準(zhǔn)壓縮格式。
JPEG不建議用作存檔圖像格式,因?yàn)槿绻枰蜷_(kāi)它并再次進(jìn)行編輯,則會(huì)導(dǎo)致質(zhì)量下降。非破壞性照片編輯器(如Adobe Lightroom)可以幫助解決此問(wèn)題,前提是您永遠(yuǎn)不會(huì)刪除原始文件,因?yàn)樗鼈冎粚⒕庉媰?nèi)容保存為元數(shù)據(jù)而不是寫(xiě)入原始圖像。
JPEG也應(yīng)該避免使用文本較多的圖像或帶有尖銳線條的插圖,因?yàn)槎x的線條會(huì)因抗鋸齒而變得模糊。 (消除鋸齒是一種旨在消除粗糙邊緣的故意模糊。)
便攜式網(wǎng)絡(luò)圖形的首字母縮寫(xiě),PNG是一種無(wú)損文件格式,設(shè)計(jì)為圖形交換格式(GIF)的更開(kāi)放的替代品。
無(wú)損的、使用直接色的點(diǎn)陣圖,聽(tīng)起來(lái)非常像BMP,是的,從顯示效果上來(lái)看,PNG-24跟BMP沒(méi)有不同。PNG-24的優(yōu)點(diǎn)在于,它壓縮了圖片的數(shù)據(jù),使得同樣效果的圖片,PNG-24格式的文件大小要比BMP小得多。當(dāng)然,PNG24的圖片還是要比JPEG、GIF、PNG-8大得多。
極端的例子,三種類型都為24類型,JPEG三種中完勝。,GIF和PNG必須降低質(zhì)量才能保證相同的文件大小。如果必須使用PNG格式,好使用PNG-8。GIF可以用來(lái)作為縮略圖或裝飾圖片的文件格式。
06
縮略圖可以幫助網(wǎng)站快速展示產(chǎn)品。縮略圖是購(gòu)物的關(guān)鍵點(diǎn)。它們要能再類別頁(yè)面快速完成加載,不然客戶可能會(huì)因此流失。所以需要盡可能縮小縮略圖文件的大小。
07慎用裝飾性圖像
例如背景圖片,按鈕,邊框。頁(yè)面上與產(chǎn)品不想關(guān)的圖像都可能被定義為裝飾性圖像。可以檢查裝飾圖像的文件大小,或使用小化文件模板。
構(gòu)建邊框或簡(jiǎn)單圖案的圖片可以用PNG-8或GIF1;盡可能使用css創(chuàng)建裝飾性的區(qū)域,盡量用css樣式代替裝飾性圖像。