圖片替代文字：你想知道的一切

---

我們都見過——那些出現在網站圖片無法顯示時的奇特的兩三個單詞描述。它們被稱為替代文字（或“alt標籤”）。它們似乎是微不足道的細節，但實際上它們起著重要的作用！如果您希望訪問您網站的訪客獲得最佳體驗，那麼瞭解替代文字是什麼以及如何有效地編寫它非常重要。

在這篇博文中，我們將討論為什麼使用替代文字如此重要，並提供一些技巧，確保您的替代文字儘可能具有描述性和幫助性。無論您是否已經熟悉SEO技巧，或者只是剛剛開始網頁設計，請繼續閱讀關於建立有效圖片描述的有價值的建議！

什麼是圖片替代文字？

圖片替代文字是您放置在網頁圖片中的書面文字。因此，如果圖片無法在螢幕上載入，則文字將顯示在該位置。替代文字使爬蟲更容易抓取圖片內容。它增加了圖片出現在Google圖片部分的機會。

它允許視力障礙讀者瞭解網頁中使用的圖片型別。他們還可以使用文字閱讀工具收聽圖片內容。當圖片無法在網頁上載入時，它可以幫助讀者理解圖片的內容。

為什麼替代文字如此重要？

如今，大約38%的Google搜尋在其搜尋結果頁面 (SERP) 中推薦圖片。專家表示，這一數字未來將會增加。即使您實施了所有必要的SEO技巧，如果您沒有最佳化網站的圖片，您仍然會錯過流量。

那麼如何最佳化您的網站圖片呢？

方法是向圖片新增替代文字。替代文字也稱為“alt標籤”和“alt描述”。

在網站圖片中新增替代文字的三個理由

提高可訪問性

並非所有使用者都能清楚地看到圖片。這包括盲人或視力障礙的訪問者。他們必須依賴螢幕閱讀器和其他裝置。

還有一些訪問者使用資料有限的網站。例如，如果您在國外，您可能處於有限的資料包中。這就是為什麼大多數使用者臨時關閉圖片載入選項以節省資料的原因。

另一個原因是頁面有時無法載入圖片。這可能是由於伺服器問題或網路速度慢。

在圖片中新增替代文字允許上述所有讀者獲取圖片的上下文。

改善使用者體驗

當您使網頁內容對每個使用者都可訪問時，Google 會喜歡它。這也包括視力障礙者。

當訪問者從您的網站獲得完整的體驗時，他們會覺得您關心您的讀者。這會讓他們花費更多時間並再次訪問您的網站。結果，您的排名上升了。

最佳化您的圖片

最佳化您的圖片替代文字意味著將圖片與使用者的搜尋意圖相匹配。簡而言之，當用戶透過圖片搜尋訪問網站時，他們會停留。

如何編寫最佳圖片替代文字？

以下是編寫最佳圖片替代文字以最佳化您網站圖片的一些技巧：

保持描述具體和簡短

編寫替代文字時，請保持一切精確和簡潔。您應該考慮圖片的內容。然後想想為什麼您要使用這張特定圖片。

示例

如果圖片是一棟被洪水淹沒的房屋，請將替代文字寫為“桑迪颶風造成的被洪水淹沒的房屋”。

這在幾個詞內清楚地向您的訪問者告知圖片的內容。

新增上下文

在替代文字中新增上下文有助於SEO。它將圖片與網頁的主題聯絡起來。

例如，頁面的主題是“如何線上申報納稅”？

為了支援主題，您添加了一位女士在筆記型電腦或電腦上工作的圖片。然後您可以新增這樣的替代文字：“一位女士正在她的筆記型電腦上線上申報稅款”。

如何措辭您的替代文字完全取決於網站的主題。您的文字應結合頁面的主題和圖片內的周圍元素。

保持替代文字簡短

您應該保持替代文字簡短。但是，請確保輸入足夠的文字以傳達圖片的目的。您不能只是在頁面上隨意輸入隨機照片以使其看起來很酷。每張圖片都必須與網頁的主題有一定聯絡。

較長的描述可能會分散讀者的注意力，並需要澄清，尤其是在視力障礙的訪問者面前。這對SEO也是適得其反的。這是因為它會混淆搜尋爬蟲。

關鍵技巧是將描述保持在125個字元以內。越短越好。

避免明顯的詞語

不要以“孩子們笑著的圖片”或“一隻熊貓吃竹子的照片”開頭。HTML程式碼會自動識別圖片或照片。這就是為什麼您應該避免這些詞語。它會佔用不必要的空間，也不會新增任何其他內容。

相反，您可以使用具體的替代方案來描述圖片。例如，圖表、螢幕截圖、圖形等。您可以將描述以“iPhone 12設定頁面的螢幕截圖”開頭。

不要過度使用關鍵詞

向替代文字新增關鍵詞會增加在搜尋引擎中排名的機會。但是，不要將其限制為一個。不要用關鍵詞填充文字，因為它會對您的SEO產生負面影響。

您需要使替代文字準確並與圖片相關。僅當關鍵詞符合描述時才使用它。否則，不用它也沒關係。

不要複製圖片標題

圖片標題和替代文字是不同的。圖片標題是在螢幕上顯示的文字，主要位於圖片下方。它用於詳細描述圖片。但是，替代文字或alt文字是隱藏在使用者檢視之外的朗讀文字。只有當圖片無法載入時，以及視力障礙者使用文字轉語音轉換工具朗讀時，它才會出現。

如上所述，圖片標題和替代文字包含簡短的描述。但是，圖片標題稍長一些，而替代文字簡潔而準確。您不應將圖片標題複製到替代文字中，而應專注於編寫新鮮且相當精簡的內容。

跳過裝飾性圖片的替代文字

裝飾性圖片僅用於增強網頁的外觀。它們不會傳達任何實際意義，也不會為頁面的內容增加價值。這就是為什麼您不需要為裝飾性圖片編寫替代文字的原因。

所有圖片都使用ALT標籤，即alt屬性。但是，對於裝飾性圖片，您應該將標籤留空。或者，您可以在文字欄位中寫入“null”。這將指示螢幕閱讀器跳過這些文字。

檢查拼寫錯誤

由於您在替代文字中使用的字元最少，因此請確保拼寫正確。例如，錯誤地將“PC元件”寫成“CP元件”不會新增任何意義。它還會在爬蟲抓取您的網站時造成干擾。

使用“longdesc=”新增更長的描述

有時，您需要新增更長的描述來傳達圖片周圍的上下文。在這種情況下，請使用“longdesc=”屬性，包括一個連結。該連結應包含一個網站，該網站將讀者帶到另一個頁面以進行完整解釋。