【圖片優化】不只吸睛還要助攻排名：圖片壓縮與 Alt Tag 設定-優化系列第五篇
🎯 導言：別讓圖片拖垮你的網站！
在前面的四篇文章中，我們完成了內容優化的主要文案工作：從關鍵字到標題架構和高點擊率文案。
- 🔙 回到總綱： 🔗 網站優化新手入門：2025 年最完整的 SEO 實戰教學 (零基礎到流量提升)
- 🔙 標題文案： 🔗 【SEO 文案】讓點擊率暴增的秘密：Title Tag 與 Meta Description 撰寫指南
網站內容不只有文字，圖片在提升用戶體驗、傳達訊息方面同樣重要。然而，一張未優化的圖片可能帶來雙重傷害：
- 拖慢速度： 圖片檔案過大，會嚴重拖垮網站載入速度，導致用戶跳出。
- 錯失排名： Google 爬蟲無法「看見」圖片內容，錯失額外的排名機會。
本篇將教會你如何正確優化圖片，讓它們成為你的 SEO 助攻手！
一、檔案大小與格式：提升網站速度的關鍵
網站速度是 Google 排名因素之一，而圖片是造成網站速度緩慢的頭號殺手。
1. 圖片壓縮：越小越好 (Lossless)
- 目標： 在不犧牲太多視覺品質的前提下，將圖片檔案大小縮到最小。
- 工具建議： 可以使用線上工具（如 TinyPNG、Compressor.io）或 WordPress 外掛（如 Smush、Imagify）來進行無損壓縮 (Lossless Compression)。
- 載入時機： 考慮使用延遲載入 (Lazy Load) 技術，讓圖片只在使用者的視野範圍內時才開始載入，這能大幅提升首頁或長文章的載入速度。
2. 選擇正確的檔案格式
| 格式 | 適用情境 | 備註 |
| JPEG/JPG | 適用於照片、複雜的彩色圖像。 | 提供最好的壓縮率，是照片的首選。 |
| PNG | 適用於需要透明背景、線條簡單的圖像或截圖。 | 檔案通常較大，不適合用於一般照片。 |
| WebP | 現代網頁圖片的首選格式。 | Google 推薦的新格式，提供比 JPEG/PNG 更小的檔案體積，且品質更高。盡量使用 WebP 格式。 |
3. 圖片尺寸調整
- 不要用 CSS 硬拉： 網站顯示的圖片尺寸（例如：寬 600px）應與實際圖片的尺寸（例如：寬 600px）保持一致。
- 錯誤示範： 上傳一張 3000px 的大圖，然後用 CSS 讓它只顯示 600px。雖然看起來一樣，但瀏覽器仍需載入 3000px 的所有數據，極度浪費資源。
二、Alt Tag (替代文字)：與 Google 溝通的橋樑
Alt Tag (替代文字) 是圖片優化中最關鍵的 SEO 元素。
1. 什麼是 Alt Tag？
- 它是在圖片無法載入時，替代圖片顯示的文字。
- 它也是 Google 爬蟲理解圖片內容的唯一線索。
2. Alt Tag 的三大撰寫原則
| 原則 | 說明 | 錯誤/正確範例 |
| 描述性 | 應清晰、準確地描述圖片內容，就像對著一個盲人描述圖片一樣。 | ❌：咖啡機 ； ✅：手沖咖啡壺正在沖泡一杯熱咖啡 |
| 包含關鍵字 | 如果合理，請在 Alt Tag 中自然地融入你的目標關鍵字。 | ✅：用高效【關鍵字研究】工具分析數據的商業人士 |
| 避免堆砌 | 不要將一堆不相關的關鍵字塞進去，這會被視為作弊 (Keyword Stuffing)。 | ❌：咖啡機 義式咖啡機 美式咖啡機 推薦 |
⚠️ 記住： 永遠不要忽略 Alt Tag！這不僅是 SEO 要求，更是為了網站無障礙設計 (Accessibility)，讓使用螢幕閱讀器的用戶也能理解你的圖片內容。
3. 圖片檔案名稱 (File Name) 優化
圖片的檔案名稱也應經過優化。
- 優化方式： 使用英文小寫，並用連字號
-連接詞彙，且應包含關鍵字。 - 錯誤範例：
IMG_00123.jpg - 正確範例：
seo-keyword-research-tools.jpg
結語：內容優化告一段落，迎接技術挑戰！
恭喜您！到此為止，您已經掌握了網站優化的**「內容優化 (On-Page SEO)」**部分。您現在知道如何找到正確的目標、撰寫吸引人的文案，並讓您的圖片加速網站。
從下一篇開始，我們將正式進入技術優化 (Technical SEO) 的領域。我們將從新手最關心的問題開始：網站速度。這將直接影響您的用戶體驗和 Google 排名！
➡️ 點擊閱讀下一篇： 告別龜速網站，讓你的網頁秒開！
🔗 【網站速度】秒開網頁的秘密武器：如何提升網站載入速度 (Core Web Vitals)