圖片搜索在百度及谷歌搜索引擎中越來越重要。圖片搜索有兩種方式:一種是輸入圖片相關文字,獲得相應圖片搜索結果,第二種是直接用圖片進行比對搜索,如百度可以直接使用拍攝圖片作為搜索元素,淘寶和阿里站內搜索也有類似圖片搜索功能。
圖片優化的三個方面
圖片alt標簽:讓搜索引擎讀懂圖片,提升圖片關鍵詞在圖片搜索的排名
早期搜索引擎是無法識別圖片內容,alt標簽就是為了讓搜索引擎讀懂圖片,告知搜索引擎圖片關于什么內容。當網站圖片無法加載,alt文字就替換出現在圖片位置。
圖片title標簽:更好的用戶體驗
鼠標放在圖片上,有的時候圖片上會顯示文字,這就是title標簽。鼠標離開圖片,提示文字就消失。
圖片命名:包含關鍵詞
圖片src 屬性中的圖片名稱,命名關鍵詞相關,可以提升圖片的關鍵詞排名。圖片目錄層級也可以按照欄目關鍵詞名稱方式來命名。
注意:無論是title還是alt標簽,不能惡意堆砌關鍵詞,一般調用圖片名稱或者頁面一個關鍵詞即可。
圖片壓縮
圖片相對于文字,占據較大空間,同時也使得流量成本增加,同時大的圖片加載耗時長,影響網站加載速度,影響用戶體驗。所以圖片壓縮是圖片優化的關鍵環節。
圖片壓縮方法一:簡單壓縮軟件
如Windows的畫圖功能,可以通過縮減像素和比例來減小圖片尺寸。另外網上本身有很多圖片壓縮軟件,百度搜索以下即可在線使用。
圖片壓縮方法二:圖片懶加載
圖片懶加載技術對于大型電商網站十分重要,如淘寶網和京東網站,首頁產品種類繁多,就是采用了圖片懶加載,先展示首屏圖片,鼠標下滑時再展示其他屏的圖片。
圖片懶加載使用的前端技術思路:將頁面里所有img屬性src屬性用data-xx代替,當鼠標滑動到該圖片出現時,用js取到該圖片的data-xx的值賦給src。
圖片壓縮方法三:啟用Gzip壓縮
Gzip壓縮成本較低,可以達到網站80%以上的壓縮比例。
圖片壓縮方法四:CSS Sprites
合并諸多小圖片到一張圖片。實際操作中這個較少用到,尤其是大型團隊合作,每次修改小圖片都比較麻煩。圖片壓縮值得一提的是谷歌的WebP格式圖片,可以在很大程度上壓縮圖片而不失真,但是目前只支持Chrome瀏覽器,對別的瀏覽器支持效果不佳。
相關熱搜詞:SEO標簽