DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 網站SEO優化之圖片優化技巧分享
網站SEO優化之圖片優化技巧分享
編輯:SEO優化集錦     

  對於許多網站來說,都沒有去刻意的去優化它的圖片的,如果大家知道,許多網站,它的圖片流量點到了總流量的百分之十的時候,我想大部分人還是還會注意到圖片的優化效果的,其實這是一個事實,許多大型的網站,圖片流量基本上都快達到了這個百分比,這是一個不小的數據,而且相對於網頁優化來說,圖片優化要相對簡單得多了,它需要的資源也沒有網頁多,所以它的性價比還是比較高的,那麼究竟要怎麼去優化網站的圖片呢?

  1、為每一張重要的圖片都單獨的建立一個網頁,建立一個圖片頻道

  在這一點上夢芭莎是有做圖片頻道的,細心的朋友會發現,而且它的圖片收錄數量非常多,相信流量也是很不錯的,那麼要如何的去建立圖片網頁呢,我們要把這個網站中關於這個圖片的所有信息都集中在這個圖片網頁,而且在建立這樣的網頁的時候,每個圖片網頁的標題不要重復,都需要是獨特的,我們還可以在這張圖片上加個用戶的評論、可以開啟用戶評論功能,讓這個圖片永遠保持更新,這對於搜索引擎來說,也是比較友好的做法

  2、在給圖片命名的時候,不要使用類似圖片1.jpg、圖片2.jpg都這樣毫無意義的圖片名,圖片名要有描述性

  在谷歌的網站質量指南中,明確的指出了如果一個圖片在網頁上沒有任何文字信息描述,那麼在搜索引擎的結果頁,谷歌會考慮使用圖片的名稱來展示圖片搜索結果,可見圖片的名稱還是非常重要的,而且如果使用圖片的描述性信息做為圖片名稱,還可以加強頁面主題的相關性,例如你在描述計算機的頁面中,出現了計算機圖片,你可以給這個圖片起名為computer.jpg,而英文computer是與計算機密切機關的,用computer作為圖片的文件名,加強了這篇文章的主題計算機。

  3、用不同的圖片目錄來結構化網站的圖片目錄

  在一個網站中如果圖片比較多的時候,我們在存儲圖片的時候,可以根據圖片主題分別來存放,例如在一個網站中,它分別有描述不同梨子的圖片,以及描述各種蘋果的圖片,那麼我們在存儲這些圖片的時候,我們可以把所有的梨子的圖片存儲在一個叫pear的目錄中,把所有的蘋果圖片都存儲在一個叫做apple的圖片目錄中,這樣結構清晰,對於搜索引擎對於圖片主題的判斷,也是有很大好處的。

  4、可以適當的給圖片做一些內鏈以及外鏈

  除了給文字網頁內容做鏈接,對於圖片來說,我們完全可以給它們做一些鏈接,例如我們可以在網站的內部中,多給圖片網頁一些內鏈的支持,在做外鏈的時候,適當的給一些重要的圖片網頁做一些外鏈,這樣在搜索引擎的排名結果中,你的圖片排名可能會比別人高。而且這樣做的人很少,如果你做了外鏈,內鏈,相信你的排名很快就會上去。

  5、圖片盡量加上寬度與高度屬性

  盡量把網站中的每一個圖片都加上高度以及寬度屬性,這樣在網頁被加載的時候,浏覽器會預先按照設置的高度與寬度留出一點位置,其他的網頁組件可以並行下載,不需要等到圖片完全加載完時,再加載其他圖片下邊的組件,提高了頁面的並行加載數量,從而大大的提高了頁面的加載速度。

  6、圖片盡量加上alt屬性

  在網頁中,要給每個圖片都加上alt屬性,加alt屬性有雙重的作用,一是提高用戶體驗,當頁面的圖片因為某種原因不能加載的時候,在圖片的位置上是顯示圖片的alt屬性裡邊的文字的,這樣用戶就知道這個沒有加載的圖片是關於什麼的圖片,可以完整的理解網頁的內容,不打斷用戶的思路,而且另外一點是針對SEO的,圖片加了alt屬性,等於是界定的圖片的主題,告訴了搜索引擎這個圖片是關於什麼的,從而在用戶搜索相應的關鍵詞,圖片可以獲得相應的排名。

  7、圖片盡量要進行無損壓縮

  我們知道,在網頁加載的時候,網頁的體積越上,加載速度就會越快,我們要做的就是盡量的減少頁面的大小,對於圖片來說,要在不影響圖片質量的情況下,進行無損壓縮,特別是對於一些有大量圖片的網站來說,壓縮的效果非常的明顯,可以大大提升頁面的打開速度,從而提升用戶體驗

  8、為一些經常沒有變動的圖片,加上一個相對較長的過期時間

  在網站中,其實許多圖片,是固定不變的,在很長的時間內基本圖片都是無變化的,為了合理的利用緩存技術來提高頁面的加載速度,我們可以給這些固定不變的圖片,加上一個相對較長的過期時間,從而在下載加載的時候,可以不用向服務器請求HTTP,而是利於的緩存、提高了頁面的加載速度

  9、對於一些在網站中出現頻率較高而且體積小的圖片,可以使用CSS sprites技術對圖片進行合並

  這也是許多大型網站所使用的技術,其目的就是為了減少頁面的HTTP數量,加快網頁的打開速度,屬於頁面前端優化的范疇,也就是把一些小圖片,合並在一張圖片中,利用CSS控制位置技術來分別調用這個合並後圖片的不同部分。以上內容由www.jieyitongcy.com 捷易通自動充值軟件在admin5首發,轉載請保留網址,謝謝!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved