谷歌播客讨论考虑平衡 SEO 和可访问性的替代文本

Google 的 John Mueller 和 Lizzi Sassman 讨论了创建对使用屏幕阅读器的人有益的图像替代文本，简要介绍了如何处理装饰性图像以及编写在 SEO 和可访问性之间找到平衡的替代文本是多么棘手。

替代文本用于可访问性和 SEO？

根据官方 HTML 标准机构万维网联盟（通常称为 W3C）的说法，图像替代文本的目的是让无法查看图像内容并使用屏幕阅读器的站点访问者能够理解图像。

替代文本还可以帮助使用屏幕阅读器的人了解图像的用途或了解图像中的文本。

W3C 还表示替代文本也具有 SEO 目的。

该指南指出：

“……如果您希望您的网站得到应有的索引，请使用 alt 属性以确保他们不会错过您页面的重要部分。”

可以说替代文本的目的是使那些看不到图像的人（包括搜索引擎机器人）可以理解和访问图像。

要使替代文本正确，需要大量的思考。W3C为七种不同的图像上下文发布了替代文本教程。

不要说图像就是图像

虽然 SEO 可能要求屏幕截图的 alt 文本说明图像是屏幕截图，但出于可访问性目的，它被认为是多余的（并且将图像写成图像很烦人）。

Lizz Sassman 和 John Mueller 讨论了如何处理这个问题：

“因此，最好的做法之一是不要在每张图片开始时都使用屏幕截图、屏幕截图，因为那样的话，它就会变得重复。

我们已经知道这是一个图像。你不需要说，“这是一个图像”，然后是事情。

只需使用任何描述启动即可。我认为它也不一定需要是一个完整的句子。

约翰穆勒：是的。

Lizzi Sassman：这可能只是一个描述性的短语。我认为，这不需要一个完整的想法。”

 

平衡 SEO 需求与可访问性

John Mueller 介绍了传统 SEO 实践在图像替代文本和可访问性要求方面的紧张关系。

穆勒继续说：

“约翰·穆勒：是的，是的。我认为这很有意义。

我的意思是，棘手的部分可能是平衡这两个方面。可访问性方面的种类。人们想要从替代文本中获得什么以实现可访问性。

然后是 SEO 方面，你会做一些事情，比如……传统上，你会做一些可能略有不同的事情。

例如，就像您会列出一堆同义词一样。

就像，“哦，这是一个有海浪的海滩。”

这就是有时出于 SEO 原因在 alt 文本中这样做是有意义的，但可能不是出于可访问性原因。

找到这种平衡有时有点棘手。

因此，最好注意这一点。”

 

有总比没有好

关于图像替代文本的重要一点是，将替代文本字段留空是一种不好的做法。

这是一种不好的做法的一个原因是屏幕阅读器可能会开始阅读图像文件名，这是一种负面的用户体验。

另一个原因是因为它使使用屏幕阅读器的访问者无法接收可能在某些图像中的重要信息。

然后是关于 alt 文本和在搜索中正确索引和找到图像的 SEO 考虑因素。

John Mueller 建议在 alt 文本中添加一些内容，因为有总比没有好。

他建议：

“John Mueller：但如果你只是第一次添加替代文本，那么有时，即使是任何替代文本也总比没有好。

Lizzi Sassman：就像什么都没有。

至少从一些东西开始，但接下来，你还能做些什么来改进。”

替代文字和装饰图像

Lizzi Sassman 接下来讨论了如何处理装饰图像。

第一个问题是区分图像是否真正具有装饰性，或者是否具有概念性并有助于内容的意义，在这种情况下，挑战是如何传达概念性图像。

莉齐评论道：

“这绝对是……我想我在挣扎更多，比如你越是喜欢装饰性的图像，或者不是……

我不知道……搜索结果相当简单。

但是一旦它进入诸如“哦，这是一个概念”或“它是装饰性的”之类的东西，那么它就不会……

有些地方会说，’哦，你不需要在装饰图像中放置替代文字。

就像它纯粹是为了美观一样，那么最好将替代文本留空。

但另一方面，我为什么要把它放在那里？把它放在那里是有原因的。

那么我们不应该有一些东西来填补那些没有看到图像的人的体验吗？

我们不应该有一个替代的东西吗？这是有目的的。

我们把它放在那里是有原因的，就像我猜想仍然可以得到这些信息的另一种体验是什么？

所以对于像 Googlebot 一样的东西。

有时我们有这些我猜什么会被归类为装饰图像。

就像 Googlebot 正在探索网络之类的。

或者就像它在传达某种想法一样，替代文字是否应该专注于这个想法？或者像，“哦，这是 Googlebot 和一些朋友。”

或者是谷歌机器人……就像把垃圾邮件放进电脑，然后，最后开心。

就像描述那里正在发生的事情，所以你仍然可以理解应该存在的东西，我猜，其中一件事是……是的，它让我感到困惑。

约翰穆勒：是的。我的意思是，从个人的角度来看，我肯定会在这些图像中添加替代文字，因为它们有点独特和特别。

这不是……我不知道……花卉背景，或类似的东西。

这实际上是人们花费大量时间创建该图像的地方。

这也是人们可能希望在搜索结果中找到的东西。

因此，如果您正在搜索 Googlebot，就像我们花费大量时间创建所有这些图像一样，能够找到它们也将是一件好事。”

W3C 发布了一整页关于如何处理装饰图像的替代文本的文档。

这是官方的W3C 推荐：

“装饰性图像不会向页面内容添加信息。

例如，图像提供的信息可能已经使用相邻文本给出，或者可能包含图像以使网站更具视觉吸引力。

在这些情况下，应提供空（空）替代文本 (alt=””)，以便屏幕阅读器等辅助技术可以忽略它们。

如果主题与相邻文本中的主题不同，这些类型的图像的文本值会给屏幕阅读器的输出添加可听的混乱，或者可能会分散用户的注意力。”

W3C 还提出了四种识别装饰图像的方法。

图像是否具有装饰性的四个测试：

1. 图像用于样式化文档（外观）
2. 如果是图片作为链接文字的补充
3. 不对文本内容提供信息
4. 图像由周围的文字内容描述

最终由作者决定什么是最适合图像替代文本的。

正如谷歌所说，有总比没有好。因此，如果图像不提供信息，则只需使用 alt 文本的空值，其编码为 alt=””