替代文字：為什麼重要和最佳實踐可以改善您的 SEO

什麼是替代文字？

替代文本是用於替代圖像的副本，供那些看不到它的人使用。 如果無法在頁面上加載圖像，您可能會看到圖像的替代文本。 對於使用屏幕閱讀器的視障訪問者，替代文本為在線內容中的圖像提供上下文。

同樣，由於搜索引擎不能從字面上“看到”視覺信息，附加到圖像的替代文本提供了有關圖像包含的內容以及它如何適應頁面其餘部分的重要信息。

如果您查看網頁的源代碼，您會看到 HTML 中包含的 alt 文本，如下所示：

 <img src=“image.jpg” alt=“image description”>

為什麼替代文本很重要？

從功能的角度來看，alt 標籤提高了在網頁上看不到圖像的人的可訪問性。 可訪問性對 Google 很重要，因為它可以確保為每個人提供積極的用戶體驗。

從 SEO 的角度來看，替代文本很重要，因為谷歌將它與頁面上的內容一起使用來了解圖像的含義。 如果您使用圖像作為鏈接，替代文本將用作錨文本，這是搜索排名的重要因素。

替代文字和搜索引擎優化

既然我已經介紹了為什麼 alt 文本對人和搜索引擎都很重要，讓我們更詳細地了解如何使用 alt 文本作為 SEO 圖像優化策略的更大部分。

谷歌非常重視替代文字。 它不僅使用圖像的替代文本來確定頁面上的內容，而且還使用它與周圍文本的關係。

在他們關於谷歌圖片最佳實踐的文章中，他們甚至暗示添加圖片替代文本可以提高自然流量的轉化率。

“通過在圖像周圍添加更多上下文，結果可以變得更加有用，這可以為您的網站帶來更高質量的流量。”

Google 搜索中心 - 內容特定指南

替代文本最佳實踐——要記住的 5 件事

創建替代文本時，請專注於創建有用、信息豐富的內容，這些內容適當地使用關鍵字並適合頁面內容。 雖然可以編寫搜索優化的 alt 標籤，但不要忘記它們首先是為了幫助視障用戶。

以下是一些指南，可幫助您為對用戶和搜索引擎同樣有幫助的圖像製作 SEO 優化的替代文本。

1. 請明確點

關於編寫圖像替代文本，我最好的建議是想像你如何通過電話向某人簡要描述它。 幾個詞可能就足夠了，或者您可能需要一個完整的句子。 大多數屏幕閱讀器會截斷大約 125 個字符的替代文本，因此任何更長的內容都不會對用戶有幫助。

2. 避免以介紹開頭的 Alt 標記

由於您在特定字符限制內工作，因此您不想浪費寶貴的空間（和用戶時間）並通過識別每個圖像來介紹它。

例如，您的 alt 標記不必使用以下短語開始：

• 這是一張圖片
• 這張照片顯示
• 這是一個截圖

3. 合併關鍵字但避免關鍵字填充

如果相關，請在替代文字中使用關鍵字。 將關鍵字填充到您的 alt 標籤中會產生負面的用戶體驗。 例如，如果我的頁面有一個餅圖，它顯示了博客文章中最常見的精選片段類型，該博客文章針對“如何獲取精選片段”進行了優化。 我可以寫一個 alt 標籤，上面寫著“常見的特色片段類型的餅圖”。

但是“幫助您了解如何獲取特色片段的常見特色片段類型的餅圖”將被視為關鍵字填充。

4. 不要重複內容

由於 alt 文本的目的是提供有關視覺信息的數字副本，因此您無需在 alt 標籤中重複現有內容。

例如，如果您有一個說明更換輪胎步驟的信息圖，並且您的帖子內容列出了這些步驟並對其進行了解釋，則無需在您的 alt 標籤中重複相同的信息。

如果您的圖像中有文字，您是否應該將其包含在 alt 標籤中？

這取決於。 由於 Google 或屏幕閱讀器都無法解碼圖像中的文本，因此是否將其包含在 alt 標籤中將取決於該文本對頁面信息的重要性。

一些示例可能包括：

• 書籍封面的標題。
• 信息圖表上的標題。
• 相關品牌名稱

5. 不要對裝飾圖形使用 Alt 描述

根據 Web 內容可訪問性指南 (WCAG)，如果圖像除了其外觀之外沒有其他功能，則該圖像是“裝飾性的”。

如果圖像純粹是裝飾性的，例如圖形分隔線或背景圖像，則不要包含替代文本。 因為圖像沒有提供有價值的信息，包括它在替​​代文本中的描述會“混亂”屏幕閱讀體驗。

好的和壞的替代文字的例子

請記住，您的替代文本不必很長。 只需使其盡可能詳細和具有描述性，以使用戶受益。 基於我上面概述的替代文本最佳實踐，這裡有一些圖像替代文本的好和不太好的示例。

壞：這是一張女孩的照片。

好：年輕女孩坐在家裡的床上，使用數字平板電腦。

壞：裁縫

好：專業裁縫在他的工作室修改夾克時使用捲尺。

壞：餅圖。

好：常見特色片段的餅圖。 70% 的段落、19.1% 的列表、6.3% 的表格和 4.6% 的視頻。

對於圖形和圖表，始終在正文中包含指向數據源的鏈接。 如果您只為圖像添加引用，則視障用戶無法訪問更多數據。

