使网站更易于访问的最简单方法之一是在图片标签中使用alt属性。 对我而言,有多少人会忘记使用这个简单的属性,这真是太神奇了。 事实上,现在,如果您想要编写有效的XHTML,alt属性对于img标签是必需的。 但人们仍然不这样做。
ALT属性
alt属性是img标记的一个属性,当它们遇到图像时,它将成为非视觉浏览器的替代物。 这意味着,该文本是为了在页面上看不到图像时使用的。 相反,显示(或阅读)是替代文本 。
当客户将鼠标放在图像上时,许多浏览器也会显示替代文字。 这意味着文本应该清晰易读,并且不会为任何读者在您的页面上暂停鼠标创建巨大的弹出式噩梦。 添加替代文字很简单,只需在图片上使用替代属性即可。 以下是编写alt标签的一些提示:
简洁的
如果alt文本太长,某些浏览器会实际上中断。 尽管描述图像中的确切内容似乎很好,但这不是alt标记的目的。 相反,它应该充满了将图像置于上下文中而不再需要的单词
清楚
不要太简短,以免上下文混淆。 请记住,有些人只会在alt标签中看到文字,所以如果太短暂,他们可能无法理解您想要显示的内容。 例如:
- 一棵树 - 好
- 一个无花果树 - 更好
- 一个10英尺高的梧桐树,大部分是棕色的叶子,可能是树皮出了毛病 - 太多了
是上下文的
如果要在上下文中查看图像,请不要描述图像。 例如:如果您有公司徽标的图像,则应该写入“公司名称”而不是“公司名称徽标”。
不要显示您的网站的内部工作
如果您要放置间隔图片 ,请为您的替代文字使用空格。 如果你写“spacer.gif”,它只是提醒你注意网站,而不是提供有用的信息。 从技术上讲,如果你想写有效的XHTML,你应该使用CSS而不是间隔图像,所以你最好不要使用这些图像的替代文本。
有搜索引擎意识
如果您拥有简洁明了的简洁文字,可以帮助您的搜索引擎排名,因为您网页上的图片可以促进并增强您的关键字。
请勿将其仅用于搜索引擎优化
许多网站认为,如果他们使用替代文字作为搜索引擎优化工具,他们可以“欺骗”搜索引擎,优化他们的网站的关键字,他们没有那里。 然而,如果搜索引擎决定你试图伪造你的结果并将你完全从结果中删除,这可能会适得其反。