ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,
# D( Z6 ^0 [: v. X% K/ h
7 }0 q. [: D+ c( L! a從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:4 v/ x6 ?# p2 ?
網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。' N) C3 {3 S# O9 H; b- a
有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
# H; `5 n# w1 }' \% P& q7 L$ V# s0 b' ?有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。: x7 B/ A8 I1 P" a5 O/ ?: D
s; ^; j6 v7 a; n8 P. I! l& U
* [/ ^; r# {# |+ h9 p+ W) SALT-代替屬性的寫法
" [9 a5 m$ f% V4 Q9 Y
$ o+ l8 F) L! P, j最不好(但最常見):6 l$ A; B: g5 r
<img src="nt12343.jpg" alt=""/>" T, ~' O) z* F+ f/ Z) i3 ~
d7 e6 u0 {9 }1 b3 z) Y- e4 }8 {3 g0 n稍好(但沒有告訴用戶具體內容):+ h% y o1 A A) R
<img src="nt12343.jpg" alt="寶貝"/>
* U7 H$ x6 ]* P; U2 T" G [; d5 s; G9 Q% P' B5 }$ A
最佳(簡單描述圖片內容,並嵌套關鍵詞):
+ z7 U w: ?( C! @$ a$ F# t<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">7 n( N/ B9 O( e6 D8 x# l
. \6 i8 N8 D. Y2 T# Z
要避免(可能會導致被視為Spam垃圾網站):
3 y; U/ Q: C+ \' U& D' p, w: R+ Q<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>1 D( @2 z' T B
/ n) w& |7 q1 J% Q! v ]
# r( ~' `6 }% g! P6 @6 C0 W作者:夫唯@SEO培訓 |
|