无论是网站的架构,还是网站文章的更新,都可能会利用图片来美化页面。但是,由于搜索引擎不能阅读图片信息,这就使得图片在对搜索引擎的友好度上变得非常差。图片标签就给了搜索引擎一个介绍,图片的替代文字就放置在图片标签内,这个标签是一个放置关键词的好地方。
在HTML中用来描述图片的简短词组称为“Alt Tag”。在HTML中可以看到,原来的图片描述可以这样得到改进。
最初:<img src="seo.gif">
改进后:<img src="seo.gif" alt=" SEO优化趋势图" >
<alt>标签不仅给搜索引擎提供了对于图片的介绍,而且增加了网页中关键词的使用频率。这里需要注意的是,图片的介绍不能太长,最好是一个词组,当然也不用加入一些不相关的关键词,造成关键词的堆砌就不好了。
<alt>标签除了对图片的优化有帮助外,也能够提升用户的体验,因为当访问者阅读文章的时候,将鼠标放在图片上,<alt>标签的内容就会显示出来,如图所示。
可以看到,图片上显示的说明文字对用户体验的提升非常有帮助。需要说明的是,有些浏览器不支持<alt>标签,如火狐、谷歌浏览器,如果想要显示图片介绍内容的话,可以在<img>标签里添加<title>属性。