如果你沒有在網(wǎng)站建設(shè)項目中使用有意義的Alt文本，那么你簡直就是在“暴殄天物”。這個不起眼的元素具有很大的功能，并對可用性、可讀性和可訪問性將產(chǎn)生巨大影響。

如果你認為Alt文本僅僅只用于可訪問性，請再認真想一想。它可以幫助比如百度、Google以及必應(yīng)等搜索平臺更好地理解你的內(nèi)容，為你的頁面提供重要的隱藏信息，并幫助讀者更好的瀏覽。

以下是一些可以幫助創(chuàng)建友好的Alt文本的指南，這將有助于在你的網(wǎng)站上產(chǎn)生更大的影響和更好的用戶體驗。

1. Alt文本提供信息以促進可訪問性（Alt Text Provides Information to Facilitate Accessibility）

對于在網(wǎng)站上看不到任何信息的圖像，Alt標(biāo)簽文本提供了屏幕閱讀器可以理解的“語言”，這樣信息的上下文就不會丟失。

作為網(wǎng)站設(shè)計師或開發(fā)人員，為網(wǎng)站上的每張圖片提供簡短但實用的描述非常重要。

對于像上面的圖片，Alt文字可能使用“兩個拿著沖浪板走向大海的女人”為最佳。雖然Alt文本不需要是完整的句子或包含標(biāo)點符號，但它應(yīng)該對圖像中的內(nèi)容提供比較準(zhǔn)確的描述。

2. Alt文本對搜索引擎有好處（Alt Text is Good for Search Engines）

為了說服你在網(wǎng)站設(shè)計中使用Alt描述和信息，這可能是你需要知道的內(nèi)容：

“谷歌使用Alt文本以及計算機視覺算法和頁面內(nèi)容來理解圖像的主題”出自谷歌開發(fā)者。

Alt 標(biāo)簽是搜索引擎優(yōu)化的必備品。

3. 用戶和計算機都可以閱讀Alt文本（Alt Text Is Readable by Humans and Computers）

Alt文本不僅僅是計算機可以理解的東西，所有用戶在將鼠標(biāo)懸停在圖像上或檢查頁面內(nèi)容時都可以看到和閱讀它。

此外，計算機、屏幕閱讀器和搜索引擎都可以讀取Alt文本。

4. Alt文本包含有關(guān)頁面內(nèi)容的附加信息（Alt Text Contains Additional Information About Page Content）

雖然用搜索引擎的關(guān)鍵字填充替代內(nèi)容不是最佳實踐，但這些描述可以并且確實提供了有關(guān)網(wǎng)頁內(nèi)容的額外內(nèi)容。

這使得使用更貼近頁面內(nèi)容的圖像和描述變得很重要。

這是關(guān)于圖像和Alt文本的另一個小問題。將圖像和Alt文本盡可能更貼切的關(guān)聯(lián)在一起以獲得最大影響，同時避免文字圖像。這不是一種功能設(shè)計技術(shù)，并且作為設(shè)計一部分的這些詞的丟失不值得將它們放在替代文本中。（搜索引擎更快樂，并且比替代文本更重視實際頁面內(nèi)容。）

5. Alt文本提供圖像的描述信息（Alt Text Provides Descriptive Information for Images）

想想同一張圖片的這兩個 alt 描述的不同主題：

· 藍天白云下的向日葵田

· 世界上最大的黃色向日葵的特寫

描述性Alt信息可以為頁面上的其余內(nèi)容增加價值和關(guān)聯(lián)性。你不必用信息來進行圖像描述，而是用視覺元素來解釋照片的內(nèi)容和原因可能才是最合適的。

6. Alt文本可幫助你更快地查找內(nèi)容（Alt Text Helps You Find Content More Quickly）

由于它對搜索引擎的影響，Alt文本可以幫助你更快地在互聯(lián)網(wǎng)上找到你要查找的內(nèi)容。附加的這些Alt信息和內(nèi)容向搜索引擎發(fā)送一個關(guān)于頁面及其包含內(nèi)容的信號。

這里有一個比較進階的提示：雖然曾經(jīng)建議使用 longdesc 標(biāo)簽來包含更多的 alt 文本，但這是一個不常用且可以避免的大部分已棄用的功能。

7. Alt文本有助于為每個用戶提供相同的用戶體驗（Alt Text Helps Provide Common User Experiences for Everyone）

在網(wǎng)站設(shè)計中使用Alt文本和描述的最重要方面之一是，你為所有訪問者提供了相同的用戶體驗，無論用戶的自身條件如何。Alt文本彌合了理解和視覺障礙方面的差距，以便每個人都知道頁面設(shè)計上的內(nèi)容。

不要忘記為按鈕等元素添加Alt文本。這些用戶界面元素上的 alt 屬性應(yīng)該描述按鈕的功能，例如“提交”、“應(yīng)用”或“搜索”。

8. Alt文本有助于“人工智能”更智能（Alt Text Contributes to “AI” Intelligence）

你認為計算機如何“學(xué)習(xí)”形狀和圖像的名稱？Alt文本實際上可以幫助促進人工智能學(xué)習(xí)和監(jiān)督，其中為計算機提供一組訓(xùn)練圖像以及相應(yīng)的標(biāo)簽，并創(chuàng)建一個可用于在未來識別相似圖像的模型。

上圖可能有一個“金毛獵犬”的Alt標(biāo)簽，可以幫助人工智能分辨和學(xué)習(xí)。

9. Alt文本為缺失圖像提供上下文（Alt Text Powers Context for Missing Images）

幾乎每個人都遇到過一個網(wǎng)站，其中圖像由于某種原因沒有加載好或無法識別。無論是速度慢還是其他類型的技術(shù)錯誤，這些圖像上的Alt文字都可以確保你知道設(shè)計中具體缺少什么。

當(dāng)網(wǎng)頁設(shè)計的用戶端沒有按預(yù)期進行時，將Alt文本或描述視為一種 B 計劃。

10. Alt文本是可索引的（Alt Text is Indexable）

幾乎不言而喻，就像我們在此處引用搜索引擎與 alt 文本的關(guān)系一樣，但重要的是要理解：Alt 標(biāo)簽可以被搜索引擎索引。

如果其他關(guān)于使用 alt 文本的有點沒有引起你的共鳴。搜索優(yōu)化是將你的網(wǎng)站內(nèi)容和設(shè)計提供給盡可能多的相關(guān)人員的關(guān)鍵。你希望你的網(wǎng)站易于在線查找，并在相關(guān)用戶尋找與你的網(wǎng)站包含的信息或產(chǎn)品有關(guān)的條件時顯示出來。

Alt文本和描述是搜索優(yōu)化巨型算法中的另一個促成因素。

總結(jié)

中的來說，Alt文本和描述是每個網(wǎng)站設(shè)計的重要元素。這種類型的微文案不在設(shè)計的最前沿，而是一種幕后功能，可以幫助確保你的設(shè)計易于訪問、易于閱讀和理解，并針對搜索引擎進行了優(yōu)化。

在考慮如何編寫Alt文本時，請在描述性的同時保持描述盡可能簡短。用關(guān)鍵字填充替代文本或描述以“欺騙”信息對搜索優(yōu)化并沒有幫助，實際上可能對網(wǎng)站設(shè)計有害。

----圖文來自：design shack 

----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理，為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)