为网站图片编写伟大的替代文字

使用替代文字改善辅助功能和页面内容

今天看看网络上的任何网站,你会发现他们有一个共同点就是图像。 可以在网站上使用图像来添加视觉效果,帮助说明想法,并添加到网页的整体内容。 除了选择正确的图像正确准备网页传送之外 ,确保所有网站的图像正确使用ALT文本是正确使用这些网页图像的一个非常重要的部分。

什么是替代文字

替代文本是文本浏览器和其他Web用户代理无法查看图像的替代文本。 它也是图像标签所需的唯一属性之一。 通过编写有效的替代文本,您可以确保您的网页可供正在使用屏幕阅读器或其他辅助设备访问您网站的人访问。 如果因为任何原因(路径错误,传输失败等)无法加载,您还要确保显示的内容代替图像。 这是Alt文本的真正目的,但是这个内容也可以给你更多的地方添加搜索引擎友好的文本,搜索引擎不会惩罚你(稍后更多)。

替代文字应该在图像中重复文字

任何包含文本的图像都应该将该文本作为替代文本。 您可以在其他文字中放置其他文字,但至少应该说与图像相同的内容。 例如,如果您的图片有徽标,则替代文字应重复用您的图形徽标书写的公司名称。

请记住,像徽标这样的图像也可以暗示文字 - 例如,当您在About.com网站上看到红球图标时,它们的意思是“About.com”。 因此,该图标的替代文字可以说“About.com”,而不仅仅是“公司标志”。

保持短文

您的替代文字越长,文本浏览器阅读的难度就越大。 编写替代文本的长句可能很诱人(通常这是因为有人试图用关键字填充标签),但保持较短的Alt标签可以缩小页面,缩小下载页面的速度。

替代文字的一个很好的经验法则是总共保留5到15个字。

在Alt标签中使用您的SEO关键字

人们经常错误地认为替代文本的目的是放置搜索引擎关键字。 是的,这是一个您可以使用的好处,但只有当您添加的文本对于alt标记的真正目的有意义 - 才能显示智能文本,以解释图像是什么,以便人们无法看到它!

这就是说,替代文字并不意味着作为SEO工具并不意味着你不能在本文中使用你的关键字。 由于备选文字对于图像来说很重要,并且需要,因此如果您添加的内容有意义,搜索引擎不会因为将关键字放在那里而受到惩罚。 请记住,你的首要任务是给你的读者。 可以检测替代文本中的关键字垃圾邮件,并且搜索引擎始终会更改其规则以防止垃圾邮件发送者。

一个好的经验法则是在符合图像描述的地方使用您的搜索引擎关键字,并且不要在替代文本中使用多个关键字。

保持你的文字有意义

请记住,替代文字的重点是为您的读者定义图像。 许多Web开发人员为自己使用替代文本,包括图片大小,图像文件名等等。 虽然这可能对您有用,但它不会为您的读者做任何事情,因此应该从这些标记中省略。

图标和项目符号仅使用空白Alt文本

您将定期使用没有任何有用的描述性文字的图像,如项目符号或简单图标。 使用这些图像的最佳方式是在CSS中,您不需要替代文本。 但是,如果你绝对必须在你的HTML中使用它们,请使用空白的alt属性,而不要将它完全关闭。

将星号(*)这样的字符表示为子弹可能会很诱人,但这可能会让人更加困惑,只是简单地将它留空。 在文本浏览器中放置文本“子弹”将更加奇怪。

Jennifer Krynin的原创文章。 由Jeremy Girard于3/3/17编辑