圖片SEO怎麼做？讓網站圖片被理解、索引與快速載入的優化流程

圖片 SEO 是什麼？為什麼會影響網站曝光？

圖片 SEO 是讓網站圖片能被搜尋引擎找到、理解、索引，並在一般搜尋與 Google 圖片搜尋中取得曝光的優化工作。圖片優化不只處理檔案大小，也包含 alt、圖片檔名、周邊文字、圖片位置、格式與載入速度。

對內容頁、電商頁、作品集或 B2B 官網來說，圖片通常不是裝飾品。它會幫助搜尋引擎確認頁面主題，也會影響使用者是否願意停留、閱讀、點擊或購買。我的判斷是，圖片 SEO 最容易被低估，因為很多網站只在文章寫完後隨手上圖，卻沒有把圖片當成頁面內容的一部分處理。

圖片 SEO 不只是在 alt 塞關鍵字

把每張圖的 alt 都寫成「圖片 SEO、圖片優化、SEO 排名」不是優化，反而會讓語意變混亂。alt 的任務是描述圖片內容與用途，檔名、caption、周邊段落、頁面主題與圖片本身也都會一起影響搜尋引擎的理解。

例如一張「WordPress 後台設定圖片替代文字」的截圖，好的 alt 可以是「WordPress 媒體庫中的圖片替代文字欄位」。如果硬寫成「圖片 SEO 優化排名技巧」，讀者與搜尋引擎都無法準確知道圖片在說什麼。

圖片可以帶來哪些 SEO 價值？

• 增加 Google 圖片搜尋曝光，特別適合教學、產品、案例、流程圖與比較圖。
• 讓頁面主題更清楚，圖片周邊文字與 alt 能補強內容語意。
• 改善閱讀節奏，降低長篇內容的理解成本。
• 提升搜尋結果縮圖吸引力，間接影響使用者點擊意願。
• 降低圖片過大造成的載入負擔，改善行動裝置體驗。

Google 如何理解與排序圖片？

Google 會先確認圖片能不能被爬取，再判斷圖片代表什麼，最後依照圖片本身、所在頁面與搜尋意圖決定曝光機會。圖片 SEO 的重點可以用「爬取、索引、排序」三階段來看，這比單純檢查 alt 更接近實際執行順序。

爬取：Google 要先看得到圖片

圖片如果無法被搜尋引擎發現，後面的 alt、壓縮與格式都沒有發揮空間。重要圖片應使用標準 HTML 圖片元素，圖片 URL 要穩定，不能每次載入都產生不同路徑。

• 確認圖片可直接開啟，不是 404、403 或需要登入。
• 確認 robots.txt 沒有封鎖圖片資料夾。
• 重要內容圖片不要只用 CSS background-image 呈現。
• lazy loading 不要讓首屏核心圖片延遲到影響顯示。
• 行動裝置與桌機版應保留一致的主要圖片、alt、caption 與相關文字。

索引：Google 要知道圖片代表什麼

圖片索引依靠多個語意訊號，不是只看單一欄位。替代文字、圖片檔名、周邊段落、caption、頁面標題與圖片所在位置，都會協助 Google 判斷圖片的主題。

排序：圖片所在頁面也會影響表現

圖片不是脫離頁面單獨競爭。相同品質的圖片，放在主題明確、內容完整、內部連結良好、載入速度正常的頁面上，通常比放在薄弱頁面更有曝光機會。

這也是很多網站做完壓縮卻看不到明顯成效的原因。速度只是門檻，圖片所在頁面是否回答搜尋需求、圖片是否靠近相關段落、頁面是否有足夠主題權重，才會決定圖片有沒有機會被搜尋結果選中。延伸的內容架構可參考 內部連結策略 與 Google 排名因素 2026。

圖片 SEO 優先級 checklist：先做這 7 件事

