圖片SEO優化實戰：從Alt Text到檔名命名的關鍵技巧

什麼是圖片 SEO？為何它對你的網站很重要？

圖片 SEO 是針對網站中的圖片進行一系列技術與內容的優化，目的在於讓搜尋引擎能更準確地理解圖片內容，並提升使用者找到相關圖片的機會。這不僅關乎於讓圖片在 Google 圖片搜尋中獲得曝光，更直接影響了包含這些圖片的網頁在搜尋結果中的表現。

優化圖片帶來的核心效益主要有三點。第一，能有效提升來自 Google 圖片搜尋的流量，讓更多潛在訪客透過圖片找到你的網站。第二，經過壓縮與正確格式化的圖片能大幅減少網頁傳輸體積，直接改善 Core Web Vitals 中的 最大內容繪製 (LCP) 等關鍵指標。第三，為圖片撰寫精確的替代文字 (Alt Text) 是網站無障礙訪問的基本要求，能幫助使用螢幕閱讀器的使用者理解圖片。

從最基礎的 Alt Text 撰寫、檔案命名，到進階的格式選擇與響應式載入，本篇指南將提供一套完整的檢查清單與實作步驟。

Alt Text 優化實戰指南

Alt Text（替代文字）是嵌入在 HTML 標籤中的屬性，當圖片無法載入時會顯示為替代內容，更重要的是，它是搜尋引擎與輔助技術理解圖片含義的主要線索。撰寫 Alt Text 的核心原則是：用精確的文字描述圖片的內容與功能。

一個好的 Alt Text 應當具體描述圖片中是什麼、做什麼或代表什麼。例如，對於一張展示 WordPress 網站速度測試結果的截圖，良好的 Alt Text 可以是 alt="使用 GTmetrix 進行 WordPress 網站速度測試，顯示 LCP 分數為 1.2 秒"。相反地，無意義的檔名 alt="IMG_001" 或過度堆砌關鍵字的 alt="WordPress 優化 網站速度 SEO 技巧" 都是不推薦的做法。

撰寫時請留意：避免關鍵字堆砌，應以自然語句描述；純裝飾性圖片（如分隔線、背景紋理）可使用空值 alt=""，讓螢幕閱讀器直接跳過；確保 Alt Text 與圖片所在段落的上下文主題相關。雖然有些 WordPress 外掛提供批次生成 Alt Text 的功能，但這些自動生成的文字往往不如手動檢查與撰寫的描述來得精準，建議將外掛視為輔助工具。

圖片檔名命名最佳實踐

圖片的檔案名稱是搜尋引擎在索引圖片時會參照的另一個重要訊號。一個具有描述性的檔名能幫助搜尋引擎在沒有讀取 Alt Text 或圖片視覺內容前，就初步理解圖片的主題。這是一個基礎但常被忽略的技術細節。

最佳的命名實踐包含以下原則：使用小寫英文單字，以連字號 - 作為單字之間的分隔符號，避免使用空格、底線或任何特殊符號。檔名應簡潔地反映圖片內容，並可自然包含目標關鍵字。例如，一篇關於 WordPress 速度優化的文章中，一張測試截圖的檔名可以是 wordpress-speed-test-result.jpg，而非相機預設的 DSC0005.jpg 或無關的 screenshot-2024-01-01.png。

檔名與 Alt Text 的關係是互補而非重複。檔名通常較為簡短，聚焦於核心主題；Alt Text 則可以提供更詳細的描述、上下文或功能說明。兩者都應避免完全相同，以免造成資訊冗餘。

善用圖片周圍文字提升關聯性

搜尋引擎理解圖片的方式，除了圖片本身的檔案資訊與 Alt Text，還高度依賴圖片在頁面上的「上下文」。這指的是圖片所在位置周圍的 HTML 結構與文字內容，它們共同構成了搜尋引擎解讀圖片主題的線索。

具體而言，圖片前後的段落文字、圖片上方或下方的標題標籤（如 h2 至 h4）、以及使用 figcaption 標籤標記的圖片說明文字，都屬於此範疇。例如，將一張展示「WordPress 後臺介面」的圖片，放置在一個討論「如何安裝外掛」的 h3 標題下，並在該段落中提及「透過後臺的外掛區塊進行安裝」，就能強烈暗示這張圖片的內容與安裝外掛的流程相關。

最佳實踐是在規劃與撰寫文章內容時，就同步考慮圖片的放置位置。確保每張圖片都放在與其主題直接相關的段落中，並為重要的圖片添加能補充說明的標題或圖說。這種內容上的關聯性，能顯著增強圖片在搜尋結果中的相關性判斷。

格式選擇與壓縮技術

選擇合適的圖片格式並進行有效壓縮，是平衡圖片品質與網頁載入速度的關鍵技術。不同的格式有不同的適用場景，而壓縮則直接影響頁面性能指標，特別是最大內容繪製 (LCP)，這是 Core Web Vitals 的核心指標之一。

