<em id="rphjv"><menuitem id="rphjv"></menuitem></em>
<mark id="rphjv"></mark>

      <mark id="rphjv"></mark><sub id="rphjv"></sub>
      <track id="rphjv"><thead id="rphjv"><form id="rphjv"></form></thead></track>

      <rp id="rphjv"><listing id="rphjv"></listing></rp>

            <font id="rphjv"></font>

          專業的醫院網站優化優化公司

          網站優化時如何對圖片進行優化

          瀏覽:/ 2014-06-04

             在網站優化中,其實圖片的優化也占了很大一部分,它是SEO優化中重要的一個組成部分,圖片優化得好,不但可以提高頁面的加載速度,加快搜索引擎的抓取速度以至于收錄更多頁面,而且通過對圖片進行有意識的優化,還可以通過圖片帶來一定的流量,是多方受益的。下邊我就我的個人經驗,來講下在對圖片優化時,應該怎么做

           
            1、圖片要加上alt標簽
           
            在網站的一些重要的圖片中,一定要加上ALT標簽,這樣搜索引擎就可以知道這個圖片的主題是什么,從而圖片搜索的時候,給予你一定的排名,對圖片加ALT標簽,對用戶來說也是一個很好的引導作用,當用戶把鼠標放到圖片上時,ALT里邊的內容就會展示給用戶,特別是當圖片出現一些問題不能被訪問的時候,這時候ALT的作用就更加顯現出來了,在顯示圖片的地方會直接顯示ALT里邊的文字內容,從而起到一個很好的提示作用,對于用戶對上下文的理解起到一個很好的作用。
           
            2、圖片要盡是進行無損壓縮
           
            我們知道,一個頁面中如果它的圖片比較多,那么頁面的打開速度就會比較慢,也就是說頁面的加載速度會比較慢,特別是一些圖片站,圖片都要進行適當的壓縮處理,這樣頁面的加載速度就會快很多,當然了,圖片的壓縮最好是在無損的情況下進行,現在網上有很多這樣的無損壓縮工具,大家在百度上查下就能夠找到了,我們所說的壓縮是在不影響整體的情況下進行的。如果某些頁面對于圖片的質量要求比較高,那壓縮率就盡量小一些,以免影響用戶體驗,所以這也是一個折衷的問題,大家可以根據頁面的實際情況來進行必要的處理。
           
            3、對圖片要指定高度與寬度
           
            頁面加載圖片的時候,(暫不考慮不同瀏覽器的下載并發數量情況下)如果頁面代碼中不設定img的寬高,那么瀏覽器在加載過程中會不斷計算每張圖片的即時寬高,直到圖片完整顯示出來為止。而設定了寬高,瀏覽器返回的信息里預先把要加載的圖片寬高預留出來即可,那么瀏覽器就可以騰出時間和并發去下載其他的圖片。這也就是為什么給圖片設置寬高,可以略微改善頁面打開速度的原因。當然,頁面總數越大的站,頁面圖片數或網站圖片總數大的站點,這種加載的變化就越明顯。
           
            4、在圖片的四周要盡量出現一些有意義的文字
           
            搜索引擎在對圖片的主題進行判斷的時候,是會參考圖片周圍的內容的,所以我們在一些重要的圖片周圍,要盡量的出現一些描述性的文字,以幫助搜索引擎對于圖片的理解,例如圖片的上部、下部、左部、右部,都要盡量的出現一些與圖片的主題相關的內容,這樣對搜索引擎是比較友好的。
           
            5、使用CSS Sprites技術(圖片合并)
           
            CSS Sprites其實就是把網頁中一些背景圖片整合到一張圖片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進行背景定位,background-position可以用數字能精確的定位出背景圖片的位置。這樣可以盡量的減少圖片的數量,從而減少圖片對服務器的請求次數,從而加快頁面的加載速度。

          閱讀"網站優化時如何對圖片進行優化"的人還閱讀

          上一篇:網站優化常見操作誤區

          下一篇:網站站內鏈接優化的三個典型案例分析

          欧美se|中文字幕极速在线观看|国产精品毛片在线视频|亚洲成年免费视频网站
          <em id="rphjv"><menuitem id="rphjv"></menuitem></em>
          <mark id="rphjv"></mark>

              <mark id="rphjv"></mark><sub id="rphjv"></sub>
              <track id="rphjv"><thead id="rphjv"><form id="rphjv"></form></thead></track>

              <rp id="rphjv"><listing id="rphjv"></listing></rp>

                    <font id="rphjv"></font>