alt属性 简介 作用 网页设计img标签中必须属性

简介

alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。[1]

假设由于下列原因用户无法查看图像，alt属性可以为图像提供替代的信息，主要是以下一种情况：

网速太慢；

src属性中的错误；

浏览器禁用图像；

用户使用的是屏幕阅读器。

标签的alt属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

作用

alt属性有时亦会被误称为“alt元素”（alttag，变相与img元素画上等号）。再就是其重要性，当我们网速过慢的时候图片会显示不出来，图片的ALT属性便会访问者该位置的内容，增加了用户体验，而最重要的是在描述中要加入网站的关键词，可以增加网站的关键词密度，当搜索引擎来爬取页面的时候，图片的描述也可以更好的帮助搜索引擎对图片进行理解，利于网站的排名。

例子

视力受损的读者如果使用屏幕阅读器如JAWS（英语：JAWS(screenreader)）或Orca（英语：Orca(assistivetechnology)），这些应用程序会将图像中提供的alt文字读出，让他们以聆听理解图像内容。纯文字网页浏览器如Lynx或允许使用者手动会禁止下载图像的浏览器会显示alt文字以取代图像；一般能正常显示图像的网页浏览器的读者则需要开启图像属性或页面原始档才能得知alt属性内容。

常见误解

IE7将alt文字显示成弹出式提示框InternetExplorer7及更旧版本会错误地将alt属性渲染成弹出式提示框（英语：tooltip）。这个设定导致许多网络开发者真的将alt属性当成弹出式提示框来使用，而忽视了title才是用来显示弹出式提示框的正确属性。

这个失误在InternetExplorer8被改正过来，alt文字不会再被当成提示框弹出。alt属性有时亦会被误称为“alt元素”（alttag，变相与img元素画上等号）。

怎样添加

图片的ALT属性的重要性相信每个SEOer都知道，图片ALT属性有什么作用?该如何写呢?对于一些初学者还是知之甚少。

在此首先说一下什么是图片ALT属性，所谓图片ALT属性就是对图片进行描述的文字。描述文字在页面上不会显示，但当我们把光标放在图片上时就会显示。再就是其重要性，当我们网速过慢的时候图片会显示不出来，图片的ALT属性便会访问者该位置的内容，增加了用户体验，而最重要的是在描述中要加入网站的关键词。

可以增加网站的关键词密度，当搜索引擎来爬取页面的时候，图片的描述也可以更好的帮助搜索引擎对图片进行理解，利于网站的排名。做好了图片的ALT属性无论是对搜索引擎的爬取还是用户体验都是有利无害的，所以我们一定要重视图片ALT属性。

通过正确的进行图片ALT代替属性的书写，可以帮助网站获得一个好的关键词排名，所以一定要重视这一点.

什么是Alt属性？对SEO有什么作用？

整个Alt属性的故事起源是来自上个世纪，由于全球宽带接入还不够富裕时，在用户打开网页时，网页上的图片不能正常显示，通常用Alt属性来指定替换文字。Alt属性可以对图像和图像热点来替换文字。它只能用在img、area和input元素中。对于input元素，alt属性意在用来替换提交按钮的图片。

标签写法

正确写法

alt标签在html语言中的写法是这样的：

图片描述最好是用简短的语句，描述这张图片的内容，如果是链接，则描述链接的作用，并带上关键词。

注意事项

不好的习惯是每张图片都没有alt标签。而不可取的是，对于每个标签都采用关键词堆砌，这样就有可能会导致被视为Spam垃圾网站。