現在位置:主頁 > SEO技術分享 > 簡單地理解網站圖片優化

簡單地理解網站圖片優化

阿里瑞SEO2018年02月07日SEO技術分享

簡介圖片優化,是SEO優化工作中最重要的部分之一。對網站圖片進行優化,不僅可以為網站帶來額外流量,還可為訪客創...

        圖片優化,是SEO優化工作中最重要的部分之一。對網站圖片進行優化,不僅可以為網站帶來額外流量,還可為訪客創造良好的用戶體驗。下面,就和白龍馬一起來看一下如何對網站圖片進行優化。
首先,我們先來了解一下,一張標準的圖片所應包含的關鍵標簽。通常,一張標準的圖片所嵌入的代碼一般應包含5個標簽,即Src,Width,Height,Alt和Title。在網頁中插入圖片需要用到Html語言中的img元素。從技術上講,標簽不是指在網頁中插入圖像,而是在網頁鏈接圖像,標簽創建的就是被引用圖像的占位空間。其中,Src和Alt是所必需的兩個屬性。知己知彼百戰不殆,接下來,我們就逐一來認識一下這5個標簽。

1. Src
Src的值(value)指代的是圖像文件的路徑(Url),也就是所引用的圖像的絕對路徑(Url)或相對路徑(Url),語法是。其中,絕對路徑(Url)指向其它站點,也就是從其它網站引用來的圖片的鏈接地址,相對路徑(Url)是指向自身站點的文件地址。對SEO工作來說,白龍馬認為,絕對路徑可以理解為直接從其它網站拿來的圖片指向的圖片地址,而相對路徑是自身電腦上的圖片的路徑。

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

3. Title
Title,是當鼠標放到圖片上時所顯示的文字。如果圖片上加有超鏈接,title屬性就可用來對這一圖片鏈接進行解釋說明。當圖片有鏈接時,用戶點擊圖片會顯示文字,用戶可根據文字來判斷對加載頁面是否有興趣,進而減少無用的頁面加載;當圖片沒有鏈接,同時,圖片旁邊沒有文字標題或文字標題很長且顯示不全時,title屬性就可告訴用戶這個圖片是什么,提高用戶體驗。

4. Width和Height
Width和Height,是圖片的寬和高,也就是圖片的大小。過大的圖片,會降低網頁的加載速度,過小則有可能影響圖片的清晰度。對于網站導航、背景等圖片,可參考百度、新浪等門戶網站的圖片尺寸,但對于文章中的圖片,就可具體情況具體分析。不過,質量佳且清晰的圖片,有助于提高用戶體驗。
然后,我們來看一下,網站圖片優化中需注意的一些細節。常言道,細節決定成敗,于細微之處見真章。圖片優化,看似不如網站日常內容更新重要,但也有很多需注意的細節。

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

2. 在SEO優化工作中,網站中有些圖片并不需要被搜索引擎抓取和收錄,比如網站模板和導航中的圖片及背景圖片等。在優化中,我們就應將這些圖片放在一個單獨的文件夾,并通過設置robots.txt文件來阻止搜索引擎抓取這些圖片。

這里,白龍馬學習了一種設置的方法,不難,盡管SEO優化不需要,但也可適當了解一些?,F在,我們通過一個例子來學習一下。假設有一個網站,不包含文章內容更新,不需搜索引擎對圖片進行抓取和收錄,那我們就可以把圖片單獨存放在根目錄robots.txt下的Images文件夾中,具體設置方法如下:
1.)打開根目錄robots.txt文件;
2.)在robots.txt中修改為:User-agent:*(表示所有搜索引擎爬蟲)Disallow:/Images
我們也可只阻止某一個搜索引擎爬蟲的抓取,比如不要谷歌抓取,我們就能這樣設置:User-agent:Googlebot-Image Disallow:/Images
如果網站中有文章內容的更新,那我們把文章圖片和網站圖片分別放置在robots.txt根目錄下兩個不同的文件夾中,再進行設置就可。這種情況下,設置時要認真,要避免文章中的圖片也不被收錄,畢竟圖片被搜索引擎收錄,也可為網站帶來一定的流量。在避免網站上重復的圖片被抓取時,也可用robots.txt文件告訴搜索引擎爬蟲,這些圖片你已收入囊中,不要再勞神費力了。

3. 網站中用到的圖片,最好先保存至本地服務器,也就是要保存到自己的電腦上,然后再進行調用。因為從其它網站復制來的圖片,不僅影響圖片的加載速度,而且圖片穩定性不好,容易丟失,間接也會影響用戶的體驗。這里,白龍馬建議,不要試圖用“借用”其它網站圖片的方法,來為網站換取友鏈,因為站在SEO的角度來講,文字的錨文本效果要遠優于圖片。換言之,如果圖片鏈接的網站出現問題,也會對自身網站造成一定的影響。在將圖片保存到自身電腦上時,要對圖片進行重新命名,盡量使用描述性且包含目標關鍵詞的短句,這樣在調用時,一般可直接作為Alt標簽使用。

4. 同一個網頁中,圖片的數量不要過多,但要精。因為圖片過多,會增加頁面的體積,影響網頁的加載速度,也會影響網站用戶的體驗。通常,一個網頁的正文中不要超過4張圖片。

5. 要保證圖片和網站的相關性。通常,訪問網站的用戶,瀏覽圖片可能不是他前來的目的,但圖片的存在,可使訪問者在頁面停留的時間更久一些。雖然根據相關機構對眼睛追蹤的研究結果表明,訪問者在瀏覽網頁時,文字優先于圖片,但圖片會讓訪客停留的時間更久,并對頁面的印象更深刻。不過,站在另一個角度,不管是網站中的圖片,還是文章中的圖片,為便于優化,也為了質量度,因為PPC廣告中關鍵詞和著陸頁的相關性及著陸頁的設計和內容,會影響某一關鍵詞的質量度,進而會影響相關PPC廣告的點擊價格。

6. 對原創圖片添加水印。為避免網站中辛辛苦苦做出來的圖片被他人拿去使用,我們可對圖片加水印。網站導航、背景等圖片,配合網站相關設計,適當可加入一些標識,但文章內容中的圖片,都可加上水印,雖不能避免被他人拿去使用,但使用的人,需要耗費精力對圖片進行再編輯。

7. 在圖片周圍添加相關信息。在Google中搜索圖片,會不難發現,每張圖片下都會有一段描述性文字,其中關鍵詞用粗體顯示。這是因為,Google圖片搜索通過分析頁面圖片周圍的文字、圖片標題及許多其它元素來確定圖片內容,所以,在圖片周圍添加包含關鍵詞的描述信息,可優化網站圖片在搜索引擎中的排名。

最后,再和白龍馬一起看下如何檢查搜索引擎對網站圖片的收錄情況。
有時,為檢查對網站圖片的優化是否成功,檢查搜索引擎對網站圖片的收錄情況是必需的。檢查的方法很簡單。以Google為例,在Google圖片搜索的導航下,在搜索欄中輸入網站的域名即可。在百度中,則需在圖片搜索下的搜索欄中,輸入site:網站域名,就可檢查網站圖片的收錄情況。

總之,網站的優化工作,需面面俱到。對圖片的優化,也不可拉下。

評論

說點什么吧
  • 全部評論(0
    還沒有評論,快來搶沙發吧!