什么是 Alt 文本?
Alt 文本(替 代文本)--又称 "alt 描述 "或 "alt 属性"--是对 HTML 网页中图片的书面描述。其主要目的是提高无法看到图像的人的可访问性。
你经常会听到有人把它称为 "alt 标签",但这在技术上是不正确的。Alt 文本是 HTML 标签中的一个属性。
如何执行 Alt 文本
alt 属性以alt=
开头,后面是引号中的 alt 文本。它通常是这样的
<img src="image.jpg" alt="图像 alt 文本" title="图像标题"/>。
Alt 文本为何重要?
无障碍环境
为图片添加alt文本主要是为了提高网络的可访问性。数百万视障用户依靠屏幕阅读器来浏览网络内容。对他们来说,拥有与视觉显示信息相当的文本至关重要。如果没有alt文本,屏幕阅读器就无法传达图片的内容,从而损害了用户体验。
搜索引擎优化的好处
Alt 文本在搜索引擎优化中也发挥着作用。虽然用户看不到 alt 属性,但搜索引擎和屏幕阅读器可以读取它们。文本有助于搜索引擎理解图片的内容。这就增加了图片的语义,提高了页面在谷歌眼中的相关性,并有可能帮助提高排名。
此外,alt 文本还能提高您在谷歌图片中的排名,为您的网站提供额外的流量来源。当图片用作链接时,alt 文本可作为锚文本,帮助 Google 理解链接页面的内容。
Alt 文本的最佳做法
为图片添加alt文本是一种简单的方法,可以使页面更易于访问,并有助于搜索引擎优化。以下是一些需要牢记的最佳做法:
1.审核网站是否缺少 Alt 文本
首先检查是否丢失了 alt 文本。使用能够抓取网站的在线工具,查找缺少或空白alt文本的图片。Google Search Console等工具和各种搜索引擎优化审核工具都可以帮助完成这项任务。
并非所有图片都需要 alt 文本。装饰性图片可以不加,因为它们不提供有意义的内容,会被屏幕阅读器忽略。将重点放在访问量最大的页面上,这些页面会带来大量的有机流量。
2.避免堆砌关键词
alt文本可以包含相关关键字,以提高搜索引擎优化效果,但关键是要使用与页面内容一致的信息丰富且有价值的文本。避免关键字填充,因为谷歌不鼓励这种做法,而且这种做法会被视为不道德和无效。
少用关键词,只在自然适合描述的地方使用。
3.字数控制在 100 字以内
辅助文本通常由一个单词或短语组成。功能无障碍评估器建议,alt 文本的长度不应超过 100 个字符。这就给了你足够的空间来优化你的alt文本,但要确保你不会写出冗长的描述,以免被屏幕阅读工具截断。
示例
下面是一个精心撰写的 alt 文本示例,图片是一只金毛猎犬在公园里玩取物游戏:
<img src="golden-retriever.jpg" alt="金毛寻回猎犬在阳光明媚的公园里玩取物游戏" title="Golden Retriever"/>
通过遵循这些最佳实践,您可以让所有用户更容易访问您的网站,并支持您的整体搜索引擎优化战略。
有关网络可访问性和搜索引擎优化最佳实践的更多信息,请参阅《网络内容可访问性指南》(WCAG)和《谷歌搜索引擎优化入门指南》等权威资料。