圖片能讓文章更容易理解，也能從圖片搜尋帶來額外流量。但許多網站上傳圖片時直接使用相機原始檔名、沒有替代文字、檔案動輒好幾MB，不但錯失曝光機會，還拖慢了網頁速度。只要養成幾個上傳前的小習慣，就能讓圖片同時兼顧體驗與SEO。
使用有意義的檔名
搜尋引擎會參考檔名理解圖片內容。像「IMG_2031.jpg」這樣的檔名沒有任何資訊，建議改成描述內容的英文或拼音，例如「invoice-template-example.jpg」，單字之間用連字號分隔。檔名不需要堆疊關鍵字，簡潔準確即可。
撰寫替代文字
替代文字（alt屬性）原本是為了讓使用螢幕閱讀器的視障者理解圖片內容，也會在圖片無法載入時顯示。對搜尋引擎而言，它是判斷圖片主題的重要依據。撰寫時以一句話描述圖片呈現的內容，若能自然帶入相關關鍵字更好，但不要寫成一串關鍵字。
- 較差的寫法：「圖片」「行銷 行銷策略 行銷技巧」。
- 較好的寫法：「行銷團隊在白板上討論年度活動規劃」。
- 純裝飾用途的圖片，例如分隔線，替代文字可以留空。
選擇合適的格式與尺寸
| 格式 | 適用情境 |
|---|---|
| WebP | 大多數網頁圖片，畫質與檔案大小平衡最佳 |
| JPEG | 照片類圖片，相容性高 |
| PNG | 需要透明背景的圖示或截圖 |
| SVG | 標誌與簡單向量圖示 |
上傳前先把圖片寬度調整到實際顯示的尺寸，一般文章內圖片寬度一千兩百像素左右就已足夠。再使用壓縮工具降低檔案大小，多數情況下肉眼幾乎看不出差異，檔案卻能縮小一半以上。
延遲載入與版面穩定
位於頁面下方的圖片可以使用延遲載入，等使用者捲動到附近時才下載，加快首屏顯示速度。不過首屏的主要圖片不建議延遲載入，以免影響最大內容繪製的指標。另外，圖片標籤應設定寬度與高度，讓瀏覽器預留空間，避免內容載入時版面跳動。
上傳前的檢查清單
- 圖片內容是否與段落主題相關，而不只是裝飾。
- 檔名是否已改為有意義的描述。
- 寬度是否已調整到合適尺寸，檔案大小是否控制在數百KB以內。
- 替代文字是否以一句話描述圖片內容。
- 截圖中是否含有個人資料或內部資訊，需要先遮蔽處理。
對於已經累積大量圖片的網站，可以先從流量最高的二十篇文章開始，逐一補上替代文字並替換過大的圖片，再逐步擴及其他頁面。也可以利用外掛或主機提供的批次壓縮功能，一次處理既有圖片。整理完成後，網站速度與圖片搜尋流量往往都會有明顯改善，讀者在手機上的閱讀體驗也會更順暢。
圖片授權與來源標示
使用網路上的圖片前，務必確認授權條件。免費圖庫的圖片通常允許商業使用，但部分圖庫要求標示作者；付費圖庫則需注意授權範圍是否涵蓋網站使用。自行拍攝或製作的圖片最能展現特色，例如實際操作畫面、店面照片或自製圖表，不僅沒有版權疑慮，也更容易讓讀者感受到內容的真實性，進一步提升網站的可信度。
圖片周圍的文字也很重要
搜尋引擎也會參考圖片附近的標題、圖說與段落文字。把圖片放在相關內容旁邊，並視需要加上簡短圖說，能讓圖片與文章主題更緊密連結。最後別忘了使用原創或有授權的圖片，避免版權爭議，也能讓內容更具獨特性。
