ALT-代替屬性,用來對網頁上的圖片進行描述,光標在圖片上時顯示的提示語即採用該標籤實現,
# ^2 d' h% [& E# T- r Q/ I& u5 \
: \3 h6 { e0 h. {5 N4 Y1 ]* Z( p: D從SEO和用戶體驗來看,ALT-代替屬性都是必要的,其重要性主要有:2 U. z; @) T4 u* K6 j- S- d
網頁內容相關性是關鍵詞優化的前提,搜索引擎認為,網頁上的圖片應該與網頁主題相關。反過來講,當搜索引擎要判斷網頁的關鍵詞時,圖片的ALT-代替屬性是一個可信任的參考點。所以, 別忘了在圖片的ALT-代替屬性裡添加上該網頁的關鍵詞。
. R* U C! z& H1 x. e% w有時候因為一些原因,比如使用屏幕讀取器、帶寬較低、網絡阻礙等導致網頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內容,從而添加用戶體驗。正規的網站都應該這樣做。
/ ~. r3 X# M, N1 U有時,如果沒有ALT-代替屬性,會導致用戶不明白該圖片代表著什麼,為什麼放在這個網頁。
1 |* i D" p" Y+ I/ M( j E& ^. J: C" Q
% ]" r, J0 K9 E1 FALT-代替屬性的寫法3 _# k! f' z1 g; _( G2 [7 T' Q
7 _ t" L7 h" _6 R( s Y( b& {
最不好(但最常見):: C. ^& J2 P2 c1 K' A" X' J
<img src="nt12343.jpg" alt=""/>
& t. s7 b. c1 |) P! u: y0 ?9 c- w0 i3 |" N% f/ c$ e0 R+ W4 `- s
稍好(但沒有告訴用戶具體內容):* L- e8 @! a6 b
<img src="nt12343.jpg" alt="寶貝"/> \: J$ T) p" ]$ u
* n6 y3 x% U4 I3 o3 S* |最佳(簡單描述圖片內容,並嵌套關鍵詞):
- I+ j% \, s' O& M" u: z" G( j6 p% f( k<img src="nt12343.jpg" alt="寶貝二週歲生日吃蛋糕">; U# _* F0 s8 K6 _' r! ^# o
# \& J! H2 D9 l; U0 v
要避免(可能會導致被視為Spam垃圾網站):
6 ?( d% i% h! g. Q# z) u8 G$ C<img src="nt12343.jpg" alt="小寶寶 寶貝 心肝 蛋糕 吃蛋糕 生日 寶寶生日 小寶寶生日"/>
+ i1 V& y9 Q. ^. l: A" @' i: s0 j ^+ F" v/ j
) A: Q6 i% s( h! B" q7 B; \2 U K& J( x
作者:夫唯@SEO培訓 |
|