简介

导读

具体描述

简介

ALT-代替属性是一个计算机网络术语，就是指用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。

导读

ALT字符串（用于图像），HTML创作者在HTML IMG标记中添加的可选的文本字符串，该字符串用于对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现。

具体描述

ALT-代替属性，用来对网页上的图片进行描述，光标在图片上时显示的提示语即采用该标签实现，从SEO和用户体验来看，ALT-代替属性都是必要的，其重要性主要有：网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该与网页主题相关。反过来讲，当搜索引擎要判断网页的关键词时，图片的ALT-代替属性是一个可信任的参考点。

网页内容相关性是关键词优化的前提，搜索引擎认为，网页上的图片应该和网页主题相关

有时候因为一些原因，比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的ALT-代替属性可以告诉用户该位置的内容，从而添加用户体验。正规的网站都应该这样做。有时，如果没有ALT-代替属性，会导致用户不明白该图片代表着什么，为什么放在这个网页。

例如，对于瀑布的一幅图像，ALT字符串可能是：“瀑布的GIF图像”。ALT字符串允许使用纯文本浏览器或选择不下载图像的用户知道图像的说明。

ALT-代替属性的写法：

不太好的：

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

较好的：

<img src="puppy.jpg" alt="小狗"/>

最好的：

<img src="puppy.jpg" alt="斑点狗取回猎物">

应避免

<img src="puppy.jpg" alt="小狗 幼犬

小犬 幼狗 拾猎犬

拉布拉多猎犬 猎狼犬 赛特犬 导盲犬 杰克 拉塞尔犬 小猎犬

狗粮 便宜的狗粮 小狗食物"/>

在 alt 属性中填入关键字（关键字堆砌），可能会造成不良的用户体验，而且还会让别人把您的网站视为垃圾网站。您应该想办法制作信息丰富的实用内容，这些内容应根据具体的环境适当地使用关键字。