在當今的數碼時代，網站的成功不只依賴於文字內容，圖片的質量在吸引用戶、提供資訊和增強用戶體驗方面也起到了至關重要的作用。然而，許多網站所有者在SEO圖片優化方面經常忽視一些關鍵要點。
Raymond C (SEO Specialist) 將在本文介紹5大主要注意事項優化網站中的圖片，並提高網站的SEO表現。
為什麼SEO圖片優化重要？
SEO圖片優化有助提高圖片在Google等搜尋的曝光機會，間接增加自然搜尋流量。下列是圖片優化的3大因素：
- 網站載入速度：未經優化的圖片檔案大小可能較大，圖片下載需時，網頁載入速度變慢。此外，網頁的載入速度不但是Google排名因素之一，也會影響用戶體驗。
- 維持良好的用戶體驗：圖片質量能夠提高用戶留存率和參與度。用戶更有可能與頁面互動，分享內容，並花更多時間瀏覽網站。
- 增加搜尋引擎曝光：使用適當的ALT關鍵字和文檔名，可以提高圖片在某關鍵字的相關性，也能幫助視障用戶理解圖片內容。
SEO圖片優化5大策略
現在我們從SEO角度討論圖片優化，不少對SEO有基本理解都可能會接觸到ALT方面的設置。然而，圖片優化並不只限於這類標籤及關鍵字上：
一、圖檔名和ALT關鍵字優化
雖然目前的搜尋引擎技術有所進步，但是對於圖片的理解和處理仍然是不足的。許多時仍要需要依靠基本的文字等訊息來判斷圖片的內容，因此關鍵字仍有一定的作用：
具體的圖檔名稱
圖片的檔案名稱可以包含相關關鍵字，這有助於搜尋引擎了解圖片內容。請避免使用無意義的文件名，如”圖片001.jpg”，而應該使用包括相關關鍵字的文件名，例如”red-rose.jpg”，也要避免關鍵字堆砌。
ALT優化
圖片的ALT是指圖片<img>標籤中的”alt”屬性，ALT是指”替代文本”（Alternative Text）的意思。
ALT文本不但能增加圖片在某關鍵字中的相關性，其主要作用是讓視障用戶能夠具體了解圖片內容。即使圖片失效，也能大概了解圖片內容。
在優化ALT時，主要要簡潔明了地描述圖片內容，並包括相關關鍵字。避免過度堆砌關鍵字。
圖片結構化資料
使用Schema.org的結構化資料，如：Article and BlogPosting類型文章，配合 ImageObject標記，來為圖片提供額外資訊，這類資料有助於搜尋引擎更容易理解圖片內容。
二、使用常見的圖片格式：JPEG、PNG、WebP：如何選擇？
選擇正確或常見的圖片格式是很關鍵的。對於彩色照片和細節複雜的圖片，JPEG格式通常是首選。JPEG使用有損壓縮，可以在保持良好質量的同時減小文件大小。
對於圖形和圖片，PNG可能更適合，因為它支持透明背景。
現代格式WebP結合了JPEG和PNG的優點，但目前並非完全普及，有些瀏覽器可能不完全支持。
Raymond 目前的建議是以 JPEG格式為主。
三、優化圖片尺寸：響應式設計—根據螢幕大小使用不同尺寸
現代網站需要配合各種電子設備，從台式電腦的大螢幕到智能手機的小螢幕。因此，網站需要使用響應式設計原則來確保圖片能夠適應不同螢幕大小。圖片可以使用`srcset`屬性，您可以根據用戶設備的像素密度提供不同解析度的圖片，以確保圖片在不同設備上都清晰顯示。
響應式圖片可以根據用戶設備和螢幕大小載入不同解析度的圖片，這也有助於避免載入不必要的肥大圖片，從而提高頁面性能。
四、提高頁面載入速度
壓縮圖片：減少圖檔大小
大型圖片文件會增加網頁的載入時間，這可能導致用戶流失和降低SEO的表現。壓縮圖片有效減少圖檔文件的大小，顯著提高網頁的加載速度。
圖片壓縮主要有損壓縮及無損壓縮。有損壓縮會大幅度減少圖片檔案大小，但會降低圖片質量。無損壓縮可以保持圖片質量，但圖檔大小較大。選擇適當的壓縮類型，以確保頁面速度和圖片質量之間的最佳平衡。
常見的圖片壓縮工具如：圖片處理工具Photoshop、Riot圖檔壓縮工具；線上工具如：TinyPNG、Compressor.io；對於WordPress等CMS，有許多WordPress插件可自動壓縮上傳的圖片，例如：Smush和EWWW Image Optimizer等。
Raymond個人建議使用Photoshop或Riot先進行圖片壓縮預製，然後再上傳到Wordpress等CMS。個人實測WordPress插件圖片壓縮程度不太理想，故不推薦圖片未經處理直接上傳WordPress經插件處理。
使用圖片Lazy Load：延遲圖片載入
為了提高網頁載入速度，可以使用圖片Lazy Load技術。
這樣圖片只會在用戶滑動到圖片附近時才開始載入，這可以顯著減少初始網頁載入時間，提高用戶體驗。
五、建立圖片XML Sitemap
建立一個圖片XML Sitemap，並將其提交給搜尋引擎。這將幫助搜尋引擎索引圖片並在搜尋結果中顯示它們，提高圖片的曝光度並增加網站流量。
結論：圖片優化對SEO有幫助
從SEO角度，圖片優化是一個On-Page SEO優化領域分支。通過選擇正確的圖片格式、優化圖片尺寸和解晰度、文件名和ALT文本優化、增加頁面載入速度以及建立圖片XML Sitemap等方法，可以提高網站的速度、用戶體驗，並在搜尋引擎中獲得更好的曝光及排名。
