概述
代替屬性也稱ALT-代替屬性,ALT字元串(用於圖像),HTML創作者在HTMLIMG標記中添加的可選的文本字元串,該字元串用於對網頁上的圖片進行描述,游標在圖片上時顯示的提示語即採用該標籤實現。
具體描述
從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:
網頁內容相關性是關鍵字最佳化的前提,搜尋引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜尋引擎要判斷網頁的關鍵字時,圖片的ALT-代替屬性是一個可信任的參考點。所以,別忘了在圖片的ALT-代替屬性里添加上該網頁的關鍵字。
有時候因為一些原因,比如使用螢幕讀取器、頻寬較低、網路阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。
寫法
較差的,如:
<img src="puppy.jpg" alt=""/>
較好的
<img src="puppy.jpg" alt="小狗"/>
最好的,如:
<img src="puppy.jpg" alt="斑點狗取回獵物">
應避免,如:
<img src="puppy.jpg" alt="小狗 幼犬
小犬 幼狗 拾獵犬
拉布拉多獵犬 獵狼犬 賽特犬 導盲犬 傑克 拉塞爾犬 小獵犬
狗糧 便宜的狗糧 小狗食物"/>
在 alt 屬性中填入關鍵字(關鍵字堆砌),可能會造成不良的用戶體驗,而且還會讓別人把您的網站視為垃圾網站。您應該想辦法製作信息豐富的實用內容,這些內容應根據具體的環境適當地使用關鍵字。
必要性
ALT標籤是有必要使用的,主要有以下三點原因:
1、當網站上的圖片無法顯示時,ALT屬性可以告訴用戶這裡是什麼內容,可以使用戶的體驗提高。一般正規的網站都是這樣做的。
2、有時候一些圖片用戶不知道是做什麼的,為什麼放在這個頁面。比如RSS圖示,雖然有很多網友知道這是訂閱信息的,可是還是有很多人不知道。
3、搜尋引擎認為網頁的內容要具有相關性,所以網頁上的圖片要與網頁的主題具有相關性。也可以說當搜尋引擎判斷一個網頁的關鍵字時,圖片的ALT屬性是一個參考點。因此,在圖片的ALT屬性里加上該頁的關鍵字可以增加網頁關鍵字的密度(注意不要刻意堆砌)。