讓每一個企業都(dōu)擁有适合自(zì)己的互聯網應用方案-安慶中拓科(kē)技   網站(zhàn)首頁 > 建站(zhàn)知識
 
提升用戶體(tǐ)驗滿意度 圖片優化不可(kě)忽略
來(lái)源:zt0558.cn 發布時間:2015/7/14

  對于網站(zhàn)圖片進行優化,是提高用戶體(tǐ)驗的途徑之一,那麽應該如(rú)何優化圖片呢(ne)?安慶SEO優化小編爲大(dà)家分(fēn)享:

  首先,我們先來(lái)了解一下,一張标準的圖片所應包含的關鍵标簽。通常,一張标準的圖片所嵌入的代碼一般應包含5個标簽,即Src,Width,Height,Alt和Title。

  在網頁中插入圖片需要用到Html語言中的img元素。從(cóng)技術(shù)上講,标簽不是指在網頁中插入圖像,而是在網頁鏈接圖像,标簽創建的就(jiù)是被引用圖像的占位空間。其中,Src和Alt是所必需的兩個屬性。知己知彼百戰不殆,接下來(lái),我們就(jiù)逐一來(lái)認識一下這5個标簽。

  1. Src

  Src的值(value)指代的是圖像文件(jiàn)的路(lù)徑(Url),也就(jiù)是所引用的圖像的絕對路(lù)徑(Url)或相(xiàng)對路(lù)徑(Url),其中,絕對路(lù)徑(Url)指向其它站(zhàn)點,也就(jiù)是從(cóng)其它網站(zhàn)引用來(lái)的圖片的鏈接地址,相(xiàng)對路(lù)徑(Url)是指向自(zì)身(shēn)站(zhàn)點的文件(jiàn)地址。對SEO工(gōng)作(zuò)來(lái)說(shuō),絕對路(lù)徑可(kě)以理(lǐ)解爲直接從(cóng)其它網站(zhàn)拿來(lái)的圖片指向的圖片地址,而相(xiàng)對路(lù)徑是自(zì)身(shēn)電腦上的圖片的路(lù)徑。

  2. Alt

  Alt,圖片的替代文本,是在圖片無法顯示或用戶禁用圖像顯示時,代替圖片顯示在浏覽器中的内容。Alt屬性的值(Value)是一個最多可(kě)包含1024個字符的字符串,其中包括空格和标點。其語法是。在寫Alt标簽時,盡量要用一個最簡單的句子把圖片的要義完整的表達出來(lái),同時,爲加速搜索引擎爬蟲對圖片的抓取,也能在Alt标簽中加一個文章(zhāng)的主關鍵詞。

  3. Title

  Title,是當鼠标放(fàng)到圖片上時所顯示的文字。如(rú)果圖片上加有超鏈接,title屬性就(jiù)可(kě)用來(lái)對這一圖片鏈接進行解釋說(shuō)明。當圖片有鏈接時,用戶點擊圖片會顯示文字,用戶可(kě)根據文字來(lái)判斷對加載頁面是否有興趣,進而減少無用的頁面加載;當圖片沒有鏈接,同時,圖片旁邊沒有文字标題或文字标題很長且顯示不全時,title屬性就(jiù)可(kě)告訴用戶這個圖片是什麽,提高用戶體(tǐ)驗。

  4. Width和Height

  Width和Height,是圖片的寬和高,也就(jiù)是圖片的大(dà)小。過大(dà)的圖片,會降低網頁的加載速度,過小則有可(kě)能影(yǐng)響圖片的清晰度。對于網站(zhàn)導航、背景等圖片,可(kě)參考百度、新浪等門(mén)戶網站(zhàn)的圖片尺寸,但(dàn)對于文章(zhāng)中的圖片,就(jiù)可(kě)具體(tǐ)情況具體(tǐ)分(fēn)析。不過,質量佳且清晰的圖片,有助于提高用戶體(tǐ)驗。

  然後,我們來(lái)看(kàn)一下,網站(zhàn)圖片優化中需注意的一些細節。

  常言道,細節決定成敗,于細微之處見(jiàn)真章(zhāng)。圖片優化,看(kàn)似不如(rú)網站(zhàn)日(rì)常内容更新重要,但(dàn)也有很多需注意的細節。

  1. 爲方便圖片被搜索引擎抓取,要對網站(zhàn)的Robots.txt文件(jiàn)進行設置。設置時,盡量不要使用Javascript鏈接圖片,因爲這樣不利于搜索引擎檢索圖片文檔。

  2. 在SEO優化工(gōng)作(zuò)中,網站(zhàn)中有些圖片并不需要被搜索引擎抓取和收錄,比如(rú)網站(zhàn)模闆和導航中的圖片及背景圖片等。在優化中,我們就(jiù)應将這些圖片放(fàng)在一個單獨的文件(jiàn)夾,并通過設置robots.txt文件(jiàn)來(lái)阻止搜索引擎抓取這些圖片。

  3. 網站(zhàn)中用到的圖片,最好先保存至本地服務器,也就(jiù)是要保存到自(zì)己的電腦上,然後再進行調用。因爲從(cóng)其它網站(zhàn)複制來(lái)的圖片,不僅影(yǐng)響圖片的加載速度,而且圖片穩定性不好,容易丢失,間接也會影(yǐng)響用戶的體(tǐ)驗。不要試圖用“借用”其它網站(zhàn)圖片的方法,來(lái)爲網站(zhàn)換取友鏈,因爲站(zhàn)在SEO的角度來(lái)講,文字的錨文本效果要遠(yuǎn)優于圖片。換言之,如(rú)果圖片鏈接的網站(zhàn)出現問(wèn)題,也會對自(zì)身(shēn)網站(zhàn)造成一定的影(yǐng)響。在将圖片保存到自(zì)身(shēn)電腦上時,要對圖片進行重新命名,盡量使用描述性且包含目标關鍵詞的短(duǎn)句,這樣在調用時,一般可(kě)直接作(zuò)爲Alt标簽使用。

  4. 同一個網頁中,圖片的數量不要過多,但(dàn)要精。因爲圖片過多,會增加頁面的體(tǐ)積,影(yǐng)響網頁的加載速度,也會影(yǐng)響網站(zhàn)用戶的體(tǐ)驗。通常,一個網頁的正文中不要超過4張圖片。

  5. 要保證圖片和網站(zhàn)的相(xiàng)關性。通常,訪問(wèn)網站(zhàn)的用戶,浏覽圖片可(kě)能不是他(tā)前來(lái)的目的,但(dàn)圖片的存在,可(kě)使訪問(wèn)者在頁面停留的時間更久一些。雖然根據相(xiàng)關機(jī)構對眼睛追蹤的研究結果表明,訪問(wèn)者在浏覽網頁時,文字優先于圖片,但(dàn)圖片會讓訪客停留的時間更久,并對頁面的印象更深刻。不過,站(zhàn)在另一個角度,不管是網站(zhàn)中的圖片,還(hái)是文章(zhāng)中的圖片,爲便于優化,也爲了質量度,因爲PPC廣告中關鍵詞和着陸頁的相(xiàng)關性及着陸頁的設計(jì)和内容,會影(yǐng)響某一關鍵詞的質量度,進而會影(yǐng)響相(xiàng)關PPC廣告的點擊價格。

  6. 對原創圖片添加水印。爲避免網站(zhàn)中辛辛苦苦做出來(lái)的圖片被他(tā)人(rén)拿去(qù)使用,我們可(kě)對圖片加水印。網站(zhàn)導航、背景等圖片,配合網站(zhàn)相(xiàng)關設計(jì),适當可(kě)加入一些标識,但(dàn)文章(zhāng)内容中的圖片,都(dōu)可(kě)加上水印,雖不能避免被他(tā)人(rén)拿去(qù)使用,但(dàn)使用的人(rén),需要耗費精力對圖片進行再編輯。

  7. 在圖片周圍添加相(xiàng)關信息。在Google中搜索圖片,會不難發現,每張圖片下都(dōu)會有一段描述性文字,其中關鍵詞用粗體(tǐ)顯示。這是因爲,Google圖片搜索通過分(fēn)析頁面圖片周圍的文字、圖片标題及許多其它元素來(lái)确定圖片内容,所以,在圖片周圍添加包含關鍵詞的描述信息,可(kě)優化網站(zhàn)圖片在搜索引擎中的排名。

  有時,爲檢查對網站(zhàn)圖片的優化是否成功,檢查搜索引擎對網站(zhàn)圖片的收錄情況是必需的。檢查的方法很簡單。以Google爲例,在Google圖片搜索的導航下,在搜索欄中輸入網站(zhàn)的域名即可(kě)。在百度中,則需在圖片搜索下的搜索欄中,輸入site:網站(zhàn)域名,就(jiù)可(kě)檢查網站(zhàn)圖片的收錄情況。

  以上就(jiù)是我們今天爲大(dà)家分(fēn)享的内容,更多資訊歡迎持續關注:http://www.aqseo.cn/ 。