圖片 SEO 要先處理會直接影響理解與速度的項目，再處理格式、位置與進階驗證。最務實的順序是先補 alt、改檔名、壓縮圖片、調整尺寸，再檢查格式、周邊文字、圖片 sitemap 與 Search Console 成效。

第一優先：alt、檔名、壓縮、尺寸

• 替每張有資訊價值的圖片寫出自然 alt。
• 上傳前把檔名改成可讀、描述性英文短詞。
• 壓縮圖片，避免保留相機或設計稿輸出的超大檔案。
• 依實際版面需求輸出尺寸，行動版不該下載桌機用的大圖。

第二優先：格式、位置、周邊文字

第三優先：圖片 sitemap、結構化資料、GSC 追蹤

1. 圖片量大、圖片由 JavaScript 載入或使用 CDN 時，評估是否補圖片 sitemap。
2. 商品頁、食譜頁、文章頁依實際內容使用 Product、Recipe 或 Article 結構化資料。
3. 在 Search Console 的成效報表中切換 Search type 為 Image，觀察圖片搜尋曝光與點擊。
4. 比較優化前後的查詢、頁面與曝光變化，不只看單日數字。

Alt Text 怎麼寫才對 SEO 有幫助？

Alt Text 應該描述圖片內容、圖片用途與頁面情境，讓搜尋引擎與輔助工具都能理解圖片。好的替代文字會自然包含必要資訊，但不會為了 SEO 把關鍵字塞滿。

好的 alt 應該描述圖片內容與用途

寫 alt 時先問三個問題：圖片中有什麼、它出現在這段內容的目的、讀者看不到圖片時需要知道什麼。這個判斷比背固定公式更可靠。

哪些圖片不用寫 alt？

純裝飾圖片可以使用空 alt，讓螢幕閱讀器略過它。判斷方式很直接：如果拿掉圖片後，讀者不會少掉任何資訊，通常就不需要硬寫描述。

• 背景紋理、裝飾線條、無資訊價值的視覺點綴，可用 alt=""。
• 按鈕 icon 若旁邊已有文字標籤，通常不需要重複描述。
• 資訊圖、流程圖、數據圖、產品圖、截圖，需要寫 alt。
• 圖片內含重要文字時，正文應保留可讀文字，alt 只補足圖片描述。

電商產品圖的 alt 寫法

電商產品圖的 alt 要服務兩件事：讓搜尋引擎理解商品，也讓使用者在圖片無法顯示時知道商品差異。品牌、品名、型號、顏色、角度與款式通常比促銷語更重要。

圖片檔名、格式、尺寸與壓縮怎麼做？

圖片檔名、格式、尺寸與壓縮會同時影響搜尋引擎理解與頁面載入速度。基本原則是檔名可讀、格式符合用途、尺寸接近實際顯示大小，並在不明顯犧牲清晰度的前提下壓縮。

圖片檔名要可讀、具描述性

圖片檔名不需要寫成長句，但應該比 IMG_001 或 download-final-new 更有意義。建議使用英文小寫、短詞、連字號，並讓檔名貼近圖片主題。

• 不建議：IMG_5821.jpg
• 不建議：seo123-final-v2.png
• 建議：image-seo-alt-text-example.webp
• 建議：product-schema-image-example.png

中文檔名不是絕對不能用，但實務上容易遇到編碼、分享、搬站或外部工具支援問題。台灣網站若要降低維護成本，我會優先用英文描述性檔名。

圖片格式怎麼選：WebP、JPEG、PNG、SVG

圖片尺寸與壓縮：不要上傳比顯示尺寸大太多的圖

很多網站速度慢，不是因為圖片格式錯，而是直接把設計稿或相機原圖丟上網站，再用 CSS 縮小顯示。使用者在手機上看到小圖，瀏覽器卻下載大圖，這是最常見也最浪費的問題之一。

