网站图片alt属性标签的设置技巧

我们在设计网站时都会考虑到网站图片优化的问题，对于图片来说它与搜索引擎之间的微妙关系。

对于搜索引擎来说，他不可能认识图片，识别不出图片来，没法直接对图片进行分类、索引。

那么他就需要一个和图片相关联的依据，也就是ALT标签和图片说明。

ALT标签就是你这个图片所表达内容的解释。

今天笔者就跟大家分享一下网站图片alt属性标签的设置技巧和方法。

第一：网站图片alt属性标签的设置技巧有哪些？

我们在网站图片中使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。除此之外你还可以添加一些特殊的标注像是图片说明、评论、设计群体、位置和主题。搜索引擎在抓取内容时也会看图片周围的文字来决定图片的相关性。标注旁边的文字和锚文本旁边的文字对图象搜索排名有一定的影响。

ALT属性标签添加的时候我们需要注意一下几点：

1、与页面主体相符合。

2、尽量使用页面所布局的关键词。

3、不宜过长，建议在20个汉字以内

这里我不得不单独提一下，前几天我又见到图片ALT属性标签关键词堆砌的做法，请大家不要为了布局的关键词而傻傻的去不断的堆砌关键词，这是不理智的行为。

第二：要注意网站图片的命名

图片的命名：取一个和文档相匹配的图象名称很重要。图象名称将会出现在图表图象的搜索结果中，当搜索用户在浏览一些他们喜欢的图表图片中，这可以和用户形成沟通。不要以为那些图象编辑器会对你的默认图片名称进行优化。默认的名字对搜索引擎没有任何的沟通作用，因此应该事先设定一套命名结构体系。

建议：如果你有一张关于青岛网站建设的图片，那么就应当使用像qingdaowangzhanjianshe.jpg这样具有描述性质的文件名，而不是使用随便给图片命名，当然可以使用替换文字作为图片的文件名。

第三：在设置图片alt属性标签时要结合与title搭配使用。

可能很多新手在做站内优化的时候，不明白图片标签img中alt与title的区别。其实，两者之间主要有两点不同：

1、含义不同

alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明

2、在浏览器中的表现不同

在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示;只有在ie6中，当鼠标经过图片时title和alt的值都会显示。

对于网站seo优化来说，title与alt还有最重要的一点：搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包含关键词，也是页面优化的一部分。条件允许的话，可以在title属性里，进一步对图片说明。