圖片 SEO 怎麼做？12 個實用技巧提升 Google 圖片搜尋排名

圖片 SEO 是什麼？

圖片 SEO，簡單來說，就是讓網站上的圖片更容易被搜尋引擎找到、理解與收錄，進一步提升圖片搜尋曝光與頁面流量。
很多人會把圖片當成文章配角，但其實圖片也可能成為搜尋入口。
像是商品圖、教學截圖、食譜成品圖、設計案例圖、裝潢參考圖，這些都很有機會透過圖片搜尋帶來流量。
所以圖片 SEO 的目的，不只是讓圖片顯示正常，而是讓圖片成為網站內容的一部分，幫助搜尋引擎理解主題，也幫助使用者更快找到答案。

Google 怎麼理解網站圖片？

Google 並不是只看圖片檔案本身，它會綜合多種訊號來判斷這張圖片在講什麼。
例如：

• 圖片檔名
• alt 文字
• 圖片周圍的文字內容
• 圖說
• 頁面整體主題
• 圖片是否能被正常爬取
• 圖片品質與載入速度

這代表一件很重要的事：
圖片 SEO 不是只優化圖片，而是要讓圖片和頁面內容之間有清楚的關聯。
如果你的圖片很清楚，但頁面沒有足夠文字說明，Google 可能還是很難準確理解。
反過來說，如果圖片放在一個主題清楚、文字完整的頁面中，搜尋引擎通常更容易判斷這張圖的用途與主題。

做好圖片 SEO 的三個核心

在開始講技巧之前，可以先記住圖片 SEO 的三個核心方向。

1. 讓搜尋引擎找得到圖片

如果圖片被技術設定擋住，像是 robots.txt 封鎖、noindex、圖片載入方式有問題，那麼圖片再漂亮、檔名再精準，也可能無法被收錄。

2. 讓搜尋引擎看得懂圖片

Google 需要知道這張圖是什麼，和頁面主題有什麼關係。
所以 alt、檔名、圖說和圖片周圍的文字都很重要。

3. 讓使用者覺得圖片有價值

圖片最終還是要服務讀者。
如果圖片模糊、無關、太慢才載入，使用者不會喜歡，搜尋表現通常也不會太好。

12 個圖片 SEO 實用技巧

1. 幫圖片取有意義的檔名

很多網站上傳圖片時，直接使用系統預設名稱，例如：

IMG001.jpg
DSC8842.png
photo123.webp

這些檔名對搜尋引擎幾乎沒有幫助。
比較好的做法，是用能描述圖片內容的檔名。
例如：

• 不佳：IMG001.jpg
• 普通：tablet.jpg
• 較佳：ipad-air-13-blue-front.jpg

這樣做的好處是，搜尋引擎能從檔名中更快理解圖片主題。

2. 每張重要圖片都要寫 alt 文字

alt 是圖片替代文字，也是圖片 SEO 最基本的設定之一。
它的作用不只是幫助搜尋引擎理解圖片，也能提升網站的可存取性。
alt 怎麼寫比較好？
好的 alt 要做到三件事：

• 寫出圖片真正內容
• 和頁面主題有關
• 簡潔自然

例如一張平板電腦商品圖，可以寫成：
Samsung Galaxy Tab S10 Ultra 正面展示圖
這樣的寫法比下面這種更好：
平板 平板推薦 平板價格 平板品牌 平板電腦
後者看起來像在塞關鍵字，既不自然，也不利於理解。

3. 圖片周圍要有相關文字

這是很多人最容易忽略的一點。
Google 在判斷圖片主題時，不只看圖片本身，也會看圖片前後的文字內容。
也就是說，圖片不應該只是插在文章裡，而是要出現在對應的內容段落附近。

• 商品圖放在商品介紹、規格、價格附近
• 教學截圖放在步驟說明旁
• 比較圖放在分析差異的段落中
• 食譜成品圖放在料理成果或做法區塊附近

這樣做不只對搜尋引擎比較友善，對讀者來說也更容易理解。

4. 善用圖說補充資訊

圖說不是一定要有，但如果用得好，效果通常不錯。
因為圖說可以補充 alt 不適合寫太長的內容，也能加強圖片和文章主題之間的關聯。
例如：

• alt：iPad Air 13 吋藍色款正面展示圖
• 圖說：圖為 iPad Air 13 吋藍色款，適合需要大螢幕閱讀、筆記與影音使用的族群

這樣的搭配會比只有圖片沒有說明更完整。

5. 不要用圖片取代重要文字

有些網站為了版面設計，會把重要內容直接做成圖片，例如：

• 主標題
• 導覽選單
• 商品規格
• 教學步驟
• 表格重點

這種做法對 SEO 並不理想。
因為搜尋引擎對 HTML 文字的理解，還是比圖片內的文字更穩定。
正確做法
圖片可以保留，但重要資訊要同步寫在頁面文字中。
也就是說，圖片是輔助，不應該是唯一資訊來源。

6. 使用清楚、有價值的圖片

不是只要放圖片就有幫助。
真正有效的圖片，應該能幫助讀者理解內容，或提供文字以外的重要資訊。
有價值的圖片通常具備這些特徵

