• <bdo id="oq0yq"><xmp id="oq0yq">
    <menu id="oq0yq"></menu>
  • 建站常識

    圖片優化須知的8個小技巧

    發布時間 | 2016/2/2  點擊 | 

    如果你運營在線商城又或是大型電商網站,圖片優化是你必須要掌握的。不僅僅是從吸引潛在消費者,還是增加圖片搜索流量,又或是提升網站加載速度,圖片優化扮演者非常關鍵的角色。但說到圖片優化,很多傳統意義上的SEO人會說,圖片要加alt標簽,圖片要壓縮…這樣的粗線條顯然是不行的。今天我就和大家深入分享一下圖片優化必須了解的8個知識點。 

      1. 用結構化數據寫產品圖片ALT

      我們很容易使用照相機默認的圖片編號當做圖片們的命名,這樣的話對于搜索引擎來說,可能就沒有辦法辨識圖片的內容,從而我們就失去了從圖片搜索那塊兒帶來的流量,這是非??上У?,特別是當你的產品有數以萬計的話。通常我們可以制定結構化數據規則讓技術人員設計程序批量替換圖片的alt屬性,而無需我們手工操作。

      我們要思考一下,訪客的搜索習慣是什么?會搜索哪些關鍵詞?最好可以再看一下谷歌統計里面的關鍵詞數據,看看有無遺漏?;旧蟻碚f,訪客更傾向于搜索品牌詞+產品系列的詞組組合和變化,那么alt標簽的結構化規則就出來了,可以寫為:alt=”{品牌詞}{產品系列}-{產品型號}”。對于產品圖片的描述來說,不建議寫過多冗余內容,保持數據結構化,做到關鍵詞辨識度高,關鍵詞信息豐富就可以了,千萬不要做關鍵詞堆積。

      2. 圖片拍攝角度問題

      基本上拍攝產品照片不會只拍一個角度,訪客肯定不會滿足于只有一張正面照,多角度的去展示圖片才能更好的吸引訪客在你的網站上停留更多的時間,才可以去激發起他們的購買欲望,所以自然需要拍攝物體的正面,背面,側面,細節等等,這個時候如何寫alt標簽?

      最好的方法也是保持alt標簽的結構化,繼承主圖的格式,千萬不要去給這些圖片一個全新的寫法,正確的寫法如下,

      保持主干“{品牌詞}{產品系列}-{產品型號}”不變,可以讓搜索引擎充分確認當前圖片系列或是頁面就是關于那個關鍵詞,從而讓這些圖片被圖片搜索引擎搜索到的幾率大大增加。單槍匹馬一定倒下。

      3. 關于大圖的顯示問題

      如果你希望提供更大的圖片讓用戶爽一下,這個思路很好,但要非常小心,不建議將大圖直接放在網頁上然后用css將圖片縮小,雖然你看上去圖片變小了,但是圖片的尺寸還是實實在在存在的,這會影響加載速度。相反,你可以先放一張較小的圖片,然后提供查看大圖功能的選項,不管是點擊彈出大圖還是另外新頁面顯示,都ok。

      當然,還有一些人會把大圖切成一張張小圖做拼接,這樣做可以讓圖片快速顯示,但同時一張圖片切成小圖之后,服務器的請求數會增加,從而會影響網頁加載速度。所以,如果圖片的體積實在過大的話,建議為圖片專門配置新服務器。

      4. 給圖片減減肥

      先看看這些數據,

      如果你大量的網站圖片非常臃腫,這將嚴重影響網站加載速度,如果超過10秒鐘,那你等著和你的客戶說byebye把。

      圖片文件應該多大?

      有些理論說圖片的大小應該保持在70kb以下,不過這個有時候是很困難的,特別對于大圖片來說幾乎是不可能的,除非你不求清晰度。我個人倒是覺得,不要用一個標準去限制每一張圖片的大小,關鍵在于,我們有沒有去執行,有沒有看到我這篇博文后去真正壓縮圖片,這才是關鍵。

      5. 用對圖片格式

      目前有三種非常流行的圖片格式,他們是JPEG,GIF,和PNG。讓我們來看看他們有何不同,

      通過對比相同體積下(都是24kb)不同格式的圖片顯示效果,經過測試可以看到,JPEG 是獲勝者,在同樣的體積下,GIFs和PNGs必須以犧牲圖片質量為代價。不過話又說回來,如果對于非常小的圖片來說(比如小于5K),PNG是比較好的選擇,相比GIF,PNG可以在體積很小的情況下依然不會讓圖片失真。

      當我們選擇圖片格式時,如下一些tips供大家參考,

      順便提一句,大部分的圖片編輯軟件可以轉換以上三種形式的圖片格式。

      6. 正確看待縮略圖

      大部分電商網站都有縮略圖展示,它可以讓訪客迅速的掃描到盡可能多的商品樣式而不需要再去點擊一個額外的頁面。 

      縮略圖很棒,但是要小心,他們可能是你網站的速度殺手。他們通常會出現在關鍵的購物流程之中,若因此影響了購物流程的流暢性,額… 那你就可能又損失了一個顧客。關于縮略圖,我個人有如下兩點建議:

      7. 使用圖片地圖

      如果你的網站用JS做圖片效果來更好的提升用戶體驗,你是否擔心圖片是否還能收錄?當然通常來說蜘蛛是不會爬取不顯示在源代碼里面的圖片文件的,但是谷歌對于這點已經很有經驗了,通過圖片地圖的提交,即把圖片地址一個個老老實實地列出來,搜索引擎就可以爬行了。 

      對于圖片地圖,我就不多說了,因為谷歌有許多指導文檔來幫助你提升圖片的搜索排名,看這里。

      8. 留心裝飾性圖片

      非產品類的圖片比如背景圖、按鈕圖,邊框圖等都可算作裝飾圖,作為一個優化者,你需要仔細去檢查這些圖片的體積是否過大,是否會影響網站載入速度。

      這里有一些關于如何壓縮裝飾圖的建議:

    相關信息