网站图片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属性里,进一步对图片说明。