什麼是圖像替代文本,為什麼它很重要?
已發表: 2022-06-29在提升您的營銷策略時,重要的是不僅要考慮您的視覺效果如何影響您的業務的整體結果,還要考慮它們如何影響您的受眾。 您可能不知道圖像替代文本是什麼,並且想知道為什麼它很重要。 畢竟,這聽起來很老式。 但是,圖像替代文本今天仍然非常重要,以確保您的公司擁有適用於每個客戶需求的最佳 SEO 實踐。
什麼是圖像替代文本?
圖像替代文本是用於描述正在顯示的圖像的 HTML 代碼中的文本。 這對於改善 SEO很重要,因為它為您的受眾創造了更好的用戶體驗,以及一個更具包容性的環境,可以邀請更多用戶使用您的品牌。 圖片替代文本也很重要,因為如果它沒有加載,它會代替你的圖片顯示,所以這是一個很好的備份,以防出現任何問題。
替代文字是所有企業都應該擁有的圖像。 使用 alt 文本,搜索引擎也更有可能掃描和排名您的網站,從而帶來更好的 SEO 並為您提供更多顯示關鍵字的機會。 擁有此文本可以讓視障人士有機會獲得對您網站上圖像的描述。 這使每個人都有機會享受說明您的業務的視覺效果。 Alt 文本在 SEO 中仍然很重要。
替代文字
讓我們進一步分解這些想法。 什麼是替代文字? “替代文本”一詞是“替代文本”的縮寫,它是對無法查看時有意義的圖像的描述。
圖像替代文本示例
現在我們已經了解了圖像替代文本是什麼以及為什麼它很重要,您可能仍然不清楚圖像替代文本的外觀。 讓我們一起讓這變得容易可視化。 我們將通過好與壞圖像替代文本的示例。 這些將幫助您了解您想出的替代文本描述需要什麼,什麼不是。
良好的圖像替代文本
為了獲得良好的圖像替代文本,您需要更多細節而不是簡單的關鍵字。 這將真正說明放置在您網站上的圖像,使其對觀眾來說顯得獨特而特別。 應以不模糊的方式盡可能具體地描述圖像。 如果是棒球運動員,請說明他是誰以及他們的球隊在做什麼,而不僅僅是“棒球運動員”。
- 例如:“小熊隊的外野手克里斯·布萊恩特在箭牌球場擊出本壘打。”
在這個例子中,用戶被給予了玩家是誰以及正在發生什麼的上下文。 如果圖像本身不可用,他們將有機會用文字盡可能多地可視化照片。
背景對於一張照片來說總是很重要的。 但是,在某些情況下,上下文可能不容易理解。 它可能是一張庫存圖片,上面有一個你不知道名字的人,在一個你不知道的位置。 如果發生這種情況,您仍然可以在您的網站上使用該圖片,並使用可接受的圖片替代文本。 在這種情況下,請在您的圖片與您的網站相關的上下文中使用形容詞。 不要稱這個人為“女人”,而是稱她為照片中的她。 這可能是“商業專業人士”或“音樂教授”,或任何其他有助於進一步描述此人的形容詞。
- 例如:“音樂教授指著教室裡的智能板。”
在此示例中,雖然未命名特定的人或地點,但仍很容易將照片中發生的情況可視化。
錯誤的圖像替代文本
錯誤的圖像替代文字是指對照片的描述過於模糊。 換句話說,它是一組不能很好地代表照片的文本。 如果照片有狗,不要只寫“狗”。 試著弄清楚那隻狗在做什麼,以及描述它的形容詞。
- 壞事:“狗坐著”
- 好前輩:“金毛獵犬在等待主人時傷心地坐著”
壞例子不允許你像好例子那樣可視化照片的上下文。 如果這篇文章是關於陪伴對狗的重要性,那麼第一個例子沒有多大意義,會讓用戶質疑它的相關性。 很好的例子提供了回到文章重點的規範,帶來了更多的清晰度並允許更好的 SEO。 描述越多,對 SEO 來說就越好,因為會有更多的關鍵字將您的網站帶到搜索的頂部。
創建最佳圖像替代文本的關鍵是能夠閉上眼睛,讓描述讀給你聽,並且能夠清楚地描繪你腦海中的圖像。
圖像替代文本的重要性
我們已經簡要地談到了圖片替代文本的重要性,但讓我們進一步分解這些想法。 出於多種原因,您應該將其包含在所有圖像中。
- 讓視障人士或其他殘障人士更容易訪問您的網站
- 為您的網站提供更多關鍵字
- 提供鏈接建設策略
- 對主題有更清晰的理解
- 改善搜索引擎優化
- 改進計算機算法
- Google 將更好地了解您的圖片和網站的內容
- 增加圖片在搜索結果後出現在 Google 圖片中的機會,這將引導更多用戶訪問您的網站
- 為用戶提供更好的體驗
- 提高圖像流量
- 將圖像變成超鏈接的搜索結果
替代文字規範
關於什麼是圖像替代文本以及為什麼它如此重要,還有更多需要了解。 替代文本不僅應該用於圖片,還應該用於任何圖形內容,如圖形項目符號和圖形水平規則。 徽標也應該有替代文本,但是,這不必像通常的圖像替代文本那樣具有很強的描述性。 徽標替代文本應僅標識徽標的名稱,僅此而已。 甚至工具欄圖像設計也應該有替代文本,但這些可以是空白標籤。
根本沒有 alt 標籤,文本將簡單地讀取“圖像”,這是一個模糊的描述,會讓用戶想知道缺少什麼。 閱讀“藍色工具欄設計”的替代文本描述也可能存在問題,因為該設計可能遍布整個站點。 這可能會導致此替代文本重複多次。 這會給用戶造成重複和過度的閱讀任務。
字幕與替代文字
圖片說明與圖片替代文字不同。 圖片下方的標題文本中包含圖片說明,以及涉及版權和圖片來源的圖片信息。 字幕看起來更像是句子形式的描述,而替代文本看起來更像是一個鏈接。 替代文字是照片的替代選項,應該始終存在,而圖像標題應該被視為有時存在的照片的額外附加組件。 大多數情況下,您會在照片更具話題性的地方找到標題,例如新聞事件或歷史書。
入門
既然您知道什麼是圖像替代文本以及為什麼它很重要,您可能想弄清楚如何在您的網站中實施它。 添加圖像替代文本非常簡單,具體取決於您使用的軟件。 網上有很多視頻可以幫助您逐步了解如何操作。 許多程序會讓您從單擊照片開始,然後從那裡開始。 特別是對於Microsoft Word ,您首先單擊照片,然後找到“格式”,然後應該會出現“替代文本”選項。 它將為您提供編寫描述的選項。 如果圖像只是一個裝飾性圖形,例如前面的藍色工具欄示例,您可以在此處標記該選項並將描述留空。
在那之後,你的替代文本應該很好用。 屏幕閱讀器將能夠閱讀不僅僅是“圖像”的圖像描述,這就是為什麼不要忽略替代文本如此重要的原因。 如果您仍然需要幫助在您的網站上添加替代文本,請隨時與 SEO Design Chicago 的團隊聯繫。 我們可以幫助您以多種方式優化您的網站,以便您可以接觸到最大的受眾。
常問問題:
- 什麼是圖像替代文字?
- 替代文字如何改善 SEO?
- 如何使我的網站更易於訪問?
- 什麼是好的替代文字的例子?
- 圖片標題和替代文字有什麼區別?