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