替代文字:它是什么以及为什么它对可访问性和 SEO 很重要

点金设计
点金设计 SEO 256次浏览
9分钟阅读

什么是替代文字?

替代文本(alternative text)是对在线图像的书面描述,当用户无法访问该图像时,它 提供了替代方案。

Alt 文本为屏幕阅读器提供了一些可以大声朗读给有视觉障碍的用户的内容,帮助搜索引擎机器人理解图像内容,并可能在图像加载失败时出现在网页上。

(这与图像标题形成对比。图像标题总是出现在页面上。)

替代文本“Coolife Spinner Carry On Luggage, best carry on luggage”出现在博客文章中的损坏图像图标旁边。

替代文本通常通过图像 HTML 代码中的 alt 属性添加。

像这样:

<img src=“image-file-example.jpg” alt=“Alt text goes here”>

这就是它有时被称为“alt 属性”或“alt 标签”的原因。

大多数内容管理系统 (CMS) 都有一个专门的替代文本字段。所以你不需要直接编辑 HTML。

这是来自 WordPress 的示例:

WordPress CMS 中的“替代文本(Alternative Text)”对话框。

您还可以在 Twitter 等社交媒体平台上使用图像替代文本。

以下是Dogs Trust 的示例:

来自@DogsTrust 的图片推文。 单击图像上的“Alt”标签,显示“图像描述”对话框。

为什么替代文字很重要?

替代文字很重要,因为它使人们和搜索引擎更容易访问图像。即使它们无法显示。

如果您不提供适当的替代文本,使用屏幕阅读器的人将无法从图像中获取信息。这不公平地将有视力障碍的用户排除在外。这会损害您的品牌声誉、流量和转化率。

另外,Web 可访问性有利于 SEO。

谷歌和其他搜索引擎使用替代文本来确定图像描绘(或链接到)的内容。这可以增强他们对您的内容的理解,从而获得更高的排名。

替代文字对图像搜索引擎优化特别有帮助——即在谷歌图像和其他图像结果中排名靠前。

这种类型的曝光可以为您的网站带来宝贵的流量。

例如,“corgi puppies”的搜索引擎结果页面 (SERP) 以图像为主。通过哪个链接到所有者的站点。

“corgi puppies”的谷歌搜索结果。 顶部有多张柯基小狗的照片。

其中许多图片在其替代文本中使用关键字“corgi puppy”或“corgi puppies”。

网页上的柯基犬照片及其 HTML 代码。 您可以在代码中看到“Baby the Corgi Puppy”替代文本。

因为替代文本在页面优化中很重要,所以它有时被称为“SEO 替代文本”。

如何编写替代文本(最佳实践)

了解如何编写可提高网站可访问性和 SEO 的替代文本。

我们总结了三个替代文本最佳实践来帮助您编写完美的替代文本:

1. 为合适的图片添加替代文字

不要为纯粹装饰性的图片(如下图)写替代文字。这些描述可能会导致有视觉障碍的用户分心和混淆,而不是添加有用的上下文。

“Semrush 功能”标题伴随着女性的装饰插图以及饼图、网页等。

相反,提供一个 null(空)alt 属性。像这样:

✅ <img src=”decorative-image-title.jpg” alt=””>

这告诉屏幕阅读器忽略图像。

如果您完全省略 alt 属性(如下所示),辅助技术可能会读出图像文件名。造成糟糕的用户体验。

❌ <img src=”decorative-image-title.jpg”>

为所有其他图像写替代文本——为读者提供额外意义的图像。

例如:

  • 有用文本的图像(例如,社交媒体帖子的屏幕截图)
  • 表示功能的图标(例如,购物车图标)
  • 提供补充信息的照片(例如,智能手机尺寸比较)
  • 说明未提及数据的图表
  • 演示过程的图形(例如,如何拿筷子)

提示:如果您在 Semrush 的SEO Writing Assistant中起草内容,该工具会提醒您添加图片替代文本。它还提供可读性、搜索引擎优化、原创性和语调建议。

“为您的图像添加 alt 属性”。 Semrush 的 SEO 写作助手中的建议。

2. 简明扼要

根据Web 可访问性倡议(WAI),替代文本应该是“对图像用途的最简明描述”。

图像的重要性取决于上下文。因此,在编写替代文本时要考虑到周围的内容和受众。

考虑下面的照片。替代文本“Woman doing yoga”在许多情况下都是合适的。

但在健身指南中,可能有必要对女性的姿势进行详细描述。

做瑜伽的女人。

编写替代文本时,请考虑如何在电话交谈中向某人描述图像。

不要在替代文本中包含以下详细信息:

  • 照片来源和版权信息——包括在图像标题中
  • 冗余短语,如“图像”或“照片”(除非格式特别相关)
  • 所有读者都需要的信息——将其添加到标题或正文内容中
  • 已经通过图像标题或正文内容提供的信息

提示:有些人建议在为图像编写替代文本时坚持使用最多 125 个字符。这是因为许多辅助技术在 125 个字符时停止阅读替代文本。但这不是一个严格的限制。如果您需要写更多,请参阅 WAI 关于复杂图像的建议。

3.包括一个关键字

将相关关键字添加到替代文本可以帮助您的图片在 Google 图片结果中排名。

例如,此替代文本告诉 Google 我们的营销渠道指南包含有用的营销渠道插图:

营销渠道及其 HTML 代码的图示。 您可以阅读代码中的替代文本。

这意味着它将是与营销渠道相关的查询的相关 Google 图片结果。

要了解要在替代文本中包含哪些关键字,您需要进行一些关键字研究。

尝试使用 Semrush 的关键字魔术工具进行关键字研究。

只需输入与您的图片相关的关键字,然后单击“搜索”。

在 Semrush 的关键字魔术工具中搜索美国的“corgi puppy”。 “搜索”按钮有一个箭头。

转到“高级过滤器”,然后“ SERP 功能”。

然后勾选“ Image ”和“ Image pack ”,再点击“ Apply ”。

关键字魔术工具中的“高级过滤器”>“SERP 功能”下拉菜单。 选中“图像”和“图像包”复选框。

该工具将显示包含您的起始关键字(或变体)的关键字生成图像结果。

这些单词和短语非常适合用作图片的 SEO 替代文本。只要图片能满足搜索者的需求。

在关键字魔术工具中搜索“corgi puppy”的结果。 结果包括“柯基犬幼犬”和“我附近的柯基犬幼犬”。

查找触发图像结果的关键。

标签: ,
分享该文
发表评论