ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現," F. k. r$ D0 e, r
+ z; j8 H, H& l' D4 {+ \% M從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:9 U& b$ B+ P: p% z9 @
網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
) Q* o# Q$ I& l1 ^, B* E" D. a有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
* R9 @0 e* A, p/ _% k2 E有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。) d& D( h1 k r: ^2 z {
1 Q" p, S' Q. f0 }6 t
: r+ H" r; R J3 Q: ]
ALT-代替屬性的寫法
m$ |4 j! Z) l" n9 `* q& z
" j8 a9 }' }4 u' R) z, G最不好(但最常見):' k- `& Q7 {$ e
<img src="nt12343.jpg" alt=""/>$ d- s& Z3 A: ~
' @; h, |. {2 {9 @- e% J稍好(但沒有告訴用戶具體內容):
6 B8 E7 B: h" p& ^+ ]) J' m<img src="nt12343.jpg" alt="寶貝"/>4 R" _' ~: h# K
/ q$ R; A* F2 P" n最佳(簡單描述圖片內容,並嵌套關鍵詞):
% l" W# X ]% X$ M5 h<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">/ u# q3 f* f/ p% F+ A8 o8 q. I% p, O
& }$ d ?/ S2 o( B( q3 Y要避免(可能會導致被視為Spam垃圾網站): ) D; B' P2 K, R+ U. b
<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>$ k/ r* M9 i# w
( S! j# Q3 t0 R) I
1 n3 C$ m# O! `, [
作者:夫唯@SEO培訓 |
|