November 25, 2008


更多



图片就像你网站很直观的零件,但是你依然可以优化它们。所有的图片你都可以有一个很直接的文件名和一个“alt”属性,这两者你都可以好好地加以利用。

如果你的图片出于某种原因无法显示,”alt”属性允许你为它添加一个替代文字。


点击在新窗口中浏览此图片

在我们这张图片的”alt”属性给出了一个简练却精确的描述。

为什么使用这个属性呢?如果你的用户浏览你的站点使用的是不支持图片的设备,或者其它某种技术,比如说屏幕阅读器,”alt”属性在这时就大有用处了,它可以为你的图片可以一些信息。


点击在新窗口中浏览此图片

出于某种原因我们这张图片就没有显示出来,但至少替代文字显示出来了。


使用”alt”属性的另一个原因便是你把图片作为链接时,图片的替代文字将会被当作一个链接的锚文本处理。然而,当文本链接可以胜任相同功能时,我们并不推荐为你的网站导航使用太多的图片链接。最后,可以试着优化一下图片的文件名和替代文本,使得像Google图片搜索这样的搜索服务能够更轻松地读懂你的图片。

图片优化实战经验

1、为图片的文件名和替代文本使用简练但很具描述性的文字——就像网页其它优化目标一样,文件名和替代文本在短小精练时最好。只是需要避免:
    Â·ä½¿ç”¨åƒâ€image1.jpg”,”pic.gif”,”1.jpg”这类自动生成的文件名。(一些含有成千上万图片的网站可能就会考虑使用这种命名方式。)
    Â·æŠŠæ–‡ä»¶åå†™å¾—极其冗长。
    Â·åœ¨æ›¿ä»£æ–‡æœ¬é‡Œå¤§é‡å †ç Œå…³é”®è¯æˆ–者直接复制粘贴一整个句子。

2、把图片作为链接时为它们添加替代文本——如果你决定把一张图片作为一个链接,替代文本可以使Google很容易地明白你将指向网页的内容。试着想象一相你在为文本链接添加锚文本时的情景就明白了。但下面的情况你可能需要避免:
    Â·æŠŠæ›¿ä»£æ–‡æœ¬å†™å¾—太长,以至于被当成垃圾处理。
    Â·ä¸ºä½ çš„整个网站导航都使用图片来表现。

3、为图片专门划分一个存储目录——抛弃那些交叉整个域名的目录或者子目录来存储图片的方式,考虑使得一个单一的目录来存储它们(比如说brandonsbaseballcards.com/images/).这是对你图片路径的简化。

4、使用常用地且被支持的文件格式——大部分浏览器都支持JEPG,GIF,PNG和BMP格式的图片。让你的文件扩展名和图片格式匹配也是很重要的。
最后编辑: 郝聪 编辑于2008/11/26 18:37
6 Comment(s)
核桃 Email
2011/06/10 09:40
同一个页面的不同图片使用同样的ALT,不知会怎样呢  www.517hetao.com
核桃 Email
2011/06/10 09:40
同一个页面的不同图片使用同样的ALT,不知会怎样呢  www.517hetao.com
胎毛笔
2009/09/19 10:58
不错,学习了  :-) 值得学习
胎毛笔
2009/09/19 10:58
不错,学习了  :-) 值得学习
泰州房产网
2009/08/16 16:42
图片还要优化,不难看就是了。
泰州房产网
2009/08/16 16:42
图片还要优化,不难看就是了。
泰州房产网
2009/06/07 14:28
图片优化也有方略,值得学习。
泰州房产网
2009/06/07 14:28
图片优化也有方略,值得学习。
马云 Email
2009/04/09 20:35
SEO ,王通的SEO
马云 Email
2009/04/09 20:35
SEO ,王通的SEO
彩虹
2008/12/19 09:23
很不错,值得学习
彩虹
2008/12/19 09:23
很不错,值得学习
分页: 1/1 第一页 1 最后页
发表评论
昵称
密码 [ 游客无需密码 ]
电邮
网址
打开HTML 打开UBB 打开表情 隐藏 记住我