ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,
$ h: J1 M& {2 V" @9 t$ Z: S1 ]* m1 M6 U" k- [
從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:: k4 ]! `8 k* S+ B; V1 M, ]
網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
3 L: O& f7 W: L' W/ s有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
) W+ p% \- q7 G. _. B& F有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。
5 s& R+ S3 c1 G/ X2 y9 q) n
, N4 Z! m x* s; y9 [! v% ^$ r" c$ G: [
ALT-代替屬性的寫法
8 Y: X! O# \' T) f& k2 I0 H% J1 V* v) {( Q3 J
最不好(但最常見):
8 [/ Y# P4 Y! m9 F; T# k; P<img src="nt12343.jpg" alt=""/>
6 m% `1 A G& H% t9 k, C6 F" p3 D4 y' r* z
稍好(但沒有告訴用戶具體內容):" U* g. ?6 \3 V0 y
<img src="nt12343.jpg" alt="寶貝"/>
~" N3 A' N! O8 Y! M" L. ] G! q1 i- u7 m. c
最佳(簡單描述圖片內容,並嵌套關鍵詞):; r9 r9 _& y) A' t- v/ d
<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">
' P, D1 s. J3 I% h- }9 z# w, Z4 t1 D
要避免(可能會導致被視為Spam垃圾網站):
! n& ]2 M+ n8 z+ U<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>. k2 {; ^+ i/ X' k$ |# y
; }) j5 L, i9 u3 F4 Z* O# J6 r4 `& `- G
作者:夫唯@SEO培訓 |
|