网站诊断,SEO007

构建易于搜索引擎发现的网站---之使图片可见(一)

        想必大家都知道图片有alt属性。alt属性提供了图片的简短的文字描述。这也许是最著名的易访问技术,但是却又常常被忽视。根据XHTML的W3C规格,所有的图片的标签都需要alt属性。屏幕阅读器用户遇到图片的时,当图片显示为禁用或无法获得时。会显示图片标签,并在IE图片滚动的工具提示框中错误的显示。

       搜索引擎积极索引图片和文本搜素中的alt文本,将其作为评价页面关键词密度的重要因素。首先要确保alt文本是简短的(少于100字)。描述性的,避免使用“。。。。。。的图片”或者“......的图片”,他们会不必要的影响关键词的密度,并且是多余的。因为用户或者搜索引擎已进知道他是图片了。

        如果你不确定在alt属性放置什么文字描述,因为图片没传达什么信息,只是简单装饰。那你应考虑一下图像是否必要或者可以用另外一种不影响易访问性的方式。毫无意义的图片,如像素垫片,应该不喜一切代价的避免,因为高级的布局控制能够通过CSS实现。不需要抓取无意义图像标签的页面。不含信息的装饰图片可用CSS。将其作为<div>标签或者或其他阻碍级标签的背景图片呈现。

        试想如果你想在网页标题旁显示装饰背景。而并非想用图片标签来标记标题,如下:

<h2><img src="i/flourish.gif" alt="decorative flourish"/>About Us</h2>

       图片应该被作为CSS背景图片和填充物,从装饰元素中突出文本:

XHTML:

<h2>About Us</h2>

CSS:

h2 { 

padding-left:25px;

background:url(..i/flourish.gif)  no-repeat left;

 }

单凭经验的方法:如果视觉的内容不传达信息,那么所有的图片都应该通过CSS呈现。当alt不能准确的描述图片中的内容时,同时使用longdesc属性来创建一个包含更完整描述的链接。

 

 

10/14/2009  |  分类:网站建设诊断  |  标签:网站诊断    |   views
喜欢本文,那就收藏到: Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 QQ书签 Digbuzz我挖网

0条评论 关于 “构建易于搜索引擎发现的网站---之使图片可见(一)”


发表您的评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。