簡單地理解網站圖片優化

  圖片優化,是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文件進行設置。設置時,盡量不要使用Javascript鏈接圖片,因為這樣不利於搜索引擎檢索圖片文檔。

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

  這裡,白掌學習瞭一種設置的方法,不難,盡管SEO優化不需要,但也可適當瞭解一些。現在,我們通過一個例子來學習一下。假設有一個網站,不包含文章內容更新,不需搜索引擎對圖片進行抓取和收錄,那我們就可以把圖片單獨存放在根目錄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:網站域名,就可檢查網站圖片的收錄情況。

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

  轉載請註明出處,xue.sem123.com,讓信息變得簡單。