圖片的替代文字與檔名該怎麼寫？

搜尋引擎看不見圖片裡的內容

這是理解圖片與搜尋關係的起點：搜尋引擎讀的是網頁的文字描述，圖片對它而言只是一個檔案。

所以把重要的標題、產品規格、聯絡資訊做成圖片，等於對搜尋引擎隱藏了這些內容——網站上看得到，但搜尋不到。

圖片要被理解，靠的是三個文字線索：替代文字、檔名、以及周圍的說明文字。

一、替代文字（alt）

替代文字是給圖片的文字描述。它有三個用途：

• 圖片載入失敗時顯示的文字
• 螢幕報讀軟體朗讀的內容，視障使用者靠它理解圖片
• 搜尋引擎判斷圖片內容的依據

怎麼寫

原則是如實描述圖片內容，寫給看不到這張圖的人聽。

三個常見錯誤

1. 堆砌關鍵字——把想排名的字全部塞進去。搜尋引擎會判定為刻意操作，而且螢幕報讀軟體會把那串字全部念出來，對使用者是干擾
2. 全部留空——失去一整層的語意訊息
3. 寫成「圖片」「照片」「未命名」——等於沒寫

什麼時候該留空

純裝飾用的圖片——背景花紋、分隔線、純視覺的裝飾元素——替代文字應該留空。

這不是偷懶，而是正確做法：讓螢幕報讀軟體跳過它，避免使用者被無意義的描述打斷。

二、檔名

檔名也是搜尋引擎判斷圖片內容的線索之一。

• 不好：IMG_4827.jpg、螢幕擷取畫面 2026-08-05.png、未命名-1.jpg
• 建議：stainless-steel-duct-elbow.jpg、taoyuan-factory-exterior.jpg

檔名的原則

• 用小寫英文，單字之間用連字號分隔
• 避免空格與中文——部分伺服器與系統處理中文檔名會出問題，網址中也會變成一長串編碼
• 簡短且有意義，不需要塞滿關鍵字

提供素材給網頁設計公司時，如果能順手把檔名取好，對後續作業與搜尋都有幫助。

三、周圍的文字

圖片附近的說明文字、圖說、以及所在段落的內容，都會被用來判斷圖片的主題。

這也是為什麼產品頁只放一張圖、沒有任何說明文字是很吃虧的——搜尋引擎沒有任何線索可以判讀這是什麼產品。每項產品建議至少有一百字的說明。

圖片也會被搜尋

不少人是透過圖片搜尋找到網站的，尤其是產品、案例、空間類的內容。做好上述三件事，等於多開了一個流量入口。

另外建議：

• 圖片要能被直接連結——不要用會阻擋讀取的方式呈現
• 重要的圖片放進網站地圖——有助於被完整收錄
• 圖片旁提供清楚的圖說——對使用者與搜尋引擎都有幫助

載入速度也是搜尋的一環

圖片過大導致網站緩慢，會影響搜尋排名與使用者留存。這一項的處理方式見圖片尺寸與壓縮。

另外，畫面外的圖片延遲載入、以及事先指定圖片的顯示尺寸，都能避免版面在載入過程中跳動——這種跳動會讓使用者點錯位置，體驗很差。

後台應該讓人容易做對

替代文字這件事，如果後台沒有欄位可填，就不會有人填。

好的後台應該：

• 上傳圖片時就有替代文字欄位
• 欄位旁有簡短說明，告訴使用者該寫什麼
• 必要時設為必填

網站架設時可以把這一項列入需求。後台功能的規劃見哪些內容需要做成後台可自行管理。

一個實務建議

不必回頭把過去幾百張圖的替代文字全部補齊——投入與效益不成比例。

務實的做法是：從今天起新上傳的圖片都做對，並優先補上首頁、主要產品頁、以及流量較高頁面的圖片。這樣就能拿到大部分的效益。