img標簽alt優化SEO應該這樣做

圖像必須具有描述它們所代表的信息或功能的替代文本。這確保圖像可供各種殘障人士使用。本教程演示了如何根據圖像的用途提供適當的替代文本：

• 信息圖像：以圖形方式表示概念和信息的圖像，通常是圖片、照片和插圖。替代文本應該至少是一個簡短的描述，傳達圖像所呈現的基本信息。

• 裝飾圖像：alt=""當圖像的唯一目的是為頁面添加視覺裝飾，而不是傳達對理解頁面很重要的信息時，請提供空文本替代 ()。

• 功能圖像：用作鏈接或按鈕的圖像的替代文本應描述鏈接或按鈕的功能，而不是視覺圖像。此類圖像的示例是代表打印功能的打印機圖標或用于提交表單的按鈕。

• 文本圖像：可讀文本有時會出現在圖像中。如果圖像不是徽標，請避免圖像中的文字。但是，如果使用文本圖像，替代文本應包含與圖像中相同的詞。

• 圖形和圖表等復雜圖像：為了傳達數據或詳細信息，請提供圖像中提供的數據或信息的全文等價物作為替代文本。

• 圖像組：如果多張圖像傳達一條信息，則一張圖像的替代文本應傳達整個組的信息。

• 圖像映射：包含多個可點擊區域的圖像的替代文本應為鏈接集提供整體上下文。此外，每個可單獨點擊的區域都應該有描述鏈接目的或目的地的替代文本。

有關確定特定圖像適合哪個類別的快速概覽，請參閱alt 決策樹。替代文本需要由作者根據圖像的用途、上下文和內容來確定。例如，圖像中鳥類的確切類型和外觀可能不太相關并且僅在有關公園的網站上進行簡要描述，但可能適合專門用于鳥類的網站。

為什么這很重要？

圖像和圖形使許多人，尤其是有認知和學習障礙的人更容易理解內容。它們用作視覺障礙人士（包括弱視人士）用來在內容中定位自己的線索。

但是，圖像在網站上被廣泛使用，并且在無法訪問時會造成重大障礙。可訪問的圖像在許多情況下都是有益的，例如：

• 使用屏幕閱讀器的人：替代文本可以大聲朗讀或呈現為盲文

• 使用語音輸入軟件的人：用戶可以通過單個語音命令將焦點放在按鈕或鏈接的圖像上

• 人們瀏覽支持語音的網站：可以大聲朗讀替代文本

• 移動網絡用戶：圖像可以關閉，尤其是數據漫游

• 搜索引擎優化：圖像可被搜索引擎索引

注意：從網站中刪除圖像（所謂的“純文本版本”）會使它們對這些用戶和情況的可訪問性和功能性降低。