圖片SEO怎麼做？2026年圖片優化實戰教學，提升網站排名
深入解析圖片SEO的完整執行流程，從alt文字撰寫、檔案命名、格式選擇到壓縮技巧，助你優化網站圖片，提升載入速度與搜尋引擎可見度。
什麼是圖片SEO？為什麼圖片優化對網站排名很重要？
圖片SEO是指透過技術與內容層面的調整，讓網站中的圖片更容易被搜尋引擎理解、索引，並在圖片搜尋結果中獲得曝光的過程。這不僅是為圖片「取個好名字」那麼簡單，更是整體搜尋引擎最佳化策略中不可或缺的一環。優化的圖片能直接改善網頁載入速度，這是Google Core Web Vitals的關鍵指標之一，速度更快的網站能提供更好的使用者體驗，進而間接影響排名。同時，當搜尋引擎能透過alt文字與檔案名稱準確理解圖片內容時，它能更全面地掌握你整個頁面的主題，這與文字內容的優化形成互補，共同建構網站的主題權威性。
Alt文字怎麼寫纔有效？從目的到範例的完整教學
alt文字（替代文字）的核心目的有二：一是當圖片無法載入時提供文字描述，保障網站的可訪問性；二是為搜尋引擎提供圖片內容的明確線索。撰寫有效的alt文字，建議遵循三個步驟：首先，客觀描述圖片的「核心內容」是什麼；其次，描述應簡潔扼要，通常在一兩句話內完成；最後，在描述中自然地融入與頁面主題相關的關鍵字，避免生硬堆砌。一個常見的錯誤是撰寫如「圖片1」或「點擊這裡」這類無意義的描述，正確的範例應該是「一位女性在咖啡廳使用筆記型電腦工作」。至於何時可以留空alt屬性？通常當圖片純粹是裝飾性質，例如背景紋理或分隔線，且不傳達任何實質資訊時，alt屬性可以設定為空（alt=""），這能讓螢幕閱讀器跳過該圖片，避免幹擾使用者。
圖片檔案命名與格式選擇比較：怎麼做最有利於SEO？
一個對SEO友好的圖片檔案名稱，應使用英文單字、以連字號（-）分隔單字、簡短且具描述性，並包含目標關鍵字。例如，與其使用「DSC001.jpg」，不如命名為「vintage-wooden-desk.jpg」。在圖片格式的選擇上，不同格式各有其適用場景：
- JPEG： 適用於色彩豐富的照片，能透過壓縮有效控制檔案大小，但不支援透明度。
- PNG： 支援無損壓縮與透明度，適合需要保留清晰邊緣的標誌、圖示或透明背景圖片，但檔案通常較大。
- SVG： 為向量圖形格式，可無限縮放而不失真，極度適合標誌、圖示與簡單插圖，且檔案通常非常小。
- WebP： 新一代網路圖片格式，能在相同視覺品質下，提供比JPEG與PNG更小的檔案大小，同時支援透明度與動畫，正成為網頁圖片的首選格式。
壓縮圖片與調整尺寸的實作步驟：兼顧速度與畫質
「壓縮圖片」與「調整圖片尺寸」是兩件不同的事：調整尺寸是指改變圖片的像素解析度（例如從4000像素寬縮小為1200像素寬），這會直接減少檔案大小；壓縮則是在不改變像素尺寸的前提下，透過演算法移除多餘的圖片資料來進一步減檔。實作流程應先調整尺寸至網頁所需的最大顯示寬度，再進行壓縮。推薦的免費工具包括TinyPNG、Squoosh等線上服務，或IrfanView等軟體。壓縮時應反覆預覽，確保重要細節沒有嚴重失真，並使用PageSpeed Insights等工具測試優化前後的載入時間變化。對於響應式設計，可以利用HTML的srcset屬性，為不同螢幕尺寸的裝置提供不同大小的圖片版本，確保使用者下載的是最適合其裝置的圖片，避免在手機上載入過大的圖片檔案。
圖文分離：為什麼不該把文字嵌入圖片？這對SEO有什麼影響？
「圖文分離」指的是避免將重要的文字資訊（如標題、段落、按鈕文字）製作成圖片，而應使用純HTML/CSS文字來呈現。這樣做主要基於兩個原因：第一，搜尋引擎的爬蟲主要讀取HTML文字，嵌入圖片中的文字對它來說幾乎是不可見的，這會導致這些關鍵資訊無法被索引，直接損害頁面的SEO潛力。第二，圖片中的文字無法被螢幕閱讀器讀出，嚴重影響視障使用者的網站可訪問性。正確的做法是將文字與圖片分開處理，圖片僅作為輔助說明或營造氣氛的視覺元素，所有需要傳達的訊息與需要被搜尋的關鍵詞，都應該以可選取、可搜尋的HTML文字形式存在。
圖片SEO常見錯誤與檢查清單
在圖片上傳至網站前，除了檢查alt文字與檔案命名，還應留意幾個最常見的錯誤：使用相機或手機預設的「IMG_xxxx」檔名、上傳未經壓縮的原始高解析度大圖、alt文字完全留空或填寫與圖片無關的關鍵字、使用過時的圖片格式（如BMP），以及將大量文字嵌入圖片中。以下是一份實用的圖片上傳前SEO檢查清單，可確保你的圖片優化到位：
- 檔案名稱是否已改為具描述性、以連字號分隔的英文關鍵字？
- alt文字是否清楚描述了圖片核心內容，並自然包含相關關鍵字？
- 圖片尺寸是否已調整至網頁實際需要的最大寬度？
- 圖片檔案大小是否已壓縮至合理範圍，並在品質上可接受？
- 是否已選擇最合適的圖片格式（優先考慮WebP）？
- 圖片中的重要文字，是否已改用HTML文字呈現？
圖片的 Alt 文字一定要填寫嗎？如果圖片純粹是裝飾性質呢？
並非所有圖片都必須填寫有意義的alt文字。alt文字的核心目的是描述圖片的「內容」與「功能」。對於傳遞資訊的圖片（如產品圖、資訊圖表、文章插圖），填寫精準的alt文字至關重要。然而，若圖片純粹是裝飾性質，例如背景紋理、視覺分隔線或無實質意義的版面元素，則可以使用空白的alt屬性（alt=""），讓螢幕閱讀器直接跳過它，避免造成使用者困擾。判斷標準在於：這張圖片是否提供了額外的、文字未涵蓋的訊息？
圖片檔名用中文或英文哪個比較好？為什麼常看到建議用英文？
強烈建議使用英文檔名。主要原因有二：第一，URL的結構應盡量保持簡潔、通用。英文檔名在各種瀏覽器、作業系統與伺服器環境中，能確保最大的相容性，避免因編碼問題導致圖片連結失效或產生亂碼。第二，搜尋引擎能理解英文單字的語義，例如「blue-widget.jpg」比「DSC_001.jpg」或「產品圖片1.jpg」更能傳達圖片內容。若關鍵字是中文，可使用拼音或通用英文翻譯，並以連字號分隔。
WebP 圖片格式真的比較好嗎？什麼時候我應該繼續使用 JPEG 或 PNG？
從技術規格上看，WebP通常能在相同視覺品質下，提供比JPEG與PNG更小的檔案大小，這對於提升網頁載入速度非常有利。因此，在大多數情況下，WebP是更現代、更高效的選擇。然而，繼續使用JPEG或PNG仍有其場景：若你的網站需要支援非常老舊的瀏覽器（如Internet Explorer），WebP可能不被支持；若你需要無損壓縮的透明圖片，且對檔案大小不那麼敏感，PNG仍然是可靠的選擇；而對於某些需要特定色調壓縮控制的專業攝影圖，JPEG的壓縮設定可能更為靈活。最佳實踐是採用「漸進式增強」策略：以WebP為主要格式，同時提供JPEG或PNG作為備選方案。
壓縮圖片會不會導致品質變得很差？有沒有兼顧品質與大小的方法？
過度的壓縮確實會導致圖片品質明顯下降，出現色塊、模糊或邊緣不清晰等問題。兼顧品質與大小的關鍵在於「找到平衡點」。實務上，可以使用像Squoosh這類工具，讓你即時預覽不同壓縮設定下的視覺效果與檔案大小變化。一個常見的起始點是，將JPEG品質設定在75-85%之間，通常能在肉眼難以察覺品質差異的情況下，顯著減少檔案大小。對於PNG圖片，則可以使用TinyPNG這類工具進行有損壓縮，它能在保留透明度的同時，有效減檔。最終目標是讓圖片在目標設備（如手機）上顯示清晰可接受，且檔案大小符合網頁速度要求。
為什麼設計師喜歡把文字做進圖裡？這樣做對 SEO 到底有什麼壞處？
設計師將文字嵌入圖片，通常是為了追求特定的視覺效果、精確控制排版，或是確保在不同設備上字型顯示完全一致。然而，從SEO與可訪問性的角度來看，這有明確的壞處。首先，圖片中的文字無法被搜尋引擎爬蟲讀取和索引，這意味著如果標題、促銷訊息或關鍵資訊都在圖裡，它們對頁面的主題相關性貢獻為零。其次，這對依賴螢幕閱讀器的視障使用者構成嚴重障礙，他們將完全無法獲取這些資訊，違背了網路無障礙的基本原則。正確的做法是使用HTML與CSS來呈現文字，將圖片用於補充說明或營造氛圍。
除了 Alt 文字和檔名，還有哪些簡單的圖片優化步驟是容易被忽略的？
有幾個步驟常被忽略但影響深遠：一是「圖片尺寸調整」，很多人只進行壓縮，卻忘了先將圖片從原始的超高解析度（如數千像素寬）縮小到網頁實際需要的最大顯示尺寸（例如1200像素寬），這導致瀏覽器需要下載不必要的數據。二是「使用描述性的目錄結構」，將相關圖片放在如 /images/blog/seo/ 這樣的語義化目錄中，能提供額外的上下文線索。三是「為圖片添加結構化資料」（Schema.org），例如產品圖片或文章圖片標記，這有助於在圖片搜尋結果中顯示更豐富的資訊。這些步驟結合基本的alt文字與檔名優化，能形成更完整的圖片SEO策略。