faviconSEO Hub HK

圖片替代文字 Alt Text

Alt Text(圖片替代文字)是加在圖片 HTML 標籤中的文字說明,用來描述圖片的內容和用途。視障人士使用的螢幕閱讀器會把它念出來,圖片無法載入時也會顯示它,搜尋引擎則用它來理解圖片與頁面主題的關係。

Set SEO Hub HK as a preferred source on Google

Alt Text(圖片替代文字)是 img 標籤中的 alt 屬性,用文字說明一張圖片「是什麼」或「為什麼在這裡」。它同時服務三類對象:使用螢幕閱讀器的視障讀者、網速慢而圖片未能載入的讀者,以及無法直接「看」圖片的搜尋引擎爬蟲。

寫好 Alt Text 首先是網站無障礙的基本要求,其次才是 SEO 技巧。不過兩者並不衝突:一段清晰、準確的描述,對讀者和搜尋引擎都有幫助。

Alt Text 為什麼重要

  • 無障礙閱讀:沒有 Alt Text,螢幕閱讀器只能念出檔案名稱或直接略過,讀者就錯過了圖片傳達的資訊。
  • 幫助搜尋引擎理解圖片:Google 表示 Alt Text 與頁面上下文一起幫助它理解圖片內容,對圖片搜尋的表現特別重要。
  • 圖片作連結時的作用:如果圖片本身是連結,它的 Alt Text 就會被當作錨點文字來理解連結的目標。

如何寫出好的 Alt Text

  1. 如實描述內容:假設讀者看不到圖片,用一兩句話說明重點,例如「會計師在電腦前核對報稅表格」,而不是「工作」。
  2. 資訊重要的圖片才詳寫:圖表、截圖和產品相片要寫清楚;純裝飾用的圖片可以留空 alt(alt=""),讓螢幕閱讀器直接略過。
  3. 自然地加入關鍵字:只在真的相關時才提及目標字詞,避免變成關鍵字堆砌。
  4. 保持簡潔:一般一兩句已足夠,不需要寫「圖片」或「相片」兩個字,螢幕閱讀器本來已經會說出這是圖片。
  5. 圖片內有文字時要轉述:如果圖片上有重要文字,要在 Alt Text 或頁面內文重述,這樣才不會遺漏資訊。

常見錯誤

  • 完全留空,或直接用檔案名稱(例如 IMG_0231.jpg)。
  • 在每張圖片重複同一組關鍵字。
  • 把重要文字只放在圖片內,卻沒有以文字重述。

常見問題

Alt Text 應該寫多長?

沒有官方規定的固定字數。原則是用最精簡的文字說明圖片重點;資訊量大的圖表可以再在頁面內文補充說明。

Alt Text 和圖片標題、說明文字有什麼分別?

Alt Text 是為了取代圖片本身的文字版本;說明文字(caption)則是顯示在圖片旁、給所有讀者看的補充資料。兩者可以並用,但不應該完全重複。

相關SEO術語

Keyword Stuffing關鍵字堆砌

關鍵字堆砌是指在網頁內容、標題、Meta 標籤或連結錨文字中,刻意大量重複相同關鍵字或相似詞語,企圖操控搜尋引擎排名的做法。

Core Web Vitals (CWV)核心網頁指標

Core Web Vitals(核心網頁指標)是 Google 用來量度網頁真實使用體驗的一組指標,目前包括載入速度(LCP)、互動反應(INP)和版面穩定度(CLS)。這些指標屬於 Google 頁面體驗信號的一部分,直接反映用家打開網頁時載入快不快、操作順不順、版面會不會突然跳動。

Header Tags標題標籤

Header Tags(標題標籤,又稱Heading Tags)是 HTML 入面用來標示頁面標題同段落結構的標籤,由H1到H6,數字越細代表層級越高。H1通常是頁面主標題,H2、H3等則用來劃分內文入面的子標題,幫助用戶及搜尋引擎理解內容架構。

Anchor Text錨文字

錨文字(Anchor Text)是超連結中可以點擊的文字部分,通常帶有底線或不同顏色以便識別,使用者點擊後會被導向連結指向的頁面。搜尋引擎會分析錨文字內容,藉此判斷目標頁面的主題與相關性。