ALT-代替屬性

ALT-代替屬性，用來對網頁上的圖片進行描述，光標在圖片上時顯示的提示語即採用該標籤實現，
& z( v  f/ J: F! H! f/ G8 p! I
從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：
! x8 t" I' N# k! v+ I+ U" `網頁內容相關性是關鍵詞優化的前提，搜索引擎認為，網頁上的圖片應該與網頁主題相關。反過來講，當搜索引擎要判斷網頁的關鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。所以， 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容，從而添加用戶體驗。正規的網站都應該這樣做。
3 v3 t6 M$ d- _: h: T有時，如果沒有ALT-代替屬性，會導致用戶不明白該圖片代表著什麼，為什麼放在這個網頁。
" N1 V: `9 M2 ^7 ?0 N! F

1 N1 {0 W* n2 A  K) e+ S- rALT-代替屬性的寫法

* T+ @* A4 f: Z# `  m% L! f最不好（但最常見）：
  k+ j  b* m+ @  B/ z$ j6 W3 p<img src="nt12343.jpg" alt=""/>

: F/ F4 N" ~1 g! {稍好（但沒有告訴用戶具體內容）：
0 O5 }9 z' i, d8 }<img src="nt12343.jpg" alt="寶貝"/>
, a6 M2 S& u; N5 Q. S; j
最佳（簡單描述圖片內容，並嵌套關鍵詞）：
<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">

要避免（可能會導致被視為Spam垃圾網站）：
<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>
  v0 k0 E2 M& e; }8 ?8 x: b: [4 B

作者:夫唯@SEO培訓