網(wǎng)站優(yōu)化最終的目標是提升網(wǎng)站的排名,而決定網(wǎng)站排名的因素大致可以分為兩大類(lèi):硬件因素和軟件因素。硬件因素是指服務(wù)器的配置、網(wǎng)站空間大小、瀏覽者訪(fǎng)問(wèn)的速度和代碼的執行情況等。硬件條件一旦確定后,要想提升排名,只有在軟件因素上多下功夫。軟件因素是指網(wǎng)站內容、外部鏈接和關(guān)鍵詞等。其中網(wǎng)頁(yè)內容的原創(chuàng )性對網(wǎng)站排名有一定的影響,除了文字內容外,圖片的設計也不容忽視。為提升網(wǎng)站的排名,筆者就多年的經(jīng)驗總結了一些對網(wǎng)站圖片進(jìn)行優(yōu)化的方法。
1 要根據需求確定圖片的大小
隨著(zhù)技術(shù)的發(fā)展,手機或者相機的分辨率越來(lái)越高,很多建站的人,尤其是對原創(chuàng )圖片需求很迫切的人,往往通過(guò)手機或者相機進(jìn)行圖片收集。那么,圖片大小對網(wǎng)站優(yōu)化有什么影響呢?
首先要對照片的大小進(jìn)行處理。網(wǎng)站建設者在把圖片上傳網(wǎng)站前,大多會(huì )忘記網(wǎng)站對圖片的需求,使用拍攝的照片直接作為網(wǎng)站的素材,將大大增加網(wǎng)站的空間,后果可想而知。
其次圖片的大小對網(wǎng)站打開(kāi)速度也是有影響的。網(wǎng)站首頁(yè)的瀏覽速度是非常重要的,所以插入圖片時(shí),特別是首頁(yè)中的圖片,在滿(mǎn)足需求的前提下越小越好。試想一張1M的圖片和五張200K的圖片,肯定是后者下載速度更快些,瀏覽者也更能時(shí)時(shí)的感受到網(wǎng)頁(yè)下載速度的變化。當不得不使用大圖片時(shí),也要使用Photoshop等軟件,對大圖片進(jìn)行切割,化整為零,再作為素材使用。
2 要根據需求確定圖片的格式
一般我們在網(wǎng)頁(yè)中使用圖片素材,一定要充分考慮圖片的格式。常見(jiàn)的圖片格式有JPG、PNG或GIF等。筆者曾經(jīng)做過(guò)試驗:一張700*450大小的圖片,在肉眼觀(guān)看效果相同的情況下,PNG格式比JPG格式大10倍有余。這是因為:JPG是一種有損壓縮圖片格式,PNG是一種無(wú)損壓縮格式,所以當對圖片要求不是很高時(shí),我們一般采用JPG格式。如果需要圖片帶有一定的動(dòng)畫(huà)效果時(shí),JPG格式就不能滿(mǎn)足要求了,這時(shí)多采用GIF格式。GIF格式的圖片有很多優(yōu)點(diǎn),如支持透明色、支持動(dòng)畫(huà)和支持無(wú)所壓縮等,但是它也有缺點(diǎn),就是它只有256種顏色,這對圖片質(zhì)量的影響是相當大的。當JPG和GIF格式都不能滿(mǎn)足要求時(shí),PNG格式就是一個(gè)不錯的選擇。PNG格式不是不失真,而是圖像上出現的顏色數量小于我們可以保存的顏色數量時(shí),我們才能真實(shí)的記錄和還原圖像,否則就會(huì )丟失一些圖像信息。如PNG8最多只能索引256種顏色,PNG24則可以保存1600多萬(wàn)種顏色等。PNG格式也支持透明色,為了網(wǎng)站的美觀(guān)需要,PNG格式已經(jīng)成為網(wǎng)站建設者的選擇之一。
3 要正確設計圖片的alt屬性設置
說(shuō)到圖片對網(wǎng)站優(yōu)化的貢獻,就不得不提到SEO技術(shù)與圖片的alt屬性的關(guān)系。alt屬性現在越來(lái)越受到網(wǎng)站建設者的重視。要說(shuō)明這個(gè)屬性,就要先了解與SEO技術(shù)相關(guān)的技術(shù)和概念。
SEO是英文Search Engine Optimization的縮寫(xiě),中文就是搜索引擎優(yōu)化的意思。它主要就是通過(guò)對網(wǎng)站的結構、標簽、排版等各方面的優(yōu)化。以前網(wǎng)站設計人員都沒(méi)有SEO的概念,使得做好的網(wǎng)站只是一幅空架子,但是當網(wǎng)站進(jìn)入推廣階段后才發(fā)現流量上不去。前面提過(guò),影響網(wǎng)站排名的因素有網(wǎng)站內容、外部鏈接和關(guān)鍵詞等。進(jìn)行網(wǎng)站建設時(shí),網(wǎng)頁(yè)的標題和摘要中要包含關(guān)鍵詞;H1~H3標簽中要包含關(guān)鍵詞;圖片的alt屬性也要包含關(guān)鍵詞。雖然關(guān)鍵詞的密度效果在搜索引擎技術(shù)中慢慢消退了,但是關(guān)鍵詞合理的布局,還是很有必要的。
當然,關(guān)鍵詞也不能出現堆砌的現象,很多網(wǎng)站一個(gè)頁(yè)面中包含有多張圖片,但是建站的人員對圖片alt關(guān)鍵詞設置基本是相同的,這種情況一旦發(fā)生,就會(huì )被搜索引擎視為關(guān)鍵詞堆砌。
圖片的alt屬性對網(wǎng)站的排名有一定影響,設計一個(gè)合理的alt屬性具有如下的意義。
(1)在網(wǎng)頁(yè)不能正常打開(kāi)的時(shí)候,alt屬性向用戶(hù)展示圖片乃至文章的概要。
(2)帶有鏈接效果的圖片加上alt屬性后就等同于做了個(gè)錨文本鏈接。
(3)對圖片添加alt屬性,能幫助網(wǎng)站提高排名。
下面介紹設置圖片的alt屬性的方法,以html語(yǔ)言為例,在body標簽里輸入: 在線(xiàn)小游戲。
從代碼中可以看出,插入的圖片為網(wǎng)站的LOGO圖片,格式為gif格式,圖片的alt屬性就是“在線(xiàn)小游戲”。通過(guò)上面的設計,可以給網(wǎng)站一個(gè)好的關(guān)鍵詞排名。