網站圖片怎麼處理：尺寸、替代文字與搜尋可讀性

一篇香草換盆教學放了十張照片，檔案都壓小了，讀者卻看不出哪張是在檢查根部、哪張是在加土。圖片處理的起點是它要解釋的事情；尺寸、文字說明與下載量，都應服務這個目的。

可以把每張圖當成一個有任務的小素材包：保留原檔、製作上網版本、補齊用途說明，再查看實際頁面的呈現。這樣更容易在改版或換工具後追查問題，也不會把圖片搜尋的表現全押在某個外掛分數上。

先決定圖片要補充什麼資訊

在插入圖片前，先寫一句它要回答的問題。例如根部近照要讓讀者看懂根團是否過密，完成照則呈現土面與盆緣的距離。兩張照片雖然拍同一盆植物，對文章的作用不同，不能只用相同檔名和同一段說明複製到底。

如果刪掉圖片後，讀者會少掉一個必要步驟，就應確保重要資訊也能透過文字理解。複雜流程圖可以在正文列出流程與條件；小圖上的密集標註不適合承擔全部教學。把圖片放在相關段落附近，也有助於人與搜尋系統理解上下文。

純背景紋理或不提供新資訊的裝飾圖，處理方式則不同。不必為了每張圖都填入關鍵字而製造額外干擾。先標出資訊圖、功能圖與裝飾圖，之後編寫替代文字時就有一致的判斷依據。

按顯示用途輸出尺寸與格式

先查看文章內容欄、手機版和放大檢視的需求，再決定輸出尺寸。相片原始檔可能遠大於頁面需要，但也不能把教學細節縮到模糊。保留高品質原檔，在另外的上網版本調整裁切、解析度與壓縮，方便日後重新製作。

照片、透明圖案與文字截圖可分別試用合適格式。Google 圖片支援 JPEG、PNG、WebP、AVIF 和 SVG 等格式；支援格式不等於每種素材用它都最省。實際比較檔案大小與清晰度，特別注意截圖細字、邊緣、透明背景和顏色是否改變。

響應式圖片可提供多個尺寸，讓瀏覽器依條件挑選。Google 建議使用標準 img，搭配 srcset 或 picture 時仍提供 src 後備網址。只在 CSS 背景中呈現的圖，不應被當成可供 Google 圖片索引的內容圖。這是輸出方式的檢查，不能只看編輯器縮圖。

檔名與替代文字各做自己的工作

上傳前使用簡短、能辨識內容的檔名，例如 herb-root-check，而不是留下一串相機流水號。檔名可以提供線索，但不需要堆入城市、品牌和所有熱門搜尋詞。既有網站若要重新命名，還要處理舊引用，不能直接批次改檔造成破圖。

替代文字依目前文章情境描述意義。根部照片可寫「取出盆栽後，根系沿盆壁密集纏繞」，讓無法看到照片的人理解這一步。若同張圖改用在販售花盆的頁面，描述重點可能不同；它不是素材永遠不變的廣告標語，也不必以「這是一張圖片」開頭。

W3C 的判斷方式也涵蓋功能和裝飾：只有圖像的按鈕需要表達動作或目的地，純裝飾 img 可用空的 alt 屬性。空值與完全漏掉屬性不是同一件事。圖說則提供所有讀者可見的補充內容，不能假設填了圖說就已完成替代文字。

在 WordPress 逐頁確認圖片欄位

使用圖片區塊上傳或選取媒體後，檢查解析度、裁切比例與相關文字。WordPress 官方文件說明，在區塊設定修改替代文字只影響該頁或文章；媒體庫的替代文字則是之後插入圖片時的預設值。因此更新媒體庫後，仍要查看重要舊文章的實際輸出。

不要把顯示寬度變小，直接當作下載檔案已變小。開啟公開頁面，確認瀏覽器載入的圖片版本、實際檔案大小與畫面需求相符。若佈景把橫圖裁成方圖，也要確認根部、手勢或必要標記仍在範圍內。

相簿、文章封面和內容區塊可能有不同設定來源，應分開抽查。換盆文章可以選一張步驟近照、一張全景和一張圖解作代表，再確認所有其他圖片沿用相同流程；不是只檢查首頁封面，就推論整個媒體庫都處理完成。

1. 整理原檔與上網版本，記下用途、尺寸及素材來源。
2. 插入圖片區塊，選擇適合版面的解析度與裁切。
3. 依這一頁的語境填寫替代文字或確認裝飾標記。
4. 在公開頁面核對實際圖片、文字欄位與手機顯示。

用 Smush 輔助處理，先做小批次比較

Smush 的官方外掛頁列有上傳時壓縮、單張與批次處理，以及延遲載入等功能；圖片 CDN 等項目標示為 Pro。安裝前先核對目前版本和方案提供什麼，尤其網站若已有主機或另一套外掛處理圖片，應先釐清誰負責哪一段。

先在可還原的環境挑幾張代表圖，保存處理前後檔案與畫面，確認設定沒有犧牲教學細節，再評估批次處理。原檔另行備份，並確認工具能還原的實際範圍；不能看到「壓縮完成」就以為原圖、縮圖與站外檔案都能完整恢復。

外掛的壓縮比例不能代替內容驗收。根部細絲被抹掉、截圖文字難讀，或圖解的線條與背景混在一起，都應調整品質或排除個別圖片。壓縮工具也不會替你決定照片在段落中的意義，替代文字與圖說仍需要編輯判斷。

發布時核對可讀性，更新時保留紀錄

檢查讀者能否順著正文理解每張圖，圖片網址是否可取得，必要資訊有沒有藏在過小文字裡。圖像被裁切、缺檔或在手機上溢出，都應列成具體問題；不要只用「圖片 SEO 不好」這種無法定位的描述。

用素材表保存檔名、使用文章、原檔位置、來源或自繪紀錄、輸出版本與替代文字。取得授權的照片也要留下作者、授權條件與來源連結，避免下次重製時不知道可否使用。這份表同樣能幫助換圖與刪除未使用資產。

完成後，將下載量、視覺品質與搜尋可讀性分開記錄。圖片可以被找到，不代表一定被索引或得到特定排名；檔案變小也不保證整頁速度改善。把每次修改的目的與結果留清楚，才知道下一輪該改圖片、版面，還是其他載入資源。

檢查文章分享卡片與圖片

建立網站的技術 SEO 檢查順序

備份 WordPress 檔案與資料

• 教學
• 軟體與 App
• 行銷與 SEO
• SEO