DIV CSS 佈局教程網

ALT-代替屬性，用來對網頁上的圖片進行描述，光標在圖片上時顯示的提示語即采用該標簽實現，如：本頁右側的“RSS”圖標。

從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：

• 網頁內容相關性是關鍵詞優化的前提，搜索引擎認為，網頁上的圖片應該與網頁主題相關。反過來講，當搜索引擎要判斷網頁的關鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。所以， 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
• 有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容，從而添加用戶體驗。正規的網站都應該這樣做。
• 有時，如果沒有ALT-代替屬性，會導致用戶不明白該圖片代表著什麼，為什麼放在這個網頁。

 

ALT-代替屬性的寫法

最不好（但最常見）：

<img src="nt12343.jpg" alt=""/>

稍好（但沒有告訴用戶具體內容）：

<img src="nt12343.jpg" alt="寶貝"/>

最佳（簡單描述圖片內容，並嵌套關鍵詞）：

<img src="nt12343.jpg" alt="寶貝二周歲生日吃蛋糕">

要避免（可能會導致被視為Spam垃圾網站）：

<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>