圖片 Alt 文本如何優化 SEO?撰寫原則與常見錯誤解析

Published on: | Last updated:

關於圖片 Alt Text…一個好像都知道,但又都做錯的小事

嗯… Alt text,圖片替代文字。這東西,做 SEO 的、做內容的,好像沒人不知道。但老實說,我看過的大部分網站,十個有八個是錯的,或至少…做得不夠好。

感覺就像是,大家都知道要刷牙,但很多人只是隨便刷兩下,牙膏沾上去就算有刷了。Alt text 也是這樣,很多人就是為了「有」而填,為了「塞關鍵字」而寫。結果,既沒有幫助到需要的人,對 SEO 的效果也…很有限。今天就想來好好聊聊這件事,從我的角度來看,到底該怎麼做才對。

先說結論:Alt Text 的核心不是 SEO,是「翻譯」

我覺得大家要先轉個念。Alt text 的首要目的,是為了無障礙(Accessibility)。 簡單說,就是當圖片顯示不出來,或是有視障使用者透過螢幕報讀器瀏覽網頁時,你要用文字「翻譯」這張圖片的內容給他們「聽」。 SEO 只是這個過程中,做得好而產生的「紅利」。當你正確地告訴 Google 這張圖是什麼,它自然就能在對的時機(例如圖片搜尋)把你的圖秀出來。

所以,別再想著「我要塞什麼關鍵字」,而是想「如果我看不到這張圖,我會希望別人怎麼形容給我聽?」從這個角度出發,基本上就不會錯得太離譜。

圖片 Alt Text 在無障礙體驗中的角色示意
圖片 Alt Text 在無障礙體驗中的角色示意

那…到底該怎麼寫?幾個我在乎的原則

說了一堆觀念,來點實際的。如果是我,我會照著下面幾個想法去寫。不是什麼金科玉律,但算是我自己整理出來,覺得比較平衡的做法。

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="搜尋站內文章"` (清楚說明點擊後的「功能」)
在 CMS 後台填寫 Alt Text 的實際畫面
在 CMS 後台填寫 Alt Text 的實際畫面

台灣的狀況?在地考量與國際標準的差異

這點我覺得蠻有趣的。基本上,寫好 Alt text 的大原則全球通用,畢竟不管是 Google 搜尋引擎,還是 WCAG (Web Content Accessibility Guidelines) 都是國際標準。 但在台灣,我觀察到一些特別的現象。

台灣的數位發展部其實也有「網站無障礙規範」,基本上是參考 WCAG 來的。 所以對公家機關、學校網站來說,這是「必須」遵守的。但很多商業網站,特別是中小型電商,對這塊的重視程度還是很低。可能是因為覺得「沒人會看」或「太麻煩」。

不過,反過來說,這就是機會。當你的競爭對手都沒做好的時候,你只要多花一點點心思,把圖片檔名、Alt text、甚至結構化資料(Schema.org)都做到位,在 Google 圖片搜尋的曝光機會就可能比別人多很多。 尤其現在很多消費者買東西前,是先用圖片搜尋找靈感,這塊流量真的不能小看。

不只是 SEO,這是基本功,也是尊重

說到底,把 Alt text 寫好,真的花不了多少時間。但它代表的意義,遠超過那幾個字。對搜尋引擎來說,你提供了更清楚的訊號;對網路速度慢的人來說,圖片跑不出來時他們至少知道那是張什麼圖;對視障朋友來說,你讓他們能跟一般人一樣,平等地獲取網路上的資訊。

這不只是一個 SEO 技巧,我覺得它更像是一種專業態度的體現。一個連小細節都願意做好的網站,給人的信任感就是不一樣。

優化 Alt Text 後在圖片搜尋結果的可能差異
優化 Alt Text 後在圖片搜尋結果的可能差異

所以,下次上傳圖片時,多停留個三十秒吧。想一下,如果眼睛閉上,你會怎麼形容這張圖?把那個答案寫下來,就對了。


換你試試看:

假設你有一張「一個人在咖啡廳用筆電工作,桌上有一杯拿鐵」的圖片,你會怎麼寫它的 Alt Text 呢?在下面留言分享你的寫法,看看誰的描述最精準又最自然!

Related to this topic:

Comments

  1. profile
    Guest 2025-10-05 Reply
    最近改官網,欸……說實話,那時根本沒搞懂什麼是 alt 文本,只知道上傳圖片有個框要填。那時就直接寫「圖一」、「設計圖」這些敷衍詞。嗯,後來被學長念才發現,不對欸,Google好像把那種標籤當空值,就是爛的意思,完全沒作用。講真的,一開始以為只是形式而已。 算了,那重新寫 alt 那步超煩,沒靈感時根本不知道該打啥。最後只能一張一張慢慢盯著看,「深藍陶瓷杯,白點圖樣」類似這樣隨便湊。可是,好像效果真的不太一樣?雖然很麻煩,但後來網站流量是有點增加啦。有次討論組內還有人亂問,裝飾的小圖要不要寫 alt,我記得好像查到答案說要留空(alt=""),反正閱讀器不用唸那些東西,不然真的吵死人 XD。所以現在也比較小心,每張圖都多檢查一下,有時還會回頭改以前的老資料。不過想說,你們實際上 Alt 寫好會覺得影響排名嗎?其實也搞不清楚,是不是只是在配合指導老師而已啦。
  2. profile
    Guest 2025-04-28 Reply
    這些關於圖片Alt文本的建議聽起來不錯,但我在實際操作中發現,寫好Alt文本真的那麼簡單嗎?有時候覺得怎麼寫都不夠完美,大家有什麼技巧可以分享嗎?