網站SEO最佳化之圖片最佳化技巧分享

來源:互聯網
上載者:User

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

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

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

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

  在Google的網站品質指南中,明確的指出了如果一個圖片在網頁上沒有任何文字資訊描述,那麼在搜尋引擎的結果頁,Google會考慮使用圖片的名稱來展示圖片搜尋結果,可見圖片的名稱還是非常重要的,而且如果使用圖片的描述性資訊做為圖片名稱,還可以加強頁面主題的相關性,例如你在描述電腦的頁面中,出現了電腦圖片,你可以給這個圖片起名為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首發,轉載請保留網址,謝謝!



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.