ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,+ \% g' O9 ~0 y V
8 } t' |2 V# w$ a9 f從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:. m# _, i9 q4 H' H, M1 J9 X
網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
# H8 K3 d7 W; w+ S" f) O* n( ~有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
# T- o6 Z% L3 P& J4 Y有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。
% d$ C2 T* L0 ^# f* m8 z1 ]; b4 c9 {1 x$ ], o
n, C+ E9 r/ _- Y$ K
ALT-代替屬性的寫法
B! J W. {( \ H% E* D' p; E: ~% ?- S4 W. i2 y
最不好(但最常見):! k# G+ n" U$ s& [& b
<img src="nt12343.jpg" alt=""/>
1 M [6 g# Y: G$ @! H$ G' W+ i: g3 S7 j* n
稍好(但沒有告訴用戶具體內容):1 B( v7 N3 L$ o6 K: Z7 u" L
<img src="nt12343.jpg" alt="寶貝"/>5 M9 c! c/ Y' ?
2 U; \! Z5 A T- z# e9 D ?8 k
最佳(簡單描述圖片內容,並嵌套關鍵詞):
( Z2 b8 J0 e* c7 c8 s! a) A7 s<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">
) Z6 w' q7 ]! _- ~9 ]$ V7 d* [/ R& ~. Z% d2 y# ]3 t9 C
要避免(可能會導致被視為Spam垃圾網站):
5 L3 l4 t/ P3 { w9 b; R/ v4 n<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>( Z6 l; q$ C5 l
& j5 S/ X7 e) U) f( h$ K `- t) u
作者:夫唯@SEO培訓 |
|