關於圖片 Alt Text…一個好像都知道,但又都做錯的小事
嗯… Alt text,圖片替代文字。這東西,做 SEO 的、做內容的,好像沒人不知道。但老實說,我看過的大部分網站,十個有八個是錯的,或至少…做得不夠好。
感覺就像是,大家都知道要刷牙,但很多人只是隨便刷兩下,牙膏沾上去就算有刷了。Alt text 也是這樣,很多人就是為了「有」而填,為了「塞關鍵字」而寫。結果,既沒有幫助到需要的人,對 SEO 的效果也…很有限。今天就想來好好聊聊這件事,從我的角度來看,到底該怎麼做才對。
先說結論:Alt Text 的核心不是 SEO,是「翻譯」
我覺得大家要先轉個念。Alt text 的首要目的,是為了無障礙(Accessibility)。 簡單說,就是當圖片顯示不出來,或是有視障使用者透過螢幕報讀器瀏覽網頁時,你要用文字「翻譯」這張圖片的內容給他們「聽」。 SEO 只是這個過程中,做得好而產生的「紅利」。當你正確地告訴 Google 這張圖是什麼,它自然就能在對的時機(例如圖片搜尋)把你的圖秀出來。
所以,別再想著「我要塞什麼關鍵字」,而是想「如果我看不到這張圖,我會希望別人怎麼形容給我聽?」從這個角度出發,基本上就不會錯得太離譜。
那…到底該怎麼寫?幾個我在乎的原則
說了一堆觀念,來點實際的。如果是我,我會照著下面幾個想法去寫。不是什麼金科玉律,但算是我自己整理出來,覺得比較平衡的做法。
1. 精準描述,但不是看圖說故事
這點最重要。你要描述圖片,但不用把所有細節都寫出來。抓住「重點」。如果圖片是一張「紅色球鞋」,你就寫「紅色球鞋」。但如果這雙鞋是 Nike 的,而且是某個球星的簽名款,那「Nike LeBron 21 紅色款籃球鞋」就會是更好的描述。 你提供了品牌、型號、顏色、用途,這些都是有價值的資訊。
2. 在「有意義」的前提下,自然地放入關鍵字
對,還是可以放關鍵字,但要自然。 假設你的文章關鍵字是「小型犬鮮食推薦」,配圖是一隻柯基犬在吃東西。那你的 alt text 可以寫「一隻開心的柯基犬正在享用鮮食」。你看,「鮮食」這個詞就自然地進去了。千萬不要寫成「小型犬 鮮食 推薦 狗糧 柯基」。 這種寫法,Google 現在很聰明,它會覺得你在亂塞關鍵字,反而可能會有負面影響。
3. 上下文決定一切
圖片的描述,要跟它旁邊的文字內容有關。 如果一張「紅色球鞋」的圖片,是放在一篇討論「2025 年流行色」的文章裡,那 alt text 可能強調「千禧紅色的復古球鞋」會比強調品牌更好。如果同一張圖,是放在電商網站的商品頁,那「Nike LeBron 21 紅色款籃球鞋 - US 尺寸 10」可能就更精準。情境很重要。
4. 純裝飾的圖,就勇敢留白
這點超多人做錯。如果你的圖片只是一個分隔線、一個背景花紋,或是一個沒有任何實質意義的 icon,拜託,直接留空(`alt=""`)。 這對螢幕報讀器使用者來說是最好的體驗,因為機器不會唸出一堆「分隔線圖片」、「裝飾圖」之類的廢話,干擾他們閱讀主要內容。
來看看常見的錯誤與修正吧
講理論大家可能還是沒感覺,我弄個對照表,你們應該會更有概念。這都是我看過真實的案例。
| 常見錯誤類型 | 糟糕的寫法 (像在應付了事) | 好一點的寫法 (至少有努力過) | 我會建議的寫法 (專業又有同理心) |
|---|---|---|---|
| 關鍵字亂塞 | `alt="SEO 圖片優化 alt text 替代文字"` | `alt="一張關於 SEO 圖片優化的示意圖"` | `alt="SEO 流程圖,顯示關鍵字研究、內容創作到連結建立的步驟"` |
| 描述不足 | `alt="貓"` | `alt="一隻貓在看著鏡頭"` | `alt="一隻虎斑貓慵懶地躺在陽光灑落的窗台上"` |
| 廢話太多 | `alt="這是一張我們公司團隊在去年聖誕派對上開心切蛋糕慶祝的照片,氣氛非常歡樂"` (太長了,螢幕報讀器可能會切掉) | `alt="團隊在派對上切蛋糕"` | `alt="身穿聖誕毛衣的團隊成員圍著蛋糕歡笑"` |
| 功能性圖片未說明 | `alt="放大鏡"` (如果這是一個搜尋按鈕) | `alt="搜尋按鈕"` | `alt="搜尋站內文章"` (清楚說明點擊後的「功能」) |
台灣的狀況?在地考量與國際標準的差異
這點我覺得蠻有趣的。基本上,寫好 Alt text 的大原則全球通用,畢竟不管是 Google 搜尋引擎,還是 WCAG (Web Content Accessibility Guidelines) 都是國際標準。 但在台灣,我觀察到一些特別的現象。
台灣的數位發展部其實也有「網站無障礙規範」,基本上是參考 WCAG 來的。 所以對公家機關、學校網站來說,這是「必須」遵守的。但很多商業網站,特別是中小型電商,對這塊的重視程度還是很低。可能是因為覺得「沒人會看」或「太麻煩」。
不過,反過來說,這就是機會。當你的競爭對手都沒做好的時候,你只要多花一點點心思,把圖片檔名、Alt text、甚至結構化資料(Schema.org)都做到位,在 Google 圖片搜尋的曝光機會就可能比別人多很多。 尤其現在很多消費者買東西前,是先用圖片搜尋找靈感,這塊流量真的不能小看。
不只是 SEO,這是基本功,也是尊重
說到底,把 Alt text 寫好,真的花不了多少時間。但它代表的意義,遠超過那幾個字。對搜尋引擎來說,你提供了更清楚的訊號;對網路速度慢的人來說,圖片跑不出來時他們至少知道那是張什麼圖;對視障朋友來說,你讓他們能跟一般人一樣,平等地獲取網路上的資訊。
這不只是一個 SEO 技巧,我覺得它更像是一種專業態度的體現。一個連小細節都願意做好的網站,給人的信任感就是不一樣。
所以,下次上傳圖片時,多停留個三十秒吧。想一下,如果眼睛閉上,你會怎麼形容這張圖?把那個答案寫下來,就對了。
換你試試看:
假設你有一張「一個人在咖啡廳用筆電工作,桌上有一杯拿鐵」的圖片,你會怎麼寫它的 Alt Text 呢?在下面留言分享你的寫法,看看誰的描述最精準又最自然!
