ALT-代替屬性

ALT-代替屬性，用來對網頁上的圖片進行描述，光標在圖片上時顯示的提示語即採用該標籤實現，
% p) `, @- D4 w6 F. w6 l$ w
# r, O% s; y0 |1 }4 U從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：
. r- Y- H- Y8 I4 |網頁內容相關性是關鍵詞優化的前提，搜索引擎認為，網頁上的圖片應該與網頁主題相關。反過來講，當搜索引擎要判斷網頁的關鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。所以， 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
) E' }* a. D# W" H& n有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容，從而添加用戶體驗。正規的網站都應該這樣做。
2 T5 x  o: n. G& x有時，如果沒有ALT-代替屬性，會導致用戶不明白該圖片代表著什麼，為什麼放在這個網頁。
) \& H, o3 a) C  B' E# p/ q8 A

" F& \' N4 ?7 `  gALT-代替屬性的寫法
" B7 h2 h" y# A  A. C  }/ C
最不好（但最常見）：
  D1 \* X- o0 N# K4 {<img src="nt12343.jpg" alt=""/>

稍好（但沒有告訴用戶具體內容）：
<img src="nt12343.jpg" alt="寶貝"/>
9 D2 g6 H2 Y. d! c+ w, U* I
最佳（簡單描述圖片內容，並嵌套關鍵詞）：
<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">

要避免（可能會導致被視為Spam垃圾網站）：
<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>
& c+ d/ K( `1 g, M
/ e3 A& y! I2 f. f% W, C' v( R, D% G
作者:夫唯@SEO培訓