自動外鏈工具 在線排版工具 搜索引擎提交入口 wordpress主題推薦 批量打開網址工具 【老域名購買】 思享SEO導航 【網站合作】

圖片的seo優化怎么做?

231

眾所周知的網站圖片優化無非就是對圖片大小的控制和alt的處理。但僅僅只是這樣嗎?這樣的理解方式是不是顯得太粗淺了呢。下面分享一些干貨給大家。

從SEO的角度:滾動圖片有用嗎?

1、 網站圖片優化目的

(1)減少網頁體積,提高加快加載速度。

(2)做圖片說明,促進搜索引擎對圖片的識別。

2、圖片alt的書寫

由于搜索引擎對于圖片的識別技術還達不到要求,所以需要用文字對圖片進行說明,讓搜索引擎識別圖片內容,增強搜索引擎對網站的內容識別和信任,從而獲得良好的展現。

而alt正是對圖片做說明的屬性標簽。我們需要在alt中寫出相應文字對圖片進行說明。如:alt="seo-seo圖片優化-小六seo"。

那么alt如何書寫就成了圖片優化的一個重點了,由于圖片可能會涉及到拍攝角度以及一些順序排列。alt就會出現“正面”“側面”“背面”“圖片1”“圖片2”等說明。

如何書寫alt呢?小六參考了一些站長的做法,用數據結構化來書寫。可能大家不是很懂,下面舉2個例子。

例1:

alt="某某網站-婚紗照-浪漫婚紗照-正面"

alt="某某網站-婚紗照-浪漫婚紗照-側面"

alt="某某網站-婚紗照-浪漫婚紗照-背部"

例2:

alt="某某網站-小吃做法-酸菜魚做法-步驟一"

alt="某某網站-小吃做法-酸菜魚做法-步驟二"

alt="某某網站-小吃做法-酸菜魚做法-步驟三"

這樣的寫法,就很好的向搜索引擎詮釋了該圖片的分類及內容,還有助于品牌展現,不要認為沒有用;在百度圖片搜索中也會有不少流量來源,圖片描述的品牌展現,又是一種推廣和獲取流量的方式。

提示1:當然切記不要用圖片alt去堆砌關鍵詞,這種做法顯然違背了算法規則了。

提示2:不要每張圖片的alt說明都是一樣的,這顯然是不科學的,不同的圖片,自然表示的內容不同,alt也應該不同。就算是同一張圖片,也盡量避免alt完全一致,避免堆詞嫌疑。

3、圖片格式及大小選擇

(1)jpg是有損壓縮,多次壓縮后會影響質量的。

(2)png-24支持阿爾發半透明,這是jpg和gif不具備的,當然ie6不支持png-24。

(3)png-8最高也只支持到256色和gif一樣。

(4)gif和png-8只支持透明/不透明,即不支持半透明。

(5)jpg、gif、png都支持交錯模式,即多路徑下載,這樣當網速不流暢,或加載大圖時,會先顯示模糊的圖像,直到最清晰,不會什么都看不到,能加強用戶體驗,但交錯模式會增加文件體積。

通常情況下,網站中多數使用的是png和jpg格式的圖片。但是png格式的圖片一般精度較高,圖片所占空間就比較大。在網站圖片要求不高時可盡量選用jpg,壓縮后就算有點損失,只要不影響圖片正常閱讀體驗就行了。

當然在圖片尺寸非常小的情況下建議選擇png格式,避免圖片失真嚴重,影響閱讀體驗。

網站的加載速度是網站優化的重點,用戶等待時間過長必定會使其厭惡從而損失客戶。降低圖片體積,將大大加快網站的加載運行速度。

4、大圖與切圖優化說明

一個網站必不可少的有一些大圖,特別是網站banner圖。這里小編只能說盡量少用,在不失真的情況下,盡量將圖片壓縮。那種幾M大的圖片千萬不要出現,太影響加載速度了。

有的人會說雖然上傳的圖片很大,但是用css限制一下不就行了,顯示出來的圖片規格也不會很大。但是這并不能改變圖片本身所占空間的內存,所以用css改變圖片大小只是優化了網站閱讀體驗,對于加載速度的優化沒有任何幫助。

一張大圖盡量保持在幾十kb,或者100來kb也就差不多了,過大的體積,總會影響加載速度。

將一張大圖切圖成幾個小塊,雖然會加快圖片顯示,但同時服務器請求增加,網頁加載速度還是會變慢。圖片過多,體積過大的,在有條件時可選擇配置新的服務器用于存放圖片。

5、縮略圖的使用

網站的縮略圖對網頁加載速度提升有很大幫助,當然縮略圖可能質量與清晰度不太過關,只要不影響閱讀體驗就行,在詳情頁將清晰的圖片顯示出來即可。在很多商城站中體現的比較多。

縮略圖給不給加alt呢?有人說可以加,有人說不用加,如果我們想要搜索引擎抓取索引內頁圖片而不是縮略圖的話,就可以不加。如沒這方面的需求則可以加上,看大家自己選擇。

小貼士:網站的按鈕圖片,背景圖片,相框,圖片邊框等都屬于圖片優化范疇,記得要處理好。如僅是邊框之內的東西,盡量用css代替,縮減圖片,減少網頁體積,提高加載速度。會mip改造的,也可使用mip改造。

來源:本文由思享SEO博客原創撰寫,歡迎分享本文,轉載請保留出處和鏈接!
seo培訓評論廣告

搶沙發

昵稱*

郵箱*

網址

七乐彩选号技巧