Seo教學優化網站秘技首部曲，我們將深入探討為什麼需要優化圖像？
1 … 2 … 3 … – 您的潛在客戶剛剛關閉您的網站，因為它仍在加載中………
網站讀取速度不僅會導致顧客反彈，而且損害您的收入並降低您的搜索引擎優化排名。
- 根據BBS報導近50％的消費者甚至不會等待3秒鐘來加載電子商務網站。
- 亞馬遜發現，如果他們的頁面減速僅一秒鐘，他們每年將損失16億美元。
今天帶大家查看容易忽略的圖片優化，它是優化網站最有效的步驟之一。
俗話說的好一張圖片勝過千言萬語，這也是圖片在電子商務中如此重要的原因之一。思考一下假如客戶無法接收，觸摸和檢查產品，他們會嚴重依賴圖片來了解產品的顏色，質量和故事。
目前手機畫素越來越高，許多人拿手機來拍攝商品照片，不過隨便拍一張照片，可能就等於一首音樂大約3MB，這樣大型高清圖像，假如直接放在您的網站上，可能需要付出許多代價，瀏覽您的網上商店，可能就花超過4秒鐘以上再進行圖片載入。
在電子商務中，我們如何在考量用戶體驗，在進行網站圖片佈局時，圖片的質量和圖片文件大小之間，找到良好的平衡至關重要。而外您會思考，為什麼當我進行圖片搜尋時，我的產品永遠不會出現?!
讓我們來看看優化網站圖片的好處
- 增加圖片搜尋曝光的機會
- 網站會更快
- Google PageSpeed得分會更好
可以用此工具檢查是否有圖片可進行優化。 - 讓圖片與關鍵字產生關連，Google會更喜歡您的網站，您的搜索引擎排名也會提高
- 您的跳出率會變少，更多顧客會看到您的商品頁
- 您將需要更少的存儲在您的網站伺服器上，您將在網站伺服器上花費更少的資源，為您省下更多錢
相信你已經迫不及待，完成下列網站優化技巧了，就讓我們來看看有哪一些事情要注意吧~!
1.優化網站圖片的檔名
Image SEO首先從圖像文件名開始，搜索引擎不僅會抓取您網頁上的文字，還會抓取您的圖片文件名，使用相關的關鍵字幫助您的網頁在搜索引擎上排名提升，以此圖片為例。
通常手機或者相機，您會看到的是通用名稱（例如DCMIMAGE10.jpg），不過您可以將文件命名為2012-Ford-Mustang-LX-Red.jpg會好得多。
想想您的客戶如何在您的網站上搜索產品。
他們搜索時使用哪些關鍵字呢？在上面的案例中，想買跑野馬跑車的會搜尋：
- 2012紅色福特野馬LX
- 福特野馬LX紅色2012
- 紅色Ford Mustang LX 2012
可以先查看您的Google Search Console<GSC搜尋流量分頁裡頭的搜尋分析>，了解客戶關注的關鍵字模式;確定他們使用的最常搜尋的關鍵字，並將關鍵字應用於圖片文件命名過程。
查看Moz的此問答，了解在您的網站上戰略性命名圖像文件的重要性，它絕對可以改善您的頁面搜索引擎優化，但它也可以幫助您的頁面和圖像在搜索引擎結果頁面（SERP）上排名更高。
2.優化網站圖片描述Alt設置
Alt屬性(Alt描述)會添加到圖片中，有三個用途
- 當瀏覽器可能因為網速或其他原因，導致未能成功讀取圖片的時候，這時候就會呈現出，Alt的替代描述字詞，讓使用者可以得知圖片想表達的意思。
- 無障礙，視障者可以使用輔助工具，去了解您網站上圖片的意思。
- 讓搜尋引擎的爬蟲機器人，讀懂這張圖的意思，並協助判讀跟文章主題的相關性。
將相關關鍵字詞添加至alt屬性，讓您網站上的圖片被搜尋引擎索引，可以幫助您在搜索引擎中的圖片搜尋有更好地排名;實際上，使用Alt屬性可能是您的電子商務產品在Google圖片搜尋和網路搜索中顯示的最佳方式。
首先我們來看看Alt屬性的程式碼，圖片優化的首要任務，為您網站上的每個產品圖片填寫每個Alt屬性。
程式碼示例
<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012紅色福特野馬LX“>
以下是Alt屬性的一些簡單規則：
- 用簡單的語句描述您的圖片，就像您對圖片檔名做的方式一樣。
- 如果您銷售的產品具有型號或序列號，請在Alt屬性中使用它們。
- 不要刻意填寫你的Alt屬性充滿關鍵字，造成關鍵字堆疊的問題
（例如alt =“福特野馬現在購買野馬以最廉價優惠的價格出售”）。 - 不要將alt屬性用於裝飾圖片，搜索引擎可能會因您的刻意操作而懲罰。
3.優化網站圖片的檔案大小、檔案格式、圖片壓縮
當客戶到達您的網站時，根據您的網頁大小，加載所有內容可能需要一段時間，網頁假如多片越多，加載網頁的時間就越長;所以如果您可以減小網頁上圖片檔案的大小，就能提高網頁讀取速度，那麼訪問您網站的人就不會因為等候太久，而離開網站。
一般來說，降低圖片的檔案大小，在最一開始美編製作圖片的時候，於Adobe Photoshop另存圖片的時候，就可以進行初步設定將圖片，調整到適合的網站顯示的尺寸，同時注意圖片存檔格式與壓縮圖片品質。
- 品質：在右上角（即70）找到它。
- 文件格式：在右上角（即JPEG）中找到它。
在電子商務的大多數情況下，JPEG將是您最好的選擇。它們為最小的文件大小提供最佳質量。 - 最佳化：在右上角找到此打勾選項（即最佳化）。
將圖片進行不失真的壓縮。 - 轉換為sRGB：在右上角找到此打勾選項。
- 將圖片調整適合大小：在右下角找到這個（即W：和H :)。
在Chrome瀏覽器點選F12，點擊選取工具，移至圖片位置，查看實際上網頁顯示的大小，是否差異過大。644*380pixels圖片在網頁顯示的大小，括號中(Natural:667*393)是您實際上傳圖片的大小，這個案例看差異不大還可以，假設我括號中是(Natural:2001*1179)，就需要調整。 - 中繼資料:無。
這通常是相機或者是手機，儲存拍照相關資料(拍攝時間、拍攝地理位置)，我們可以透過此設定，來將這一些暫存在圖片多餘的資訊移除，這些資訊也會佔圖片一些kb大小。 - 預期的文件大小：在左下角找到這個（即56.32K）。
作為一般經驗法則，我喜歡我的產品照片最大為80-150 KB，而大型主視覺圖像最大為250-350 KB，提供給各為參考。
設定好上列選項，您就可以將圖片”儲存”，進行圖片上傳的動作。
你花了不少時間在進行商品上架，所以不要因為沒有優化圖片，因此沒獲得更好的搜尋排名而浪費所有努力;即使您每張圖片只能節省10-20％，隨著時間的推移，隨著您的商店和網站的增長，每個小KB都可以節省大量成本，也讓瀏覽您網頁的顧客擁有更愉悅的瀏覽體驗。
遵照上述提到的幾個步驟來進行實作，相信您很快就可以從圖片搜尋中導入的流量了。如果您喜歡圖像優化的文章，那麼也可以與其他人分享文章，假設網站需要諮詢服務，也可以諮詢我們顧問。
