什麼是圖片SEO？圖片SEO指透過圖片格式與尺寸管理、語意化命名與Alt 文字、結構化資料、響應式與載入策略等手段，確保圖片被搜尋引擎順利抓取、準確索引，並在匹配度高的查詢中獲得有效曝光。它是GoogleSEO頁面優化中的一個環節。高品質、與正文強相關的圖片更容易被Google搜尋系統採用為預覽（特別是在M端上），並能提升結果頁的點擊率。
但要注意的是，圖片是為整篇文章（或為某些文字）做補充說明的，要避免為湊版面而堆圖。
為什麼要做圖片SEO優化？
更多入口的流量入口
圖片可以作為一個流量入口。優化的圖片不僅能被谷歌索引，進入到圖片搜索，也會作為「文字結果的縮圖」、Discover/新聞卡的大圖、產品/評測頁的預覽圖出現，擴大可見度與點擊面。我們可以從GSC後台中的“Google搜尋結果”，選擇“圖片”這個搜尋類型來查看我們網站在圖片中的展示和點擊次數。
比如說我們在經營外貿獨立站的時候，考慮到使用者的實際需求，我們可能會在網站上傳安裝圖、接線圖（或相關文件），那麼我們需要對這些圖片進行基礎的SEO優化，使其能夠被搜尋引擎收錄。最簡單的優化方法就在為圖片標題和Alt標籤加入相關的關鍵字，比如說某某產品的“installtion guide”, “wiring diagram”這些。
但圖片的格式和HTML有很大不同，想要讓我們的圖片被Google索引，需要滿足比HTML文件更多的要求，我們在下面的圖片SEO優化技巧會展開說明。
更佳的語意匹配
圖片應服務於正文，用來補充與闡明上下文。圖片SEO 的本質，是幫助Google 正確識別我們的這張圖是什麼、與當前主題/用戶查詢是否匹配。為此，Google會參考圖片的上下文、檔案名稱、Alt 文字、圖片標題與圖註（必要時也包括結構化資料）等語意線索。
這些訊號能夠讓Google和其他搜尋引擎正確地理解圖片的內容，並讓圖片能夠與使用者查詢相符。
更好的使用者體驗
優化圖片大小以及選擇合適的圖片格式（如WebP）可以顯著減少頁面的載入時間。一個能夠快速載入的頁面不僅能提高使用者體驗，也是Google搜尋引擎評估頁面品質與排序的重要因素，因此會實實在在地影響我們的SEO效果。
在大多數頁面中，圖片往往承擔LCP（最大內容渲染）角色：載入不當會拖慢LCP、拉低CWV（Core Web Vital）評分；同時若不給 <img> 明確寬高，容易出現CLS（累計佈局偏移），破壞視覺穩定性。
如何進行SEO圖片優化？
在外貿獨立站中，產品圖片不僅是頁面的必備元素，也是影響使用者購買決策的重要因素。高品質的圖片可以增強視覺吸引力，提高使用者停留時間和轉換率。而圖片SEO 優化的目標，是讓搜尋引擎更準確地理解圖片內容，從而在相關搜尋中獲得更多曝光。
即使是部落格內容站，一張清晰詳細的圖片也能夠讓頁面更容易閱讀、增加內容的可信度並吸引用戶進行互動和分享；對於教程類、測評類、案例分析類文章來說更是如此。而且資訊圖表更容易被其他網站引用並連結回來源頁面，為我們的網站吸引外鏈。
做好圖片SEO優化，不需要複雜的技巧，只需要掌握好下面10個圖片SEO技巧中的前5個重點內容就能夠在眾多競爭對手中脫穎而出：
1. 圖片與內容相關
Google能夠結合頁面上下文、Alt 文字、檔案名稱等訊號來理解圖片。如果放在網頁中的圖片與文字不相關，那麼會為Google理解你的網頁帶來困難，甚至影響相關性評分。我們在實際操作當中，需要將圖片放在與之主題高度相關的段落附近，避免堆疊無意義的圖片。
2.替代文本（Alt文本）
Alt文字是最重要的圖片元數據，也是Google 最依賴的訊號之一。當圖片因為網速或其他原因加載失敗的時候，會顯示這個Alt文本，幫助用戶谷歌和用戶理解圖片內容，官方文檔原話是：
Google 會結合使用替代文字與電腦視覺演算法和頁面內容來理解圖片的主題。在編寫替代文字時，需要創建實用、資訊豐富的內容，並且內容要適當地使用關鍵字且與網頁內容相符。也要避免在alt 屬性中濫用關鍵字（也稱為關鍵字堆砌），因為這會導致不良的使用者體驗，並可能導致我們的網站被視為垃圾網站。
3. 選擇正確的圖片格式和壓縮大小
過大的圖片會增加頁面的載入時間，影響使用者體驗。常見的網站圖片格式有：
- GIF：GIF格式支援簡單動畫，色彩數量有限（256色），體積偏大，適用於小型動圖、簡短循環動畫，不適合作為大面積背景或大尺寸圖片
- PNG：PNG適合需要透明背景的影像，如果一個透明圖PNG轉換成其他格式的話透明圖就會變成白底圖/黑色背景圖。適用於Logo、圖示、透明背景圖片、需要高保真度的圖形
- JPG/JPEG：這種格式適用於大多數照片或具有複雜色彩和細節的影像，而且可以做到高壓縮比的同時保留圖片品質。
- WebP：Google推出的新格式，支援有損/無損壓縮，體積更小，可保留透明度。幾乎可取代JPG、PNG 的網頁圖片，適用於加速頁面加載，但有些過時的瀏覽器可能不支援
上傳的時候注意圖片格式的選擇，因為不同格式的檔案大小差異很大。建議最好使用JPG、JPEG、WebP這幾種格式的圖片，這幾種格式在畫質與體積之間平衡較好。 PNG一般是用在透明圖中，Logo中，它的細節保留好，但體積比JPEG 大；而GIF圖片大小會比較大，所以一般不建議。
使用WordPress搭建的獨立站可以使用EWWW Image Optimizer這款圖片優化外掛來幫我們自動優化上傳到網站的圖片。不僅如此，這個外掛還可以將JPG、JPEG格式的圖片轉換成更輕量的WebP格式。 WordPress的圖片優化外掛裡，這款的免費版算是功能最全的了，用起來基本上能涵蓋你對圖片優化的大部分需求。
如果我們想要讓我們的內容出現在Google Discovery中，那麼就需要我們在內容中加入引人注目的高品質圖片，尤其是1200 像素寬的大幅圖片更可能讓我們的網頁透過Google 探索獲得流量。
Google Discovery是Google 搜尋的一部分，可根據用戶的網路與應用程式活動記錄向用戶顯示其感興趣的內容，可以理解為是Google在行動裝置上推出的個人化內容推薦流。我們手機用Chrome瀏覽器的時候將主頁設定為Chrome主頁的時候會出現、一些Google APP中也會出現。
如果你的網站不是用WordPress來搭建的，那麼我們也可以使用線上的壓縮工具來幫我們壓縮圖片的大小。站外壓縮工具的話可以使用：
4. 圖片名稱反映圖片內容
圖片的檔案名稱應該要簡短、使用描述性的文本，例如“black-coffee-on-a-table.jpg”，而不是使用“IMG_123.jpg”這類無意義的命名。必要時可以將關鍵字自然地融入檔案名稱中。建議使用「-」連字符來連結圖片名稱的英文詞彙（如果是中文就不需要），同時避免使用特殊字元。
5. 圖片標題與描述
這兩項雖然比Alt文本的SEO 權重小，但有助於提供補充信息，提升用戶體驗與可訪問性，尤其當用戶滑鼠懸停時仍可展現。
6. 使用懶加載
延遲載入是指延遲載入在首屏中不可見的圖像。加上延遲載入的屬性後，網頁就不會在頁面載入時載入所有圖片，而是僅在使用者捲動時圖片即將進入視圖時下載圖片。這減少了初始載入時間，加快了頁面效能。
使用EWWW Image Optimizer（更推薦，每個外掛程式的專精領域不一樣，圖片優化外掛程式對於圖片的最佳化更專精）、WP Rocket這些WordPress外掛可以很簡單的實作懶載入這個功能。但是切勿過度使用懶加載，並且始終預先載入第一個視窗中可見的圖片。
這一點我們可以在EWWW中去實現，我們在設定中勾選「Lazy Load選項」啟用懶加載，然後在「Above the Fold」中去設定跳過第一張圖片的懶加載，使用預先加載。
懶加載是我們對網站進行效能最佳化時常使用的一個方法，我們通常會參考谷歌的PageSpeed Insights作為網站效能衡量標準。但我想說明的一點是沒有必要為了追求極致的分數而犧牲使用者體驗，因為分數只是技術層面的參考，並不能完全代表真實的存取體驗。
比方說為獨立站增加一個產品搜尋功能明顯有助於優化使用者體驗，並且能夠快速讓使用者找到所需的產品。但增加了這個搜尋功能會讓我們的網站程式碼變得更重，在PageSpeed Insights中分數可能會有所下降，這個時候我們就會面臨著取捨問題。我一貫的做法和建議都是犧牲一點分數來保證使用者體驗——這裡的“用戶體驗”，不僅包括頁面加載速度，還涵蓋了功能易用性、資訊獲取的便利性、內容的可讀性，以及整體的視覺與互動感受。
7. 使用自適應圖片
使用自適應圖片可以讓你在不同尺寸的裝置顯示不同尺寸的圖片，從而提高頁面的載入速度。絕大部分的WordPress圖片優化外掛程式都能夠實現這個功能，例如：EWWW（推薦）、Smush、ShortPixel、Imagify。
但要注意的是帶有文字的橫向圖片（如Banner）通常不適合做自適應圖片，因為無論設備尺寸如何，其內容佈局基本上保持一致。常見的解決方案是分別製作一張PC 端圖片和一張行動端圖片，並透過Elementor製作頁面，透過可見性設定：在PC 端隱藏行動端圖片，在行動端隱藏PC 端圖片。這樣既能確保文字和元素排版在不同裝置上保持清晰可讀，又能避免因縮放造成的內容錯位或模糊。
8. 將圖片載入到網站地圖
在網站地圖中加入圖片路徑可以方便搜尋引擎抓取，如果使用WordPress搭建的網站，使用Rank Math, 或者Yoast SEO可以很簡單的實現。
以RankMath舉例，我們透過Rank Math SEO > Sitemap Settings > General即可設定將圖片載入到網站地圖中。
9. 使用頁面快取外掛程式和CDN
頁面快取插件可以在使用者本地瀏覽器中快取圖片（也包括其他靜態資源如HTML、CSS、JS這些），這樣使用者下次造訪的時候就可以直接從使用者瀏覽器（本地呼叫）中呼叫這些圖片，減少資源請求，極大地提高網頁載入速度。有預算的直接上WP Rocket，免費版推薦WP-Optimize By TeamUpdraft。
10. 使用CDN分發圖片
內容分發網路（CDN）是一組分佈在全球各地的伺服器節點，可以將我們網站的圖片分發到這些伺服器上，並從地理位置上離用戶最近的伺服器位置將我們的網站資源分發給用戶。同時可以幫我們的圖片做格式優化，把網站的圖片資源轉換成佔用資源更小的WebP格式並隱藏來源站IP，提升安全性。
CDN跟頁面快取外掛程式可以同時配合使用以獲得最佳效能。
我們做海外獨立站大都會將網站接上Cloudflare CDN中。 Cloudflare除了提供圖片最佳化加速功能，還提供DDoS防護、Web應用防火牆（WAF）、SSL/TLS 加密等安全服務，是款非常好用的服務。
11. 使用一致的圖片URL
對於大型的圖片特別多的網站，建議同一張圖片要使用一致的圖片URL。如果同一張圖片被指派多個不同的路徑或參數版本，會導致搜尋引擎重複抓取、浪費抓取預算，並可能分散權重訊號，進而影響收錄與排名。