圖像替代文本 - 編寫更好的圖像替代標籤的 7 個技巧

已發表: 2021-04-05

圖片替代文字告訴搜索引擎您的圖片是關於什麼的,因此它可以幫助算法理解您的內容。 不使用這些標籤會對您的網頁排名產生負面影響。

不僅如此,如果您不使用圖片替代文字,您可能會錯過一個重要的自然流量來源:您網站的圖片。

儘管在圖像識別方面取得了進步,但搜索引擎算法仍然需要替代文本來理解您的圖像包含的內容。 由於圖片佔所有搜索結果的 30% 以上,這是 SEO 值得花一些時間研究的一個方面。

但首先,什麼是替代文字以及如何使用它?

收聽這篇文章的播客:“圖片替代文字:它是什麼以及為什麼你需要它來實現良好的 SEO”

image alt text

目錄
什麼是圖像替代文本?
為什麼替換文字很重要?
- 無障礙
- 搜索引擎優化
如何為圖像添加替換文字
好的圖像替代文本的 7 個技巧
好的替代文字示例
- 替代文本示例 #1
- 替代文本示例 #2
- 替代文本示例 #3
如何審核您的替代文字
結論
相關文章

什麼是圖像替代文本?

圖像替代文本是“圖像替代文本”的縮寫,是用幾句話解釋圖像內容的文本。 圖像替代文本也稱為“替代屬性”、“替代描述”和“圖像替代標籤”。

以下是替代文本的一些示例:

examples of image alt text

為什麼替換文字很重要?

圖片 alt 標籤很重要有兩個原因:(1) 可訪問性和 (2) SEO。

- 無障礙

互聯網的一個基本原則是任何人都應該可以訪問它。 這意味著視障人士需要了解在線圖像所描繪的內容。

當屏幕閱讀器遇到圖像時,它會選擇圖像 alt 標籤並大聲朗讀。 因此,即使盲人或視障人士看不到圖像,他們也可以知道圖像顯示的內容。

所以可訪問性是圖像 alt 標籤的主要目的。

- 搜索引擎優化

搜索引擎圖像識別越來越好。 但是搜索引擎仍然無法“看到”圖像:他們必須被告知圖像包含什麼。

這是替代文本的第二個主要目的:通過告訴搜索引擎您的圖像包含什麼來改善您的內容的 SEO。 為您的圖片添加圖片 alt 標籤有助於搜索引擎更準確地索引您的網頁,並可能提高您在搜索結果中的排名。

替代文本對 SEO 很重要的一個原因是圖像搜索會產生大量自然流量。 2018 年,Google 圖片佔所有網絡搜索的 20% 以上:

share of web searches, February 2018

圖片來源:SparkToro

根據 SEOClarity 的一項研究,圖像現在佔所有搜索結果的 34%。

這不僅僅是“圖片搜索”:即使您不點擊圖片搜索按鈕,圖片也會顯示在 Google 搜索結果中,如以下搜索查詢:

images show up in over 30% of all Google searches

但是,如果搜索引擎還無法識別照片中的內容,那麼如何在搜索結果中找到這些圖像?

答案當然是替代文字。

這也是替代文本如此重要的另一個原因:您可以通過告訴搜索引擎您的圖像包含什麼來增加搜索流量。

如何為圖像添加替換文字

在 WordPress 中添加替代文本很容易 - 在默認的 WordPress 編輯器中,您會在圖像右側看到一個面板。 在該面板中有一個框,您可以在其中鍵入圖像的替代文本:

adding image alt text in the default WordPress editor

您還可以在 WordPress 的“媒體”部分插入替代文本:

adding alt text in wordpress

如果您使用第三方 WordPress 編輯器,例如 Elementor 或 Thrive Architect,您還可以在該編輯器中添加替代文本。 以下是您在 Thrive Architect 中的操作方法:

inserting image alt text in wordpress

好的圖像替代文本的 7 個技巧

以下是一些使用圖片替代文本的技巧,可以讓人類和搜索引擎都滿意:

  1. 1
    不要以“圖像”或“圖像”開頭——人類和算法都知道文本指的是圖像。
  2. 2
    保持簡短 - 文本閱讀器在 125 個字符左右切斷替代文本。
  3. 3
    請具體說明圖片所顯示的內容(不要寫“姜貓”,寫“姜貓抓沙發”,不要寫“埃隆·馬斯克”,寫“埃隆·馬斯克站在特斯拉 Model S P100D 旁邊”)。
  4. 4
    不要在裝飾圖像或作為網頁設計一部分的圖像(例如分隔線、圖標、品牌元素)中添加替換文字
  5. 5
    使用關鍵字,但前提是它與圖像的內容相關
  6. 6
    如果使用圖像作為按鈕,請添加描述按鈕功能的替​​代文本(例如訂閱、註冊、下載等)。
  7. 7
    不要使用替代文本作為加載帶有關鍵字的頁面的機會 - 這可能會對頁面的 SEO 產生負面影響

好的替代文字示例

好的替代文字應該用幾句話告訴用戶圖像中描繪了什麼。

文本應盡可能具有描述性,並應提供上下文。 這有時意味著提供您可能知道但從圖像本身並不明顯的細節,如下面的示例一和示例三所示:

- 替代文本示例 #1

Grenadier Guard stading at atention outside Buckingham Palace

皮特·里奇曼攝

錯誤的替代文字:守衛

更好的替代文字:守衛站著立正

好的替代文字:擲彈兵衛隊在白金漢宮外立正

- 替代文本示例 #2

golden retriever running

GT#2 攝

錯誤的替代文字:

更好的替代文字:狗跑

好的替代文字:正在運行的金毛獵犬

- 替代文本示例 #3

blue and white fishing boats at Gallipoli, Puglia, Italy

黃貓攝

錯誤的替代文字:漁船

更好的替代文字:藍色和白色的漁船

好的替代文字:意大利普利亞大區加利波利的藍白漁船

如何審核您的替代文字

到現在為止,您可能已經意識到您的在線圖片中很少(如果有的話)具有替代文字。

如果是這樣,不用擔心 - 您可以隨時對您的 alt 標籤進行審核。

最好的方法是使用 Screaming Frog SEO 蜘蛛。 您可以使用它免費抓取多達 500 個 URL。 在那之後,它是每年 140 英鎊。

首先下載 Screaming Frog 並輸入您網站的 URL。 軟件完成抓取後,單擊“圖像”列:

using screaming frog to find images without alt text

在下拉列表(左上角)中,確保選擇了“缺少替代文本”:

using screaming frog to find images without alt text

接下來,轉到屏幕底部並單擊“圖像詳細信息”:

using screaming frog to find images without alt text

您現在將看到,對於 Screaming frog 列出的任何 URL,都缺少替代文本:

using screaming frog to find images without alt text

結論

將替代文字添加到您的圖像應該是您的網頁 SEO 策略的關鍵部分。 它使您的圖像更易於人類訪問。

它可以幫助搜索引擎了解您的圖像中的內容,並使算法更容易了解您的內容。

圖片現在佔所有搜索結果的 30% 以上。 但是,如果您告訴搜索引擎圖像包含的內容,搜索引擎只能理解圖像(並因此對其進行排名)。

這就是為什麼在圖像中添加替代文本會增加搜索引擎可見性的原因。

相關文章

  • WP 的 15 個強大的 SEO 技巧將提升您的網站
  • 2020 年你不能忽視的 13 種 SEO 類型
  • 2020 年 Google 排名前十的因素