「圖片放上去就有流量」是許多人對於圖片SEO的誤解。搜尋引擎並不會像人類一樣看懂圖片的內容，想要讓Google或Bing等搜尋引擎知道你圖片中的內容並抓取放在搜尋結果上，還需要一些小技巧。本文就要來告訴你圖片SEO該如何優化，才能夠讓搜尋引擎知道你的圖片有什麼內容、可以放在哪裡。
圖片SEO是什麼？為什麼重要？
圖片SEO指的是優化圖片的方式，讓搜尋引擎能夠更好理解圖片的內容，並在相關搜尋結果中顯示出來。由於搜尋引擎無法直接「看」圖片，必須透過分析圖片的說明文字、周圍文字、檔名等資訊來理解。因此，圖片SEO的目的就在於提供搜尋引擎足夠的資訊，以幫助其判斷圖片的內容和相關性。
透過正確的圖片SEO優化方法，可以幫助網站獲得以下的效益：
- 提升網站排名：高品質且經過優化的圖片可以增加網頁的相關性和吸引力，進而提升網站在搜尋結果中的排名。
- 增加流量：當圖片出現在搜尋結果中時，可以吸引使用者點擊，為網站帶來更多流量。
- 改善使用者體驗：優化後的高品質圖片可以使網站更具吸引力，增加使用者停留時間，甚至提高轉換率。
延伸閱讀：SEO是什麼？2025 SEO優化指南，6大排名因素與優化4步驟懶人包
為什麼要優化圖片
除了上述所提到的提升排名、增加流量、改善使用者體驗之外，圖片SEO還有以下幾個優點：
- 提升載入速度：圖片優化後可以減少檔案大小，進而提升網站的載入速度，並提高使用者體驗。
- 提升行動裝置瀏覽體驗：響應式圖片設計可以確保圖片在各種裝置上都能夠完美顯示，提升行動裝置使用者的瀏覽體驗。
- 增加圖片搜尋曝光度：透過適當的優化及使用關鍵字，可以提高圖片在搜尋引擎上的曝光度，吸引更多目標受眾。
11種圖片SEO最佳優化方法
◆選擇最佳圖片格式與尺寸
Google 圖片目前支援以下格式的圖片： BMP、GIF、JPEG、PNG、WebP 和 SVG 。
而將圖片放置於網頁的方式有很多種，一般來說會建議各位用最簡單遷入方式，對於Google來說是最好檢索的方法(如下表所示)。
⭕ <img src=”dogfeed.png”>
但有些網站會使用CSS方式將圖片放置在區塊的背景之中，這將是一個很不好的示範，Google無法正確讀取圖片檔案，進而無法顯示在搜尋結果中。
❌<div style=”background-image:XXX”>
◆ 增加alt
在<img>標籤中有一個名叫alt的屬性，最初是協助看不到網頁中圖片的使用者，顯示alt內的文字，或是藉由其他工具念出內容，讓使用者了解該區塊原本應該存在什麼圖片。而Google現在也會藉由alt屬性，協助判斷該圖片的主要含意是什麼，因此建議各位上架圖片時，可以順手增加該代碼。
假設該頁面中含有介紹了狗飼料的圖片，則會建議alt中適當增加關鍵字及其敘述如以下撰寫
⭕<img src=”dog_feed.png” alt=”好吃的狗飼料”>
⭕<img src=”dog_feed.png” alt=”滿足狗狗一天營養所需的狗飼料”>
但如果是項以下方式填寫過多關鍵字，則是一個不好的示範
❌<img src=”dog_feed.png” alt=”狗飼料、好吃的狗飼料、健康狗飼料、美味狗飼料、便宜狗飼料、狗飼料推薦”>
◆減少圖片大小
依照pagespeed使用經驗，建議單張圖片大小最多不可以超過400kb以上，否則將會對FCP、LCP等網頁載入指標有較大的影響。若是可以將圖片大小壓縮在100~200kb內，對於圖片畫質及SEO效果來說會是最好的平衡點。
◆圖片延遲加載(Lazy Loading)
在頁面中放置多張圖片時，啟用圖片延遲加載（Lazy Loading）功能，可以讓瀏覽器只在圖片即將出現在使用者螢幕視窗時，才載入該圖片，避免一次性載入所有圖片，導致首屏速度變慢、用戶等待時間過長，甚至影響SEO分數。
◆在圖片周圍寫內容
除了上面的alt，Google也會藉由圖片周圍的文字來判斷該圖片的主要含意，因此建議各位若頁面上或是文章中有重要的圖片，可以在圖片下方撰寫註解，也是一個不錯的小方法。
◆圖片內不要放文字
在圖片內的文字對於Google來說，不像人眼一樣可以一看就懂，需要耗費更多的資源來判斷外，也有可能直接忽略該圖片。
像是電商網站中，經常會將商品文宣放置在圖片中，這對於SEO優化中是一個非常可惜的方式。因此建議各位盡量不用再圖片中放文字，或是仿照上個方式，在圖片周圍加上圖片文宣的補充說明，對於圖片SEO來說是一個很好的改進方法。
◆在圖片周圍寫內容
除了上面的alt，Google也會藉由圖片周圍的文字來判斷該圖片的主要含意，因此建議各位若頁面上或是文章中有重要的圖片，可以在圖片下方撰寫註解，也是一個不錯的小方法。
◆增加圖片載入速度
圖片的載入速度除了影響排名之外，也會影響使用者的體驗、圖片的檢索速度等等，因此各位可以參考以下方案，減少圖片的大小或載入時間，將有助於SEO的競爭力。
- 使用檔案容量較小的格式，如：webP、ipg
- 藉由網路上的工具，在圖片不失真的狀況下壓縮圖片
- 提供RWD響應式圖片，在不同的設備上載入不同大小的圖片，對於小螢幕的設備，可以有效減少需要載入的資料
◆圖片sitemap
圖片sitemap就跟普通的sitemap一樣，藉由收錄網站內所有圖片的網址，提供Google一個良好的清單來檢索圖片，同時讓Google發現一些難以被找到的圖片。
建議讀者可以參考Google圖片sitemap範例，或是利用網站內建的外掛程式，為網站新添加一個sitemap。
◆新增結構化資料
關於結構化資料，各位可以看看另一篇結構化資料(Schema)是什麼？利用複合式搜尋結果提高SEO效力！。
遵照Google的步驟為各頁面添加結構化資料，並加上”image”的屬性，可以加深Google對於該圖片的理解及重要度的判斷喔！
◆響應式圖片與行動裝置最佳化
想要讓你的圖片在各式裝置上皆可以完美呈現，甚至是影響排名，那麼響應式圖片就是一個很好的優化方式，因為RWD的設計可以讓圖片在各式裝置、各種解析度下皆有良好的表現，提升使用者體驗。
圖片SEO常見錯誤
- 圖片過大、影響載入速度：這會導致使用者體驗下降，甚至影響排名。
- 未添加alt屬性：缺乏alt屬性會使搜尋引擎難以理解圖片內容，也不利於視障使用者。
- 圖片格式不當：使用不適合的圖片格式可能會影響圖片的清晰度或載入速度。
- 缺乏圖片與網頁內容的相關性：如果圖片與其周圍的內容無關，可能會降低搜尋引擎對該網頁的評價。
- 未使用響應式圖片設計：這會導致圖片在不同裝置上顯示不佳，影響使用者體驗。
- 忽視圖片載入速度：未優化圖片載入速度可能會影響整體網頁的載入速度和使用者體驗。
- 未使用結構化資料：忽視結構化資料會使搜尋引擎難以理解圖片在網頁中的角色，降低其在搜尋結果中的曝光機會。
圖片SEO不僅僅是為了提升圖片本身的搜尋排名，還可以大大影響網站的整體表現。如果你也正在為SEO優化而煩惱，歡迎追蹤己見室與FB粉絲團，讓我們帶你一起衝刺SEO！如果你有任何問題，也歡迎在下方留言，我們都很樂意為你解答。
Last Updated on 17 7 月, 2025 by 己見室
