ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,
8 Q" l: I7 U6 r, Q: ]9 ~3 U
( F: m" P! V7 O5 G; u5 y& P! t, x. p從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:
1 k- j4 y) `) Z" w3 [網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。0 g3 K, b+ b8 `* h( X: h6 N" k
有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
Z& ^9 t; j3 l9 Y有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。
! K* e/ s: `8 C$ h9 B
( \1 D* n9 A3 n$ a( J
~' t L) F5 f- gALT-代替屬性的寫法
; v' z$ |% i# {6 F/ d8 E. n* }
1 H5 `/ D$ J- x6 Z5 O6 O/ b最不好(但最常見):6 K5 y @2 V% h# s$ a- e* b
<img src="nt12343.jpg" alt=""/>; a6 u* u/ Z" V |. W p
% S8 L2 |: v5 M+ u* ]
稍好(但沒有告訴用戶具體內容):
; V$ X! S4 r3 \$ d+ @<img src="nt12343.jpg" alt="寶貝"/>
7 z3 c0 E8 O' W. `+ v# v* V) V$ L3 l9 l
$ l+ [/ j$ ~* d3 h* f+ o最佳(簡單描述圖片內容,並嵌套關鍵詞):1 ~" U$ E) B$ {" d; y# E
<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">
% j: L& b( ~3 e: Y: S7 m2 x, [, y) g4 F& A
要避免(可能會導致被視為Spam垃圾網站): ' x7 x( a( @0 B9 p) x }6 v3 N
<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>
3 G! e! z) k9 N9 _" S
3 S z& L b0 V1 B" V$ p# [
8 v% J/ S' ^5 y作者:夫唯@SEO培訓 |
|