ALT-代替屬性

ALT-代替屬性，用來對網頁上的圖片進行描述，光標在圖片上時顯示的提示語即採用該標籤實現，

6 `  x7 m$ N" ~5 x, a, B從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：
4 _8 v; b! ^( [5 X1 e1 i網頁內容相關性是關鍵詞優化的前提，搜索引擎認為，網頁上的圖片應該與網頁主題相關。反過來講，當搜索引擎要判斷網頁的關鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。所以， 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
3 ~7 L. J  S; _& `1 j有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容，從而添加用戶體驗。正規的網站都應該這樣做。
' r) I9 a, V+ c. i9 O, ~  O有時，如果沒有ALT-代替屬性，會導致用戶不明白該圖片代表著什麼，為什麼放在這個網頁。

9 d2 r" q2 ?) ?9 y+ m& e
  N" ]# S8 T+ Z  L( P- ^ALT-代替屬性的寫法

最不好（但最常見）：
<img src="nt12343.jpg" alt=""/>
) e4 x; k5 Y7 ?" B* q5 \+ [
- Y/ i! p1 Q! ]: W+ ~" c稍好（但沒有告訴用戶具體內容）：
<img src="nt12343.jpg" alt="寶貝"/>
8 M2 H  v. ^- ~3 E& u
% C: T' N, }5 r# |/ ^5 n最佳（簡單描述圖片內容，並嵌套關鍵詞）：
) v5 ]- }6 T, }. @<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">

要避免（可能會導致被視為Spam垃圾網站）：
  m8 Q2 Z  T3 E+ N3 c- @/ k. |* T<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>

$ ^8 {4 L8 W" w! v" S& B
( `+ B, S# U7 u- V0 f, V% Y作者:夫唯@SEO培訓