今天我跟大家谈谈ALT代替属性。

什么是ALT-代替属性？ALT代替属性是用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。

从用户体验和SEO来看，ALT-代替属性都是必要的，其重要性主要有：

• 有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。
• 另外网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。所以， 别忘了在图片的ALT-代替属性里添加上该网页的关键词。
• 有时，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。

ALT-代替属性的写法

最不好（但最常见）：

<img src="nt12343.jpg" alt=""/>

稍好（但没有告诉用户具体内容）：

<img src="nt12343.jpg" alt="宝贝"/>

最佳（简单描述图片内容，并嵌套关键词）：

<img src="nt12343.jpg" alt="宝贝二周岁生日吃蛋糕">

要避免（太多垃圾，垃圾）：

<img src="nt12343.jpg" alt="小宝宝 宝贝 心肝 蛋糕 吃蛋糕 生日 宝宝生日 小宝宝生日"/>