• 先確認版面實際需要的顯示寬度，再輸出接近的圖片尺寸。
• 同一張圖可提供不同尺寸版本，支援 responsive images。
• 首屏大圖要特別小心，避免拖慢使用者第一次看到內容的時間。
• 壓縮後要人工檢查，不要為了小檔案犧牲產品細節或教學圖可讀性。
• 用 PageSpeed Insights 或瀏覽器開發者工具檢查是否有過大的圖片資源。

圖片放在哪裡也會影響 SEO

圖片位置會影響搜尋引擎與讀者理解圖片的上下文。核心圖片應靠近相關段落，重要資訊不要只藏在圖片內，圖片與文字說明越一致，越容易支援頁面主題。

核心圖片應靠近相關段落

如果段落在說 alt 寫法，旁邊放的就應該是 alt 範例、後台設定截圖或正反案例。把圖片集中放在文章開頭或結尾，看似版面整齊，但對理解與 SEO 都不一定有幫助。

我通常會把圖片視為段落證據：流程圖放在流程旁、產品細節圖放在規格旁、案例截圖放在成果說明旁。這樣做的好處是讀者不需要來回找圖，搜尋引擎也能從周邊文字讀到更明確的語境。

不要把重要文字只放在圖片裡

搜尋引擎可以處理圖片內容，但重要文字仍應放在 HTML 文字中。價格、規格、步驟、功能說明、比較表，如果只存在圖片裡，會降低可讀性、可維護性與無障礙品質。

• 資訊圖中的重點，正文應有文字版摘要。
• 產品規格不要只放在圖片，商品頁也要有可讀文字。
• 圖片中的按鈕或文字，不應取代真正的 HTML 連結與標題。

不同網站類型的圖片 SEO 重點

不同網站的圖片 SEO 優先順序不一樣。部落格要強化理解，電商要兼顧產品辨識與轉換，B2B 與作品集要讓案例與服務更可信，新聞與內容站則要重視速度與圖片索引穩定性。

部落格與知識型網站

部落格圖片應該幫助讀者理解概念，不只是讓版面看起來不空。教學文可以使用流程圖、截圖、範例表格與對照圖，並讓圖片緊貼相關段落。

如果內容談 關鍵字佈局，圖片就應該支援標題、段落、內部連結或範例，而不是放一張跟主題只有弱相關的辦公室圖。

電商網站

電商圖片同時影響搜尋曝光與購買決策。商品首圖要清楚，細節圖要能說明材質、尺寸、款式與功能，alt 則要描述商品，不要堆促銷字。

商品數量多時，建議建立命名規則與壓縮流程，避免每次上架都靠人工臨場判斷。大型電商也應把圖片 SEO 納入 電商 SEO 的基本上架檢查。

B2B 官網與作品集網站

B2B 與作品集網站常見問題是圖片看起來精美，但搜尋引擎讀不到足夠脈絡。案例圖、服務流程圖、成效截圖要搭配具體說明，讓圖片能支援信任與主題相關性。

圖庫圖片可以使用，但不能取代真實案例與可讀文字。我的看法是，B2B 網站的圖片 SEO 不應只追求圖片搜尋流量，更要讓圖片幫助頁面說清楚「這家公司做過什麼、怎麼做、成果在哪裡」。

舊網站如何檢查圖片 SEO？

舊網站檢查圖片 SEO 要先找出大圖、慢圖、缺 alt、破圖與沒有曝光的圖片，再依影響範圍排序修正。不要一開始就追求完美，先處理會拖慢頁面或影響主要流量頁的問題。

先找出太大、太慢、缺 alt 的圖片

用 Search Console 看圖片搜尋成效

Search Console 可以用來檢查圖片搜尋是否帶來曝光與點擊。進入成效報表後，將 Search type 切換為 Image，再查看查詢、頁面、國家與日期變化。

1. 進入 Search Console 的搜尋成效報表。
2. 將 Search type 從 Web 改成 Image。
3. 查看 Queries，確認圖片曝光來自哪些搜尋字。
4. 查看 Pages，找出哪些頁面從圖片搜尋取得點擊。
5. 比較優化前後 28 天或更長區間，避免被短期波動誤導。

