使用替代文字改善輔助功能和頁面內容
今天看看網絡上的任何網站，你會發現他們有一個共同點就是圖像。 可以在網站上使用圖像來添加視覺效果，幫助說明想法，並添加到網頁的整體內容。 除了選擇正確的圖像並正確準備網頁傳送之外 ，確保所有網站的圖像正確使用ALT文本是正確使用這些網頁圖像的一個非常重要的部分。
什麼是替代文字
替代文本是文本瀏覽器和其他Web用戶代理無法查看圖像的替代文本。 它也是圖像標籤所需的唯一屬性之一。 通過編寫有效的替代文本，您可以確保您的網頁可供正在使用屏幕閱讀器或其他輔助設備訪問您網站的人訪問。 如果因為任何原因（路徑錯誤，傳輸失敗等）無法加載，您還要確保顯示的內容代替圖像。 這是Alt文本的真正目的，但是這個內容也可以給你更多的地方添加搜索引擎友好的文本，搜索引擎不會懲罰你（稍後更多）。
替代文字應該在圖像中重複文字
任何包含文本的圖像都應該將該文本作為替代文本。 您可以在其他文字中放置其他文字，但至少應該說與圖像相同的內容。 例如，如果您的圖片有徽標，則替代文字應重複用您的圖形徽標書寫的公司名稱。
請記住，像徽標這樣的圖像也可以暗示文字 - 例如，當您在About.com網站上看到紅球圖標時，它們的意思是“About.com”。 因此，該圖標的替代文字可以說“About.com”，而不僅僅是“公司標誌”。
保持短文
您的替代文字越長，文本瀏覽器閱讀的難度就越大。 編寫替代文本的長句可能很誘人（通常這是因為有人試圖用關鍵字填充標籤），但保持較短的Alt標籤可以縮小頁面，縮小下載頁面的速度。
替代文字的一個很好的經驗法則是總共保留5到15個字。
在Alt標籤中使用您的SEO關鍵字
人們經常錯誤地認為替代文本的目的是放置搜索引擎關鍵字。 是的，這是一個您可以使用的好處，但只有當您添加的文本對於alt標記的真正目的有意義 - 才能顯示智能文本，以解釋圖像是什麼，以便人們無法看到它！
這就是說，替代文字並不意味著作為SEO工具並不意味著你不能在本文中使用你的關鍵字。 由於備選文字對於圖像來說很重要，並且需要，因此如果您添加的內容有意義，搜索引擎不會因為將關鍵字放在那里而受到懲罰。 請記住，你的首要任務是給你的讀者。 可以檢測替代文本中的關鍵字垃圾郵件，並且搜索引擎始終會更改其規則以防止垃圾郵件發送者。
一個好的經驗法則是在符合圖像描述的地方使用您的搜索引擎關鍵字，並且不要在替代文本中使用多個關鍵字。
保持你的文字有意義
請記住，替代文字的重點是為您的讀者定義圖像。 許多Web開發人員為自己使用替代文本，包括圖片大小，圖像文件名等等。 雖然這可能對您有用，但它不會為您的讀者做任何事情，因此應該從這些標記中省略。
圖標和項目符號僅使用空白Alt文本
您將定期使用沒有任何有用的描述性文字的圖像，如項目符號或簡單圖標。 使用這些圖像的最佳方式是在CSS中，您不需要替代文本。 但是，如果你絕對必須在你的HTML中使用它們，請使用空白的alt屬性，而不要將它完全關閉。
將星號（*）這樣的字符表示為子彈可能會很誘人，但這可能會讓人更加困惑，只是簡單地將它留空。 在文本瀏覽器中放置文本“子彈”將更加奇怪。
Jennifer Krynin的原創文章。 由Jeremy Girard於3/3/17編輯