SEO

SEO教學優化–圖像優化讓您帶來更多流量

SEO網站優化教學-網路太慢的像蝸牛_1

Seo教學優化網站秘技首部曲,我們將深入探討為什麼需要優化圖像?

1 … 2 … 3 … – 您的潛在客戶剛剛關閉您的網站,因為它仍在加載中………

SEO網站優化教學-網路太慢的像蝸牛_1

網站讀取速度不僅會導致顧客反彈,而且損害您的收入並降低您的搜索引擎優化排名。

今天帶大家查看容易忽略的圖片優化,它是優化網站最有效的步驟之一。
俗話說的好一張圖片勝過千言萬語,這也是圖片在電子商務中如此重要的原因之一。思考一下假如客戶無法接收,觸摸和檢查產品,他們會嚴重依賴圖片來了解產品的顏色,質量和故事。

目前手機畫素越來越高,許多人拿手機來拍攝商品照片,不過隨便拍一張照片,可能就等於一首音樂大約3MB,這樣大型高清圖像,假如直接放在您的網站上,可能需要付出許多代價,瀏覽您的網上商店,可能就花超過4秒鐘以上再進行圖片載入。

SEO網站優化教學-電子商務_1

在電子商務中,我們如何在考量用戶體驗,在進行網站圖片佈局時,圖片的質量和圖片文件大小之間,找到良好的平衡至關重要。而外您會思考,為什麼當我進行圖片搜尋時,我的產品永遠不會出現?!

讓我們來看看優化網站圖片的好處

  • 增加圖片搜尋曝光的機會
  • 網站會更快
  • Google PageSpeed得分會更好
    可以用此工具檢查是否有圖片可進行優化。
  • 讓圖片與關鍵字產生關連,Google會更喜歡您的網站,您的搜索引擎排名也會提高
  • 您的跳出率會變少,更多顧客會看到您的商品頁
  • 您將需要更少的存儲在您的網站伺服器上,您將在網站伺服器上花費更少的資源,為您省下更多錢

相信你已經迫不及待,完成下列網站優化技巧了,就讓我們來看看有哪一些事情要注意吧~!

1.優化網站圖片的檔名

Image SEO首先從圖像文件名開始,搜索引擎不僅會抓取您網頁上的文字,還會抓取您的圖片文件名,使用相關的關鍵字幫助您的網頁在搜索引擎上排名提升,以此圖片為例。

SEO網站優化教學-2012-Ford-Mustang-LX-Red_1

通常手機或者相機,您會看到的是通用名稱(例如DCMIMAGE10.jpg),不過您可以將文件命名為2012-Ford-Mustang-LX-Red.jpg會好得多。

想想您的客戶如何在您的網站上搜索產品。
他們搜索時使用哪些關鍵字呢?在上面的案例中,想買跑野馬跑車的會搜尋:

  • 2012紅色福特野馬LX
  • 福特野馬LX紅色2012
  • 紅色Ford Mustang LX 2012

可以先查看您的Google Search Console<GSC搜尋流量分頁裡頭的搜尋分析>,了解客戶關注的關鍵字模式;確定他們使用的最常搜尋的關鍵字,並將關鍵字應用於圖片文件命名過程。

SEO網站優化教學-Google Search Console查看關鍵字_1

查看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.優化網站圖片的檔案大小、檔案格式、圖片壓縮

  • Google目前將網頁加載時間作為其算法中的排名因素
  • Facebook與Google Ads廣告投放,網站讀取速度也影響著廣告的品質分數

當客戶到達您的網站時,根據您的網頁大小,加載所有內容可能需要一段時間,網頁假如多片越多,加載網頁的時間就越長;所以如果您可以減小網頁上圖片檔案的大小,就能提高網頁讀取速度,那麼訪問您網站的人就不會因為等候太久,而離開網站。

一般來說,降低圖片的檔案大小,在最一開始美編製作圖片的時候,於Adobe Photoshop另存圖片的時候,就可以進行初步設定將圖片,調整到適合的網站顯示的尺寸,同時注意圖片存檔格式壓縮圖片品質

SEO網站優化教學-ps-0另存圖片總覽_1

  • 品質:在右上角(即70)找到它。
  • 文件格式:在右上角(即JPEG)中找到它。
    在電子商務的大多數情況下,JPEG將是您最好的選擇。它們為最小的文件大小提供最佳質量。
  • 最佳化:在右上角找到此打勾選項(即最佳化)。
    將圖片進行不失真的壓縮。
  • 轉換為sRGB:在右上角找到此打勾選項。
  • 將圖片調整適合大小:在右下角找到這個(即W:和H :)。


    SEO網站優化教學-ps-檢查圖片大小_1 在Chrome瀏覽器點選F12,點擊選取工具,移至圖片位置,查看實際上網頁顯示的大小,是否差異過大。644*380pixels圖片在網頁顯示的大小,括號中(Natural:667*393)是您實際上傳圖片的大小,這個案例看差異不大還可以,假設我括號中是(Natural:2001*1179),就需要調整。
  • 中繼資料:無。
    這通常是相機或者是手機,儲存拍照相關資料(拍攝時間、拍攝地理位置),我們可以透過此設定,來將這一些暫存在圖片多餘的資訊移除,這些資訊也會佔圖片一些kb大小。
  • 預期的文件大小:在左下角找到這個(即56.32K)。
    作為一般經驗法則,我喜歡我的產品照片最大為80-150 KB,而大型主視覺圖像最大為250-350 KB,提供給各為參考。

設定好上列選項,您就可以將圖片”儲存”,進行圖片上傳的動作。

你花了不少時間在進行商品上架,所以不要因為沒有優化圖片,因此沒獲得更好的搜尋排名而浪費所有努力;即使您每張圖片只能節省10-20%,隨著時間的推移,隨著您的商店和網站的增長,每個小KB都可以節省大量成本,也讓瀏覽您網頁的顧客擁有更愉悅的瀏覽體驗。

遵照上述提到的幾個步驟來進行實作,相信您很快就可以從圖片搜尋中導入的流量了。如果您喜歡圖像優化的文章,那麼也可以與其他人分享文章,假設網站需要諮詢服務,也可以諮詢我們顧問

此文章翻譯並改編至原文 (10 Must Know Image Optimization Tips)

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *