你的官網圖片，在幫你還是在拖你後腿？
很多中小企業老闆做完官網之後，對圖片的認知停留在「好看就好」。但事實上，圖片是官網裡最常被忽略、卻影響最大的 SEO 細節之一。一張沒有命名好的圖片、一段空白的 ALT 文字、一個沒有壓縮的高解析度 JPEG，可能就是你的官網速度慢、Google 看不懂你在賣什麼的根本原因。
這篇文章要帶你從頭到尾搞懂官網圖片 SEO，不需要懂程式碼，只要掌握幾個核心觀念，就能讓你的每一張圖片都變成 SEO 的幫手，而不是負擔。
第一關：檔名不能亂取，Google 靠它認識你的圖
你有沒有注意過，很多人從手機或相機傳出來的圖，檔名長這樣：DSC_0234.jpg、IMG_20240315.jpg？這對 Google 來說是毫無意義的字串。
Google 的爬蟲在索引圖片的時候，確實會讀取檔名作為判斷圖片主題的線索之一。所以你的圖片在上傳之前，應該要先改好名字。命名原則如下：
- 用英文或拼音，用連字號（-）分隔，例如：
taoyuan-company-website-design.jpg - 包含你想排名的關鍵字，但不要硬塞一堆，自然就好
- 不要用底線（_），Google 把底線當成文字的一部分，
web_design在 Google 眼中是webdesign一個字，而不是兩個字
舉個例子：你是桃園的網站設計公司，有一張展示作品的圖，改名成 taoyuan-website-design-portfolio.jpg 會比 photo001.jpg 好上太多。
第二關：ALT 文字——圖片的「身分證」
ALT 文字（替代文字）原本的設計目的是給視障用戶閱讀，透過螢幕朗讀器讓他們知道圖片在說什麼。但搜尋引擎也用它來理解圖片內容。
一個沒有填 ALT 的圖片，對 Google 來說幾乎是透明的——它知道「這裡有張圖」，但不知道是什麼圖。
寫好 ALT 文字的要訣：
- 用一句話描述圖片實際在呈現什麼，例如：「桃園辦公室網站設計作品展示」
- 自然帶入目標關鍵字，但不要變成關鍵字堆砌，像是「網站設計 桃園 便宜 好看 SEO」這種就過頭了
- 每張圖的 ALT 文字都要不同，不要複製貼上
- 純裝飾用的圖片（例如分隔線、背景圖案），ALT 可以留空
alt=""
如果你用 WordPress 管理官網，在媒體庫上傳圖片的時候就有「替代文字」欄位可以填，別偷懶跳過它。
Photo by Domenico Loia on Unsplash
第三關：圖片格式選對，速度快一倍
很多人習慣用 JPEG 或 PNG，這沒有錯，但現在有更好的選擇：WebP 和 AVIF。
這兩種格式在相同視覺品質的條件下，檔案大小可以比傳統 JPEG 小 30% 到 80%。網站速度是 Google Core Web Vitals 的核心指標，圖片太大直接拖累載入速度，影響 SEO 排名和用戶體驗。
實際上你該怎麼做？
- 如果你用 WordPress：安裝 ShortPixel、Smush 或 EWWW Image Optimizer 等外掛，可以自動幫你把上傳的圖片轉換成 WebP 並壓縮
- 手動處理：上傳前先用 Squoosh（免費，Google 出品）壓縮圖片，可以選 WebP 格式輸出
- 格式選擇建議：照片類用 WebP/AVIF，需要透明背景的圖示或 logo 用 PNG，動態圖則選 GIF 或影片格式
一個簡單的判斷標準：一般內文圖片壓縮後應該在 200KB 以內，首頁大圖盡量不要超過 500KB。
第四關：圖片尺寸與 srcset——手機版也要顧到
很多官網在電腦上看圖片沒問題，但手機版其實是把一張 2400px 寬的大圖硬塞進 390px 的螢幕，只是 CSS 縮小顯示而已。圖片一樣是大檔案，手機一樣要慢慢下載，完全沒有省到效能。
解決方式是使用 srcset 屬性，讓瀏覽器根據裝置寬度自動選擇適合的圖片尺寸。如果你用現代的 WordPress 主題或是請工程師客製化官網，這通常是標準配備。
如果你不確定自己的官網有沒有這個問題，可以用 Google PageSpeed Insights（免費，直接搜尋就有）輸入你的網址分析，它會告訴你哪些圖片需要調整尺寸。
第五關：圖片 Sitemap——讓 Google 找到你所有的圖
你可能知道網站有 XML Sitemap 幫助 Google 索引頁面，但你知道圖片也有 Sitemap 嗎？
圖片 Sitemap 可以讓你主動告訴 Google：「我的網站上有這些圖片，請去索引它們。」這對於一些透過 JavaScript 動態載入的圖片、或是藏在滑桿、Gallery 裡的圖片特別重要——Google 的爬蟲有時候讀不到這些圖。
如果你用 WordPress，Yoast SEO 或 Rank Math 等外掛會自動幫你產生含圖片資訊的 Sitemap，不需要手動處理。確認一下你的外掛有沒有開啟這個功能就好。
Photo by Mohammad Rahmani on Unsplash
從哪裡開始？給老闆的實戰清單
如果你覺得以上講了很多，不知道從哪下手，這裡給你一個優先順序：
- 先修 ALT 文字：打開你的 WordPress 媒體庫，從官網主要頁面的圖片開始，把空白的 ALT 一一補上。這是成本最低、效果最直接的一步。
- 跑一次 PageSpeed Insights：看看 Google 告訴你哪些圖片需要壓縮或調整尺寸，有方向才有行動。
- 安裝圖片壓縮外掛：未來上傳的新圖片讓外掛自動處理，不需要每次都手動壓。
- 養成上傳前先改檔名的習慣：這個成本最低，只要改一個習慣，長期效益很高。
圖片 SEO 不是什麼高深技術，但就是這些「你以為不重要、別人也沒做」的細節，累積起來就是你和競爭對手之間的差距。官網不是做完就沒事，每一個細節都在決定 Google 怎麼看你、客戶怎麼找到你。
如果你不確定自己的官網目前圖片狀況如何，歡迎聯絡我們，我們可以幫你做一次完整的官網健診，找出影響排名的具體問題。
