alt属性提供了图片的简短文字描述,这也许是最著名的无障碍技术,但却又常常被忽视。根据XHTML的W3C规格,所有图片标签都需要alt属性。屏幕阅读器用户遇到图片时,当图片显示为禁用或无法获得时会显示图片标签,并在IE图片滚动的工具提示框中错误地显示。
1 h2 I2 d0 O) ?9 o- V5 h注: W3C的XHTML规格说明工具提示文本应只由title属性产生,而非alt属性。- P$ |) v8 F% G$ |6 O# Z
搜索引擎积极索引图片和文本搜索中的alt文本,将其作为评价页面关键词密度的重要因素。确保alt文本简短(少于100个字符)、描述性的,避免使用”。。的照片”或”。。的图片 “,它们会不必要的影响关键字密度,并且是多余的,因为用户/搜索引擎已经知道该元素是图片。
/ W5 M* N, O( l如果你不确定在alt属性中放置什么文字描述,因为图片没传达什么信息,只是简单的装饰,那你应考虑一下图象是否必要或者可以用另一种不影响无障碍性的方式。毫无意义的图片,如像素垫片(一种过时的技术,1平方像素、透明的Gifs用来定位页面元素),应不惜一切代价避免,因为高级的布局控制能够通过CSS实现,不需要抓取无意义图象标签的页面。不含信息的装饰图片可用CSS,将其作为
5 ^5 w5 y4 N- i, Q+ @* E: x% T标签或使其他阻碍级标签的背景图片呈现。; p0 y! a2 g: ~6 H' W4 ~2 V
单凭经验的方法是:如果视觉内容不传达信息,那么所有图片都应当通过CSS呈现。当alt不能准确描述图片中的内容时,同时使用longdesc属性来创建一个包含更完整描述的链接。传统上,longdesc已被用来链接包含详细描述的外部HTML文件./ R" t- ]( m6 V1 \% t- e6 ^1 N
这种方法有一些缺点:: @5 L) x0 T+ R9 a; s, n) ~4 a8 [
1.要求用户离开正在浏览的网页,这可能会令人恼怒;: R% S: X- \! x; q/ z4 f
2.将重要的、关键字丰富的内容移到另一页,它可以被搜索引擎单独检索,而不是与页面其他相关联的内容放在一起
8 L8 ?, v7 Z8 x" I2 Z" K3.需要在网站上创建另一文档案来管理,当许多图象要求longdesc内容时,可能会很累赘。
7 q1 j/ R3 w* S- ^$ V不用把longdesc文本放在另一页面上,你只需在标记中创建一个注脚区,在longdesc中放置锚链接:
+ _% T7 D9 e+ U) x/ l/ H因为注脚的栈会在页面底部创建看似不必要的滚动空白区域,因此你可能希望从文件流中删除它。把和CSS放在一起的元素从文件流中删除,这意味着页面看上去就像它不存在。现在有了适当的注脚,图片也变得搜索引擎友好.本文章由全球二手网qqershou.com整理发布,愿与大家一起探讨SEO技术,诚招收录稳定的友情连接,谢谢合作." t8 W3 v; y* R6 k. k7 D" @
$ \+ B+ L) F. n( q: F
|