ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,
3 c% e7 A9 x% p1 v9 [1 m' c1 P O$ ~/ I0 r, I7 J1 v W
從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:
! R) [ ], ^' n/ ]0 [5 r$ T網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
, M+ N: Q( f7 E$ r; N有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
) H) X J9 I: A) w0 }) J5 [8 s有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。' M, ^6 ?5 V* ~$ ^
K/ Y' g O2 U; y
9 ]5 g8 w' ]& o* r9 G
ALT-代替屬性的寫法
2 h; U, I. u; Z% f( L" _" O
4 a5 K' X/ o3 ] I1 w最不好(但最常見):6 s: o0 [* u3 J( K
<img src="nt12343.jpg" alt=""/>. b9 W' w# O' j8 t
+ `4 z! G/ s0 k1 L
稍好(但沒有告訴用戶具體內容):
# Q' h) Y& y) v<img src="nt12343.jpg" alt="寶貝"/>% P2 s& \" c% G2 z4 H
T% R6 Q/ e! {最佳(簡單描述圖片內容,並嵌套關鍵詞):0 e+ U, y- u+ w* z B/ N! N
<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">
' V8 |2 C' s+ Q' k$ V9 m7 w
2 R6 b! N* ^ w2 E6 f9 f! B要避免(可能會導致被視為Spam垃圾網站): - O% u, z' M5 d- T! j
<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/># e6 I' M0 e9 W: t) j" I
7 h3 c* d3 U: @2 A- j6 Z
9 a% n: l0 Z' a7 U9 J! j作者:夫唯@SEO培訓 |
|