ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,
! N- x8 a& I* @& H! \4 o/ j: m4 d0 A. F9 d8 O) [$ o+ G) b, |9 R* o7 B
從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:
: O% S! Y; i) P, d5 t# H7 N: b5 D0 c網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
# w, g1 L! b" Q1 N U有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
( F, ]# r b3 B, l/ v) W7 B+ K有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。" K J4 r- d+ c4 P. g
/ h; x$ F& j* K8 }. H
9 Q. g% Y2 K. }, ^7 FALT-代替屬性的寫法
: L( L0 ]+ j1 S W9 u6 ]# {) ~ k7 ?1 @# s' P. i0 d8 M
最不好(但最常見):
5 U; ?* T2 V3 ?& ?* k5 ~<img src="nt12343.jpg" alt=""/>6 l5 d5 v/ O1 D! w+ }
% L! {8 r) A V) ~( u, W2 x* P稍好(但沒有告訴用戶具體內容):3 \+ H) _/ U9 Y* p
<img src="nt12343.jpg" alt="寶貝"/>- ]% c2 t3 e+ k" g& i8 v3 N
3 J/ F7 q9 C- U: G" N$ U% ]: n/ O }" V
最佳(簡單描述圖片內容,並嵌套關鍵詞):
& p, U! a4 Z% w6 h5 E1 m2 a( ]3 E<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">
( k- s3 Q9 {3 e6 c
- R& y0 y0 T- ^$ _& K2 h; a8 x要避免(可能會導致被視為Spam垃圾網站):
/ i) ^" U: l1 t3 I6 P' _. U, [<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>
9 |6 E' M7 E ~+ \7 o/ F" A/ m7 B- \, {" r1 J2 I1 h4 b( _+ ~+ D' E
, ?7 v$ `& P/ |: \: m) R; y
作者:夫唯@SEO培訓 |
|