網站優化技術中關于(At)圖片的(of)優化

網站優化最終的(of)目标是(yes)提升網站的(of)排名,而決定網站排名的(of)因素大(big)緻可以(by)分爲(for)兩大(big)類:硬件因素和(and)軟件因素。硬件因素是(yes)指服務器的(of)配置、網站空間大(big)小、浏覽者訪問的(of)速度和(and)代碼的(of)執行情況等。硬件條件一(one)旦确定後,要(want)想提升排名,隻有在(exist)軟件因素上(superior)多下功夫。軟件因素是(yes)指網站内容、外部鏈接和(and)關鍵詞等。其中網頁内容的(of)原創性對網站排名有一(one)定的(of)影響,除了(Got it)文字内容外,圖片的(of)設計也不(No)容忽視。爲(for)提升網站的(of)排名,筆者就多年的(of)經驗總結了(Got it)一(one)些對網站圖片進行優化的(of)方法。

1 要(want)根據需求确定圖片的(of)大(big)小

随着技術的(of)發展,手機或者相機的(of)分辨率越來(Come)越高,很多建站的(of)人(people),尤其是(yes)對原創圖片需求很迫切的(of)人(people),往往通過手機或者相機進行圖片收集。那麽,圖片大(big)小對網站優化有什麽影響呢？首先要(want)對照片的(of)大(big)小進行處理。網站建設者在(exist)把圖片上(superior)傳網站前,大(big)多會忘記網站對圖片的(of)需求,使用(use)拍攝的(of)照片直接作(do)爲(for)網站的(of)素材,将大(big)大(big)增加網站的(of)空間,後果可想而知。

其次圖片的(of)大(big)小對網站打開速度也是(yes)有影響的(of)。網站首頁的(of)浏覽速度是(yes)非常重要(want)的(of),所以(by)插入圖片時(hour),特别是(yes)首頁中的(of)圖片,在(exist)滿足需求的(of)前提下越小越好。試想一(one)張1M的(of)圖片和(and)五張200K的(of)圖片,肯定是(yes)後者下載速度更快些,浏覽者也更能時(hour)時(hour)的(of)感受到(arrive)網頁下載速度的(of)變化。當不(No)得不(No)使用(use)大(big)圖片時(hour),也要(want)使用(use)Photoshop等軟件,對大(big)圖片進行切割,化整爲(for)零,再作(do)爲(for)素材使用(use)。

2 要(want)根據需求确定圖片的(of)格式

一(one)般我(I)們(them)在(exist)網頁中使用(use)圖片素材,一(one)定要(want)充分考慮圖片的(of)格式。常見的(of)圖片格式有JPG、PNG或GIF等。筆者曾經做過試驗:一(one)張700*450大(big)小的(of)圖片,在(exist)肉眼觀看效果相同的(of)情況下,PNG格式比JPG格式大(big)10倍有餘。這(this)是(yes)因爲(for):JPG是(yes)一(one)種有損壓縮圖片格式,PNG是(yes)一(one)種無損壓縮格式,所以(by)當對圖片要(want)求不(No)是(yes)很高時(hour),我(I)們(them)一(one)般采用(use)JPG格式。如果需要(want)圖片帶有一(one)定的(of)動畫效果時(hour),JPG格式就不(No)能滿足要(want)求了(Got it),這(this)時(hour)多采用(use)GIF格式。GIF格式的(of)圖片有很多優點,如支持透明色、支持動畫和(and)支持無所壓縮等,但是(yes)它也有缺點,就是(yes)它隻有256種顔色,這(this)對圖片質量的(of)影響是(yes)相當大(big)的(of)。當JPG和(and)GIF格式都不(No)能滿足要(want)求時(hour),PNG格式就是(yes)一(one)個(indivual)不(No)錯的(of)選擇。PNG格式不(No)是(yes)不(No)失真,而是(yes)圖像上(superior)出(out)現的(of)顔色數量小于(At)我(I)們(them)可以(by)保存的(of)顔色數量時(hour),我(I)們(them)才能真實的(of)記錄和(and)還原圖像,否則就會丢失一(one)些圖像信息。如PNG8最多隻能索引256種顔色,PNG24則可以(by)保存1600多萬種顔色等。PNG格式也支持透明色,爲(for)了(Got it)網站的(of)美觀需要(want),PNG格式已經成爲(for)網站建設者的(of)選擇之一(one)。

3 要(want)正确設計圖片的(of)alt屬性設置

說到(arrive)圖片對網站優化的(of)貢獻,就不(No)得不(No)提到(arrive)SEO技術與圖片的(of)alt屬性的(of)關系。alt屬性現在(exist)越來(Come)越受到(arrive)網站建設者的(of)重視。要(want)說明這(this)個(indivual)屬性,就要(want)先了(Got it)解與SEO技術相關的(of)技術和(and)概念。

SEO是(yes)英文SearchEngineOptimization的(of)縮寫,中文就是(yes)搜索引擎優化的(of)意思。它主要(want)就是(yes)通過對網站的(of)結構、标簽、排版等各方面的(of)優化。以(by)前網站設計人(people)員都沒有SEO的(of)概念,使得做好的(of)網站隻是(yes)一(one)幅空架子,但是(yes)當網站進入推廣階段後才發現流量上(superior)不(No)去。前面提過,影響網站排名的(of)因素有網站内容、外部鏈接和(and)關鍵詞等。進行網站建設時(hour),網頁的(of)标題和(and)摘要(want)中要(want)包含關鍵詞;H1～H3标簽中要(want)包含關鍵詞;圖片的(of)alt屬性也要(want)包含關鍵詞。雖然關鍵詞的(of)密度效果在(exist)搜索引擎技術中慢慢消退了(Got it),但是(yes)關鍵詞合理的(of)布局,還是(yes)很有必要(want)的(of)。

當然,關鍵詞也不(No)能出(out)現堆砌的(of)現象,很多網站一(one)個(indivual)頁面中包含有多張圖片,但是(yes)建站的(of)人(people)員對圖片alt關鍵詞設置基本是(yes)相同的(of),這(this)種情況一(one)旦發生(born),就會被搜索引擎視爲(for)關鍵詞堆砌。

圖片的(of)alt屬性對網站的(of)排名有一(one)定影響,設計一(one)個(indivual)合理的(of)alt屬性具有如下的(of)意義。

(1)在(exist)網頁不(No)能正常打開的(of)時(hour)候,alt屬性向用(use)戶展示圖片乃至文章的(of)概要(want)。

(2)帶有鏈接效果的(of)圖片加上(superior)alt屬性後就等同于(At)做了(Got it)個(indivual)錨文本鏈接。

(3)對圖片添加alt屬性,能幫助網站提高排名。

下面介紹設置圖片的(of)alt屬性的(of)方法,以(by)html語言爲(for)例,在(exist)body标簽裏輸入:

<imgsrc="../image/Logo.png"alt="索特科技"width="90"height="58"/>。

從代碼中可以(by)看出(out),插入的(of)圖片爲(for)網站的(of)LOGO圖片,格式爲(for)gif格式,圖片的(of)alt屬性就是(yes)“在(exist)線小遊戲”。通過上(superior)面的(of)設計,可以(by)給網站一(one)個(indivual)好的(of)關鍵詞排名。

4 結語

總之,作(do)爲(for)一(one)個(indivual)成功的(of)網站開發者,不(No)僅需要(want)有一(one)定的(of)美術功底、代碼編寫能力,還要(want)掌握一(one)些對網站的(of)推廣和(and)優化技術。隻有這(this)樣才能提升網站的(of)排名,從而提高網站的(of)點擊率。