在页面优化细节因素里面就经常会提到图片alt属性，这个问题经常困扰着新手朋友，特别是对html语言不熟悉的更是不好理解。

那么图片alt替代属性是什么意思呢？

alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性。它的作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。

如下图所示：

我故意把图片路径写错，它就显示为ALT属性文本“seo优化思路”，我们再看下它的代码，如图

ALT-代替属性的写法

<img alt=”…”>

常见有以下这些写法，我们分别作分析：

一、最不好（ALT为空，但最常见）：

<img src="杭州seo.jpg" alt=""/>

二、稍好（但没有告诉用户具体内容，不够精确）：

<img src="杭州seo.jpg" alt="seo"/>

三、最佳（简单描述图片内容，并嵌套关键词，比较推荐的写法）：

<img src="杭州seo.jpg" alt="杭州seo网站优化">

四、要避免（可能会导致被视为Spam垃圾网站，过度就很容易被惩罚）：

<img src="杭州seo.jpg" alt="杭州seo seo 杭州网站优化 杭州网站建设 杭州网站优化找羽毛"/>

那么图片ALT替代属性在网站起了哪些作用：

首先，ALT最大的作用并非为了SEO，它最根本的目的是帮忙视力受损的读者如果使用屏幕阅读器，这些应用程序会将图像中提供的alt文字读出，让他们以聆听理解图像内容。

其次，当图片丢失等其他图片不能正常显示情况，描述性的ALT-代替属性可以帮忙浏览者知道该位置的内容，从而添加用户体验。

再次，ALT属性页是对图片的一个说明，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么出现在这里。

最后，搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。这点也就是我们做seo优化经常提及的一个方面，记住，它仅仅是ALT属性的一个方面而已，SEO不是全部。

最后的最后，写图片ALT属性应该注意内容的精准性，同时在同一页面不同图片不要全部ALT都一致，这是很低级的做法。

这篇文章主要介绍了图片ALT属性是什么，它的写法有哪些，同时分享图片ALT替代属性在网站的作用。