使您的网站更易于访问的最简单方法之一是在图片代码中使用alt属性。令我惊讶的是有多少人忘记使用这个简单的属性。实际上,现在,如果要编写有效的XHTML,则img标记需要alt属性。然而人们仍然不这样做。
ALT属性
alt属性是img标记的一个属性,意思是一个 ALT 当非可视浏览器遇到图像时,它们就会出现问题。这意味着,当图像在页面上不可见时,文本将被使用。相反,显示(或读取)的内容是替代文本。
当客户将鼠标放在图像上时,许多浏览器也会显示替代文本。这意味着文本应该清晰易读,并且不会为任何读者将鼠标停留在页面上造成巨大的弹出式噩梦。添加alt文本很简单,只需在图像上使用alt属性即可。以下是编写alt标记的一些提示:
简洁的
如果alt文本太长,某些浏览器实际上会中断。虽然描述图像中的确切内容似乎很不错,但这不是alt标记的目的。相反,它应该完全填充将图像放在上下文中所需的单词,而不是更多
清楚
不要太简短,以至于上下文令人困惑。请记住,有些人只会看到你的alt标签中的文字,所以如果它太简短,他们可能无法理解你想要展示的内容。例如:
- 一棵树:好
- 美国梧桐树:更好
- 一棵10英尺高的梧桐树,大部分是棕色的叶子,树皮可能有些不对劲:太多了
是上下文
如果要在上下文中查看图像,请不要描述图像。例如:如果您有公司徽标的图像,则应写“公司名称”而不是“公司名称徽标”。
不要显示您网站的内部工作原理
如果您要放置间隔图像,只需使用空格替换alt文本。如果你写“spacer.gif”,它只是引起对网站的关注,而不是提供有用的信息。从技术上讲,如果你正在尝试编写有效的XHTML,你应该使用CSS而不是间隔图像,所以你也可以将alt文本从这些图像中删除。
成为搜索引擎的意识
如果您有完整,简洁,清晰的替代文字,这实际上可以帮助您的搜索引擎排名,因为您网页上的图片会宣传和增强您的关键字。
不要仅将其用于搜索引擎优化
许多网站认为,如果他们使用alt文本作为SEO工具,他们可以“欺骗”搜索引擎优化他们的网站,以获得他们没有的关键字。但是,如果搜索引擎决定您试图伪造您的结果并完全从结果中删除,则可能会适得其反。