網站優化談到內容跟結構的人很多,但圖片往往是最容易被忽略的一塊。很多網站的圖片都是隨手上傳,檔名還停留在拍攝裝置自動產生的一串數字或英文亂碼,alt文字要嘛完全空白要嘛隨便填,檔案也沒有經過壓縮就直接上傳,結果不只影響搜尋引擎對圖片的理解,連帶拖慢整個頁面的載入速度。圖片SEO其實不難做,只是需要建立習慣,把每一張圖片都當成內容的一部分來處理,而不是可有可無的裝飾。
alt文字的作用是描述圖片內容,不是塞關鍵字的地方
alt文字原本的設計目的,是在圖片無法顯示時(例如視障使用者透過語音報讀,或是網路不穩圖片載入失敗時)提供替代的文字說明,讓使用者仍然能理解這張圖片傳達的資訊。搜尋引擎也會參考alt文字來理解圖片內容,進而影響圖片本身在圖片搜尋結果中的呈現機會。常見的錯誤是把alt文字寫成單純的關鍵字堆疊,例如反覆塞入同一個關鍵字,這種做法不只對搜尋引擎沒有實質幫助,也完全違背alt文字原本該有的說明功能,正確的做法是用簡潔的文字如實描述圖片內容。
檔名命名方式直接影響搜尋引擎對圖片主題的判斷
圖片檔名跟alt文字有類似的邏輯,都是搜尋引擎理解圖片內容的線索之一。如果檔名是相機自動產生的一串英數字組合,對搜尋引擎而言完全沒有意義。建議在上傳前,把檔名改成能反映圖片實際內容的簡短文字,並用連字號分隔多個詞彙,而不是使用空格或底線。這個習慣看似瑣碎,但累積起來,對整個網站的圖片能不能被正確索引跟理解,會有實質的幫助。
圖片壓縮直接關係到頁面載入速度與使用者體驗
沒有壓縮過的原始圖片檔案通常非常大,尤其是現在拍攝裝置畫質越來越高,單張圖片動輒好幾MB,如果網站上有多張這樣的圖片沒有處理過就直接使用,頁面載入速度會明顯變慢。載入速度不只影響使用者體驗,也是搜尋引擎評估網站品質的參考因素之一。壓縮圖片時要注意的重點包括:
- 格式選擇:依照圖片內容特性選擇合適的檔案格式,不同格式在壓縮效率與畫質保留上各有優缺點。
- 尺寸調整:上傳前先把圖片裁切或縮放到網站實際顯示需要的尺寸,而不是直接上傳遠大於顯示區域的原始尺寸。
- 畫質與檔案大小的平衡:壓縮時要在畫質可接受的範圍內盡量降低檔案大小,而不是一味追求極致壓縮導致畫面明顯失真。
圖片周邊的文字內容也會影響搜尋引擎的理解
搜尋引擎除了看圖片本身的檔名與alt文字,也會參考圖片附近的文字內容來輔助判斷這張圖片的主題脈絡。如果一篇文章的圖片跟前後文完全沒有關聯,或是圖片說明文字寫得含糊,搜尋引擎在判斷圖片相關性時就會失去參考依據。因此圖片的擺放位置盡量放在跟主題相關的段落附近,並適時搭配簡短的圖說文字,能讓整體圖片SEO的效果更完整,而不是只優化檔名跟alt文字這兩個單點。
圖片的載入方式與版面穩定度同樣值得留意
除了單張圖片的處理,整體網站在載入多張圖片時的呈現方式也會影響使用者體驗,例如圖片載入過程中造成版面跳動、或是圖片載入順序影響使用者優先看到的內容。良好的圖片載入設計應該讓頁面在圖片載入完成前就先預留適當的版面空間,避免使用者在瀏覽過程中因版面跳動而誤觸其他元素,這雖然不是圖片本身的檔案處理範疇,但同樣屬於圖片SEO需要一併考量的技術細節。
常見問題
圖片alt文字一定要寫嗎？裝飾用的圖片也要寫嗎？
內容相關的圖片建議都要填寫alt文字,清楚描述圖片內容。單純裝飾用、不帶任何資訊的圖片,可以留空或做適當標示,讓輔助工具知道這是裝飾性質不需要報讀說明,重點是依圖片的實際功能決定是否需要文字描述,而不是每張圖片都硬塞文字。
圖片檔名要用中文還是英文比較好？
兩者都可行,重點在於檔名要能反映圖片實際內容,並保持格式一致。如果網站主要使用者是中文使用者,用清楚的中文詞彙描述也沒有問題,關鍵是避免使用完全無意義的英數字組合,讓檔名本身失去描述圖片內容的功能。
圖片壓縮會不會讓畫質變差,影響網站呈現效果？
適度壓縮通常不會造成肉眼可察覺的明顯畫質差異,反而能大幅縮小檔案大小、加快載入速度。真正需要留意的是避免過度壓縮導致畫面出現明顯的色塊或模糊,壓縮程度需要在檔案大小與畫質之間找到平衡點,而不是一味追求最小檔案。
圖片SEO做得好,真的會影響整體網站的搜尋表現嗎？
圖片SEO是網站整體優化的一部分,雖然單獨看不是決定性因素,但圖片載入速度會影響整體頁面效能,而效能又是搜尋引擎評估網站品質的參考項目之一,加上圖片本身也可能透過圖片搜尋帶來額外的曝光機會,因此圖片SEO仍然值得投入基本的優化習慣。
網站上已經有大量沒優化過的舊圖片,需要全部重新處理嗎？
不一定要一次全部處理完,可以優先針對流量較高或重要頁面的圖片著手優化,再逐步擴及其他頁面。同時建議把圖片優化建立成日常上傳圖片時的固定流程,避免未來新增的圖片又重複同樣的問題,長期下來會比一次性大規模處理更容易維持。
想直接討論你自己的網站狀況，或需要一份初步的搜尋機會評估？
加入京采 LINE 好友