现在看看互联网上的几乎任何网站,你会发现它们的共同点之一就是图像。可以在网站上使用图像来添加视觉效果,帮助说明想法,并添加到页面的整体内容。除了选择正确的图像并正确准备它们以进行网络传送之外,确保所有网站的图像都正确使用Alt文本是正确使用这些图像用于网络的一个非常重要的部分。
什么是Alt Text
替代文本是文本浏览器和无法查看图像的其他Web用户代理使用的替代文本。它也是图像标记所需的唯一属性之一。通过编写有效的替代文字,您可以确保可能正在使用屏幕阅读器或其他辅助设备访问您网站的人员可以访问您的网页。如果由于某种原因(错误的路径,传输失败等)未加载图像,您还可以确保显示某些内容以代替图像。这是Alt文本的真正目的,但是这个内容也可以为你提供更多的地方来添加SEO友好的文本,搜索引擎不会惩罚你(更多关于这一点)。
替换文字应重复图像中的文本
任何包含文本的图像都应该将该文本作为替代文本。您可以在替代文本中放置其他单词,但至少应该与图像说同样的内容。例如,如果您的图像有徽标,则Alt文本应重复由图形徽标写出的公司名称。
同时请记住,像徽标这样的图像也可能意味着文本 - 例如,当您在Dotdash网站上看到红色球图标时,它意味着“Dotdash.com”。因此,该图标的替代文字可以说是“Dotdash.com”而不仅仅是“公司徽标”。
保持短文
替换文本越长,文本浏览器读取的难度就越大。编写替代文本的长句很有诱惑力(通常这样做是因为有人试图用关键字填充标记),但保持Alt标签的简短会使页面越来越小,页面下载速度越来越快。
替代文本的一个好的经验法则是将其保持在5到15个单词之间。
在Alt标签中使用您的SEO关键字
人们经常错误地认为替代文本的目的是放置搜索引擎关键字。是的,这是您可以使用的好处,但前提是您添加的文本对于alt标记的真实目的有意义 - 显示智能文本,解释图像是什么,如果有人无法看到它!
现在,正如所说,Alt文本不是一个SEO工具并不意味着您不能在本文中使用您的关键字。由于替代文本在图像上很重要并且是必需的,因此如果您添加的内容有意义,搜索引擎不会因为将关键字放在那里而惩罚您。请记住,您的首要任务是给读者。可以检测替代文本中的关键字垃圾邮件,并且搜索引擎会一直更改其规则以防止垃圾邮件发送者。
一个好的经验法则是使用您的搜索引擎关键字,它们与图像的描述相符,并且不要在替代文本中使用多个关键字。
保持你的文字有意义
请记住,替代文字的重点是为读者定义图像。许多Web开发人员自己使用替代文本,包括图像大小,图像文件名等。虽然这可能对您有用,但它对您的读者没有任何作用,因此应该从这些标记中省略。
仅对图标和项目符号使用空白Alt文本
您将定期使用没有任何有用描述性文本的图像,例如项目符号或简单图标。使用这些图像的最佳方式是在CSS中,您不需要替代文本。但是如果您必须在HTML中使用它们,请使用空白alt属性,而不是完全不使用它。
放置像星号(*)这样的字符来表示子弹可能很诱人,但这可能比简单地将其留空更令人困惑。将文本“bullet”放在文本浏览器中会更奇怪。
由Jeremy Girard于2017年3月3日编辑