要注意，Search Console 的 Pages 顯示的是使用者點擊圖片後進入的頁面，不一定是圖片檔案 URL。判讀時應回到該頁檢查圖片位置、alt、檔名與周邊文字。

圖片 Sitemap、結構化資料與授權資訊需要做嗎？

圖片 sitemap、結構化資料與授權資訊不是每個網站都必做，但在圖片量大、圖片靠 JavaScript 載入、電商或內容型網站中很有價值。判斷原則是：搜尋引擎是否容易發現圖片，以及圖片是否需要和商品、文章、食譜或授權資訊建立更清楚的關係。

什麼情況需要圖片 Sitemap？

結構化資料如何支援圖片理解？

結構化資料可以把圖片和頁面實體連起來，例如商品頁的產品圖片、文章頁的主圖、食譜頁的成品圖。它的價值是讓搜尋引擎更清楚頁面元素之間的關係，但不能把不存在的資訊硬標記上去。

Product schema、Recipe schema、Article schema 都可能使用 image 屬性。正確做法是標記頁面上真實可見、與內容一致的圖片，不要為了追求豐富結果而標示無關圖片。WebP、schema 或 sitemap 都不是排名保證，它們只是讓圖片更容易被理解、發現或呈現。

圖片 SEO 常見錯誤

圖片 SEO 最常見的錯誤，是只做單點優化卻忽略整體流程。關鍵字堆疊、圖片過大、檔名無意義、破圖、只壓縮不補語意，都是會削弱圖片搜尋表現與頁面體驗的問題。

所有圖片都塞同一組關鍵字

重複 alt 是很多網站的老問題，尤其是電商分類頁與大量文章圖。十張不同圖片都寫同一組關鍵字，搜尋引擎反而更難判斷每張圖片的差異。

比較好的做法是讓每張圖回到它自己的內容：產品圖描述產品，截圖描述畫面，流程圖描述流程，裝飾圖留空。SEO 的細節常常不是做更多，而是不要讓訊號互相打架。

只壓縮圖片，卻不處理語意訊號

圖片變小可以改善速度，但搜尋引擎仍需要知道圖片在說什麼。只做壓縮，卻沒有 alt、檔名、周邊文字與合適位置，圖片仍可能只是載入很快的模糊訊號。

反過來，只寫 alt 卻放任圖片拖慢頁面也不完整。好的圖片 SEO 應同時讓圖片被理解、被發現、載入夠快，並且真的支援頁面內容。這套觀念也應和整體 內容行銷策略 配合，而不是把圖片當成最後補上的素材。

圖片 SEO 優化結論：先讓圖片被理解，再讓圖片變快

圖片 SEO 的執行順序很清楚：先讓搜尋引擎看得到圖片，再讓它理解圖片，接著改善載入速度，最後用 Search Console 驗證圖片搜尋成效。最該先做的是 alt、檔名、尺寸、壓縮與圖片位置，進階需求再處理 sitemap、結構化資料與授權資訊。

• 重要圖片要能被爬取，不要破圖或被封鎖。
• alt 要自然描述圖片內容與用途，裝飾圖可留空。
• 圖片檔名要可讀，避免 IMG_001、image1 這類無意義名稱。
• 圖片尺寸要符合實際顯示需求，避免行動裝置下載過大圖片。
• 格式依用途選擇，不要把 WebP 當成排名保證。
• 核心圖片要靠近相關段落，重要文字要保留在 HTML 文字中。
• 用 Search Console 追蹤 Image 搜尋類型下的曝光、點擊、查詢與頁面。

Kevin Lin 的建議是，舊網站不要一次追求全站完美。先挑高流量頁、轉換頁、商品頁和載入速度差的頁面處理，通常比平均分散修正更有效。