• 主體清楚
• 畫面不模糊
• 與內容主題直接相關
• 能幫助判斷或理解
• 比一般素材圖更有資訊價值

例如同樣是「平板電腦推薦」文章：

• 如果只放品牌官圖，差異化有限
• 如果有實拍圖、尺寸比較圖、厚度對照圖、手持情境圖，內容價值會更高

7. 不是圖片越多越好，而是每張都要有意義

有些網站知道圖片重要後，就開始大量插圖。
但圖片太多，不一定比較好，反而可能讓頁面變慢、主題分散。
你可以先問自己：

• 這張圖有沒有幫助讀者理解內容？
• 這張圖有沒有補充文字說不清楚的地方？
• 這張圖是否和本段主題直接相關？

如果答案都是否，那這張圖可能沒有必要存在。

8. 選對圖片格式

圖片格式會影響畫質與檔案大小。
常見格式大致可以這樣理解：
JPG / JPEG
適合照片類圖片，壓縮率通常不錯，使用非常普遍。
PNG
適合透明背景、介面截圖、線條清楚的圖。
但如果拿來放大量照片，檔案可能偏大。
WebP
通常能在不錯的畫質下，把檔案壓得更小。
現在很多網站會優先使用 WebP。
SVG
適合 Logo、icon、向量圖，不適合一般照片。
重點
不是哪個格式一定最好，而是這張圖適合哪種格式。
格式選錯，可能會造成畫質普通但檔案過大，或檔案很小卻模糊失真。

9. 控制圖片大小，避免拖慢網站速度

圖片太大，是網站變慢最常見的原因之一。
尤其商品頁、首頁、部落格文章頁，如果圖片很多但都沒有壓縮，載入速度很容易受到影響。
可以怎麼做？

• 上傳前先壓縮圖片
• 避免上傳超出需求尺寸的大圖
• 用合適格式降低檔案大小
• 依裝置提供適合尺寸的圖片
• 首屏重要圖片優先處理

圖片優化的目標不是一味壓縮，而是在畫質和速度之間取得平衡。

10. 可以用 lazy load，但不要影響收錄

延遲載入可以幫助網站加快初始載入速度，特別是在圖片很多的頁面很常見。
但如果設定方式不對，也可能讓搜尋引擎抓不到圖片。
常見問題

• 圖片必須點擊後才會載入
• 首圖也被延遲載入
• 圖片完全依賴 JavaScript 動態生成
• 使用者看得到，但搜尋引擎不一定抓得到

建議做法

• 首屏主圖不要過度延遲
• 非首屏圖片再使用 lazy load
• 確認圖片即使延遲載入，也能被搜尋引擎發現

11. 圖片多的網站可考慮 image sitemap

如果你的網站圖片很多，像是：

• 電商網站
• 媒體網站
• 圖庫網站
• 作品集網站

那麼建立 image sitemap 會是有幫助的做法。
它的作用不是保證排名上升，而是幫助搜尋引擎更有效率地發現圖片。
特別是網站架構較複雜、圖片量大，或部分圖片是透過前端動態載入時，image sitemap 的價值會更高。

12. 先確認圖片沒有被技術設定擋住

這一點常常被忽略，但其實是地基。
如果圖片根本無法被正常存取，前面做再多優化也不容易有效。
建議先檢查

• 圖片網址能不能正常開啟
• robots.txt 有沒有擋到圖片路徑
• 頁面是否被 noindex
• 圖片是否只能登入後才能看到
• 手機版圖片是否正常顯示
• CDN 或圖片主機是否有封鎖爬蟲

技術問題如果沒先排除，圖片 SEO 很容易卡在最前面。

常見圖片 SEO 錯誤

• 1. alt 寫成關鍵字列表：alt 的功能是描述圖片，不是堆疊關鍵字。
• 2. 圖片和文章主題關聯很低：只是有圖，不代表對 SEO 有幫助。無關圖片反而會讓內容焦點變模糊。
• 3. 所有圖片都用預設檔名：這表示圖片沒有做好語意管理，也浪費了可優化空間。
• 4. 為了清楚而上傳超大圖：畫質未必明顯更好，但網站速度會變慢。
• 5. 手機版圖片體驗很差：現在大多數流量都來自手機，手機版圖片顯示和速度一定要顧。
• 6. 只改圖片，不管頁面內容：圖片 SEO 很少靠單一動作見效，通常還是要和頁面主題、內容品質一起搭配。

圖片 SEO 優化順序建議

如果你現在要開始優化圖片 SEO，建議不要一次全站大改，可以照下面順序做。

• 第一步：先處理技術基礎
  先檢查圖片有沒有被 robots.txt 擋住、頁面是否 noindex、圖片能不能正常被讀取。
• 第二步：優化重要圖片
  先從首圖、商品主圖、教學圖、核心圖片下手，改善檔名和 alt。
• 第三步：補強圖片周圍文字與圖說
  讓圖片和頁面主題的關聯更清楚，不要讓圖片孤立存在。
• 第四步：改善圖片大小與載入速度
  調整格式、壓縮圖片、處理延遲載入與裝置尺寸。
• 第五步：再考慮 sitemap 與結構化資料
  這些屬於進一步加強，但前提是前面的基礎先做好。

FAQ