JPEG 適用於大多數的照片與複雜色彩的影像，能在合理體積下保持不錯的品質。PNG 適合需要透明背景的圖片、簡單圖示或需要無損壓縮的截圖，但通常體積較大。WebP 是 Google 推薦的現代圖片格式，它通常能在更小的檔案體積下提供與 JPEG 或 PNG 相當的視覺品質，因此成為優化載入速度的首選方案。選擇並非絕對，應根據圖片類型與品質需求決定。

壓縮圖片是減少傳輸資料量最直接的方法。實作上，可在圖片上傳至網站前，使用 TinyPNG、Squoosh 等線上工具進行手動壓縮。若使用 WordPress，則可以透過外掛（如 Imagify、ShortPixel）在圖片上傳時自動將其轉換為 WebP 格式並壓縮，或批次處理媒體庫中的現有圖片。詳細的壓縮策略與其對 LCP 的影響，可參考 LCP 優化指南。

確保響應式圖片正確載入

響應式圖片的核心問題在於，一張為桌面版螢幕設計的高解析度大圖（例如 2400px 寬），在手機版網頁上若仍然載入同一張原始檔案，將導致巨大的體積浪費與極慢的載入速度，嚴重影響使用者體驗與效能指標。

解決方案是讓瀏覽器能根據當前裝置的視窗大小與解析度，自動選擇並載入最合適尺寸的圖片版本。在 HTML 標準中，這透過 img 標籤的 srcset 與 sizes 屬性來實現。例如，你可以提供 800px、1200px 和 2400px 三種寬度的圖片，並告知瀏覽器在不同螢幕尺寸下應選擇哪一張。

對於 WordPress 使用者，有更簡便的實作方式。WordPress 在圖片上傳時，會自動生成多種尺寸的副本（可在「設定 > 媒體」中調整）。當你在文章編輯器中插入圖片時，WordPress 會自動生成包含 srcset 屬性的 img 標籤，為你處理好響應式載入的設定。確保你的主題或佈景支援此功能，並上傳足夠高解析度的原始圖片以供系統生成所需的變體，是確保圖片在所有裝置上都能快速正確載入的關鍵步驟。

什麼是圖片 SEO？它跟一般 SEO 有什麼不同？

圖片 SEO 是專門針對網站圖片進行的優化，目的是讓圖片更容易在搜尋引擎（特別是圖片搜尋）中被找到，並提升包含該圖片的網頁的載入速度與可讀性。它是整體網站 SEO 的重要一環。

撰寫 Alt Text 有什麼必須遵守的規則嗎？

是的。主要規則包括：必須精確描述圖片內容、避免關鍵字堆砌、裝飾性圖片可使用空值 (alt="")、確保與圖片周圍的上下文相關。

圖片的檔案名稱真的會影響 SEO 嗎？該怎麼命名？

會。搜尋引擎會參照檔名來理解圖片內容。建議使用描述性的英文單字，並以連字號 - 分隔（例如：red-apple-on-table.jpg），避免使用 IMG_001.jpg 這類無意義的預設名稱。

我應該使用 JPEG、PNG 還是 WebP 格式？

沒有絕對答案，取決於圖片類型。JPEG 適合大多數照片；PNG 適合需要透明背景的圖片或截圖；WebP 是 Google 推薦的現代格式，通常能在更小的體積下提供相近的品質，有助於提升載入速度。可考慮將圖片轉換為 WebP 格式上傳。

「圖片周圍的文字」具體是指什麼？為什麼重要？

它指的是圖片所在網頁段落前後的文字、該圖片的標題（Heading）或圖說（Caption）。這些文字為搜尋引擎提供了理解圖片內容的重要上下文線索，因此確保它們與圖片主題相關至關重要。

WordPress 有外掛可以自動優化圖片 SEO 嗎？

有的，例如有外掛可以協助批次生成 Alt Text 或壓縮圖片。但需要注意，自動化的 Alt Text 往往不如手動撰寫的描述精準。建議將外掛作為輔助工具，關鍵的描述性 Alt Text 仍應手動檢查與優化。

除了文中提到的技巧，還有什麼進階的圖片優化方法嗎？

文中已涵蓋最核心的實作技巧。進階方法可包括使用結構化資料（如 ImageObject Schema）來提供更豐富的圖片資訊，或定期審計網站的 robots.txt 檔案，確保圖片路徑未被意外封鎖而影響索引。

做圖片優化對網站速度有幫助嗎？

有直接且重要的幫助。壓縮圖片、選擇合適格式、設置響應式圖片，都能顯著減少網頁的傳輸資料量，從而改善 Google 所定義的核心網站體驗指標，如最大內容繪製（LCP），提升用戶體驗與搜尋排名潛力。

將圖片 SEO 納入整體的 網站優化 框架中，能從基礎設施層面全面提升網站品質。這些實踐看似瑣碎，但它們共同作用，能為你的網站帶來更快的速度、更好的使用者體驗以及更清晰的搜尋引擎可讀性。