圖表和圖形有時可能需要很長的描述。

雖然編寫出色的替代文本很重要，但它只是更大的 SEO 圖像優化策略的一部分。 讓我們深入探討一些其他方法，您可以確保內容中的圖像有助於而不是損害您的整體 SEO 性能。

提升 SEO 圖像優化的 5 種方法 

1. 在圖像名稱中使用關鍵字

重要的是你命名你的圖像文件！ 當談到如何為 SEO 命名圖像時，您需要遵循一些與 alt 標籤相同的邏輯。 圖像文件的名稱應具有相關性、描述性並包含關鍵字。

為 SEO 命名圖像時，請在圖像文件名的開頭包含您的關鍵字，並用連字符 (-) 分隔單詞。 例如，對於我上麵包含的餅圖示例，一些可能的文件名可能是：

• 餅圖.png
  此文件名描述性不夠，並且不包含關鍵字。
• 精選片段類型餅圖.png
  該文件名以關鍵字開頭並且具有描述性。 Google 可以區分文件名中的單詞，因為連字符將它們分開。

2.使用“正確”的格式

您在網站上使用的圖像沒有普遍正確的格式。 您選擇哪種格式取決於圖像的類型以及您希望如何使用它。

以下是一些指導方針：

• JPEG 最適合較大的圖像以保持清晰度。 在這種情況下，“更大”是指維度，而不是文件大小，這是我將在下面討論的不同考慮因素。
• PNG 將允許您保留背景透明度。
• 可縮放矢量圖形 (SVG) 是 2001 年推出的一種相對較新的圖像格式，在任何分辨率或尺寸下都保持清晰。 SVG 可以是動畫的，就像 PNG 一樣，可以保留背景透明度。

3. 調整圖片大小

首先，我想澄清圖像大小和文件大小之間的區別。 圖像的大小是指它的尺寸——例如，1024 x 680 像素。 文件的大小是指將其存儲在服務器上所需的空間量，例如 5000 KB。 第一個與圖像在頁面上佔用多少空間有關，第二個與加載可能需要多長時間有關。

具有高分辨率和大尺寸的圖像包含大量視覺信息，這意味著它們具有較大的文件大小並且可能會減慢您的頁面加載時間。

記住：

請務必在上傳圖片之前調整圖片大小。 在 CMS（如 WordPress）中使用顯示尺寸選項縮放圖像不會縮短頁面加載時間，因為在頁面上呈現顯示尺寸之前仍需要加載全尺寸圖像。

4.使用字幕

從理論上講，如果圖片說明包含關鍵字，它們可能會影響 SEO，但我建議不要專門針對自然搜索優化它們。 雖然在圖像的文件名和替代文本中使用關鍵字會直接影響其在搜索中的可查找性，但圖像標題並不能起到相同的作用。 將關鍵字添加到圖像標題可能會導致過度優化，並且對您的排名造成的傷害大於它們的幫助。

相反，通過創造積極的用戶體驗的鏡頭查看圖像說明。 與標題、項目符號列表、突出顯示的文本和粗體一樣，圖像標題增強了頁面上的掃描。 我們都知道人們傾向於瀏覽他們在線閱讀的內容，因此在此過程中提供路標有助於他們吸收您共享的信息。

傳說廣告偶像大衛奧格威委託研究在副本中包含圖像。 他分享的一個至今仍能引起營銷人員共鳴的真理*是：

如果您沒有在圖片中使用標題，您可能會錯失吸引讀者的機會。

*我稱之為“老生常談”，因為我無法追溯到原始數據源的路徑，所以我不能引用它作為事實。

5.添加替代文字

在圖像中添加替代文本對於可訪問性和 SEO 很重要。 不服氣？ 您可能想查看“為什麼替代文本很重要”。

圖像標題標籤呢？

圖像標題是另一個可以提供圖像信息的屬性。

圖像的標題屬性可以為有視力的用戶生成工具提示，但屏幕閱讀器會跳過該文本。 因此，不要在圖像標題中隔離重要信息。 視力受損的訪客將無法使用它。

用於 SEO 圖像優化的免費工具

以下是一些免費工具，可幫助您開始優化 SEO 圖像。

圖像優化工具

快速的 Google 搜索將顯示大量免費的圖像優化工具。 以下是我最喜歡的幾個：

• JPEG 優化器
• 親和照片
• 像素
• Kraken（批量壓縮）
• 優化

用於圖像優化的 WordPress 插件

• Yoast 搜索引擎優化
• 短像素
• EWWW 圖像優化器
• WP Smush
• 小PNG

負載速度測試

在優化圖像後，我只推荐一種工具來測試頁面的加載速度。 Google PageSpeed Insights 將分析移動和桌面設備的加載速度，為您提供性能得分，並確定改進機會。 （不知道為什麼頁面速度很重要？閱讀 Google Ranking Factors 並發現最重要的事情，以獲得搜索結果的頂部。）

獲得 SEO 圖像優化方面的幫助

使用替代文本並優化您的搜索圖像代表了您的許多競爭對手都錯過的 SEO 機會。 當您著手利用圖像搜索的強大功能時，雖然有很多變量需要考慮，但您不必單獨行動。 當您安排免費的 SEO 諮詢時，請詢問您網站的圖像優化機會。