img標籤中alt屬性與title屬性在seo的做用-摘自網友

img標籤中alt屬性與title屬性做用，也許你們比較迷惑，如今給你們舉例說明。alt屬性是圖片的替換文字。title屬性規定元素的額外信息，有視覺效果。

目錄

• alt屬性
• title屬性
• ie和firefox下展現

img標籤中alt屬性與title屬性做用，也許你們比較迷惑，如今給你們舉例說明。1111

alt屬性

一、alt屬性是考慮到不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶，以及視覺障礙的用戶和使用屏幕閱讀器的用戶。當圖片不顯示的時候，圖片的替換文字。
二、alt屬性值得長度必須少於100個英文字符
三、alt屬性是img標籤的必須屬性，若是沒有特別意義的圖片，能夠寫alt=""
四、alt屬性是搜索引擎判斷圖片與文字是否相關的重要依據，alt屬性添加到img主要的目的纔是爲了SEO

title屬性

一、title屬性並非必須的。
二、title屬性規定元素的額外信息，有視覺效果，當鼠標放到文字或是圖片上時有文字顯示。
三、title屬性並不做爲搜索引擎抓取圖片的參考，更多傾向於用戶體驗的考慮。

ie和firefox下展現

hdwiki百科

喜歡 分享

圖片1源碼爲：<img title="hdwiki" alt="hdwiki百科" src="http://a4.att.hudong.com/18/06/19300000013045130284066992061_950.jpg">

hdwiki百科

喜歡 分享

圖片2源碼爲：<img alt="hdwiki百科" src="http://a4.att.hudong.com/18/06/19300000013045130284066992061_950.jpg">

一、在ie下，圖片1摸上去顯示「hdwiki」，圖片2摸上去顯示「hdwiki百科」
二、在firefox下，圖片1摸上去顯示hdwiki，圖片2摸上去什麼也不顯示。

說明的問題：
一、在ie下，沒有title時，alt 有title屬性的做用
二、在ie下，同時存在title，alt屬性時，鼠標滑過的優先顯示級別，title要高於alt
三、IE瀏覽器給了你們一個誤導，在IE中ALT會變成title屬性的文字提示是由於IE不標準。這一點Firefox作的就比較好。