文档介绍：ITBUS pany Limited
闫刚(老猫)
屯庆岿氛稗凭谩脸棒条戈匝冕戒巷档氨廓羽遁颊摊蓄灼榴壶等漾千坚忍喜优化优化的图像优化优化优化的图像优化
老猫 SEO 培训展示文档©2011
图片看起来似乎是网站的组成中比较简单的一部分, 但实际上图片也是可以进行优化的。所有的图片都可以拥有一个独一无二的名字和“alt”属性, 我们可以对这两个特性加以利用。当图片因为一些原因不能显示的时候, alt属性便可以帮助我们指定需要替换显示的文字。
图片信息可以使用alt属性表达
穆季壤急苔寝崇肃琐瑚频沧绞捻磐别涎商尼蝎农辅驯宇寇走否燃诲职行筛优化优化的图像优化优化优化的图像优化
老猫 SEO 培训展示文档©2011
alt属性(注意是“属性”而不是“标签”)是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性。它的作用是当HTML元素本身的物件无法被渲染时,就显示alt(替换)文字作为一种补救措施。
我们先来认识下什么是alt属性
为什么要使用这个属性呢?
用户的浏览器不支持图片显示,带宽较低,网络阻碍,图片被删除等导致图片无法显示,或者用户在使用一些类似于屏幕阅读器的设备时, alt属性的内容就可以提供关于图片的信息。除此之外,在图片有链接的时候,alt属性还能起到与文本链接的锚文本相同的作用。
辩艺炊丁朝客褒伪柒瘤美束月逢剔迹蔓波豢童慢龋庐唤蛛乾充吴躇淑迸皇优化优化的图像优化优化优化的图像优化
老猫 SEO 培训展示文档©2011
X 最不好(但最常见):
<img src="" alt=""/>
√稍好(没有告诉用户具体内容):
<img src="" alt="大灾变"/>
√最佳(简单描述图片内容,并嵌套关键词):
<img src="" alt="魔兽世界大灾变今日开启"/>
X 要避免(可能会导致被视为Spam垃圾网站):
<img src= " " alt= "魔兽世界巫妖王之怒大灾变浩劫与重生魔兽攻略副本攻略任务攻略"/>
alt属性的几种常见写法
衣挨锗臃只孪蛙妈搀续脖真仿桌她川税东锤窘月鹅汉炙敏税敲苦阑炎艘讫优化优化的图像优化优化优化的图像优化
老猫 SEO 培训展示文档©2011
常用的图片类型和保存目录
我们还需要使用普遍被支持的图片文件类型——大部分的浏览器都支持JPEG , GIF , PNG和BMP格式的图片。同时, 采用和图片类型相符合的文件扩展名也是很值得推荐的做法。
我们应该把图片统一的保存在服务器或虚拟主机中一个单独的目录下(/images/) , 而不是将图片分散在很多二级目录和子目录下。这样可以简化链接到您的图 片的路径。
纺现侣伸男扳爱瞒坑与圾美舷损狸扰媳若闷赚贵失洁使绪樊***烁犹宵熟挎优化优化的图像优化优化优化的图像优化
老猫 SEO 培训展示文档©2011
使用简短但是描述性很强的文件名和alt文本
图片的优化就像网页上其他优化的部分一样, 最好的文件名和alt文本是简短而描述性很强的。
注意避免出现:
单纯使用一些概括性的文件名比如“”, “”,“”。(有些网站有成