它是什么、如何编写以及为什么它对 SEO 很重要

如今，近 19% 的 Google SERP 显示图像。 这意味着，尽管您尽了最大的搜索引擎优化努力，您仍然可能会错过另一个有机流量来源：您网站的图像。

如何获得这个流量来源？ 图像替代文本。 在这篇文章中，我们将介绍如何编写图像替代文本，以便您的图像在搜索引擎中排名靠前并增加流量。

目录

无论您是否为您的业务执行搜索引擎优化，优化网站的图像替代文本都是为访问者创造更好的用户体验的门票，无论他们是如何第一次找到您的。

为什么图像替代文本很重要？

图像替代文本很重要，原因有三个：可访问性、用户体验和图像流量。 了解这些原因将帮助您为所有图像编写有效的替代文本。 让我们深入了解一下。

无障碍

1999 年，W3C 发布了Web 内容可访问性指南 1.0，解释如何使残障用户更容易访问内容。 其中一项指导方针是“提供听觉和视觉内容的等效替代方案”。 这意味着任何带有图像（或电影、声音、小程序等）的网页都应包含与其视觉或听觉内容等效的信息。

首先，描述性文本替代听觉和视觉内容可确保每个人都能从您共享的内容中受益，尤其是那些有视觉障碍的人，他们可能会使用屏幕阅读器来吸收网页上的内容。 没有描述的图像对于使用该技术的人来说没有帮助，并且会造成糟糕的用户体验，并且在某些情况下还会造成糟糕的品牌认知度。

例如，假设网页包含链接到目录的向上箭头的图像。 等效文本可能是“转到目录”。 这将允许使用屏幕阅读器或其他辅助技术的用户无需看到图像即可理解图像的用途。

换句话说，替代文本有助于确保所有用户都可以访问您的视觉内容，无论他们的视觉能力如何。

用户体验

替代文本可提高可访问性，并为所有用户提供更好的用户体验。 例如，假设访问者的带宽连接较低，因此您的图像无法加载。 他们不仅会看到损坏的链接图标，还会看到替代文本以收集图像传达的内容。

例如，您网站上的用户可能能够看到左侧的图像。 如果他们无法，无论出于何种原因，他们都会听到或看到右侧的替代文本。 与没有替代文本相比，这将有助于提供更好的用户体验。

图片来源

图片流量

替代文本为您做的另一件重要的事情是在搜索结果中显示您的图像，无论是在 Google 图片中还是作为图像包。 图像包是显示为水平行图像链接的特殊结果，可以出现在任何有机位置（包括 SERP 上的#1 位置，如简介中的示例所示）。

而且，出现在两种类型的搜索结果中的图像是接收自然访问者的另一种方式。 这可能会带来数千名更多的访问者——至少在 HubSpot 的例子中是这样。

从 2018 年开始，HubSpot 博客团队实施了一项新的 SEO 策略，该策略在一定程度上更加专注于优化图像替代文本。 这使得博客的图片流量在不到一年的时间内增加了 779%，自然浏览量增加了 160,000 次。 您可以在这篇博文中详细了解该团队的成功。

如何向图像添加替代文本

在大多数内容管理系统 (CMS) 中，单击博客文章正文中的图像会生成图像优化或富文本模块，您可以在其中创建和更改图像的替代文本。

下面让我们逐步了解 CMS Hub 和 WordPress 的后续步骤。

如何在 HubSpot CMS 中添加替代文本

在 HubSpot 中，一旦您单击图像并单击编辑图标（看起来像铅笔），就会出现图像优化弹出框。

这是 HubSpot 门户内 CMS 中的图像优化窗口的外观：

然后，您的替代文本会自动写入网页的 HTML 源代码中，如果您的 CMS 没有易于编辑的替代文本窗口，您可以在其中进一步编辑图像的替代文本。 文章源代码中的 alt 标签可能如下所示：

如何在 WordPress CMS 中添加替代文本

在 WordPress 中，单击图像将自动打开侧边栏中的“阻止”选项卡。 在标有“图像设置”的部分下，在空白字段中添加替代文本。

准备好后，单击屏幕顶部工具栏中的“更新” 。

替代文本最重要的规则是什么？ 具有描述性和具体性。 但请记住，如果您的替代文本不考虑图像的上下文，则此替代文本规则可能会失去其价值。 替代文本可能会以三种不同的方式错过标记。 考虑下面的例子。

3 个图像替代文本示例（好的和坏的）

1. 关键词与细节

错误的替代文本

alt="HubSpot office wall Singapore inbound marketing workplace murals orange walls ship it"

上面的替代文本行有什么问题？ 对 HubSpot 的引用太多。 使用替代文本将关键字填充到支离破碎的句子中会给图像带来太多的冗余，并且没有足够的上下文。 这些关键字可能对发布商很重要，但对网络爬虫来说并不重要。

事实上，上面的替代文本使谷歌很难理解图像与其发布的网页或文章的其余部分的关系，从而阻止图像对具有更高兴趣度的相关长尾关键词进行排名。

最糟糕的是，谷歌会对关键词堆砌行为进行处罚。

好的替代文本

考虑到上面的错误替代文本，该图像的更好替代文本可能是：

alt="Orange mural that says 'ship it' on a wall at HubSpot's Singapore office"

2. 细节与特异性

图片来源

错误的替代文本

alt="Baseball player hitting a ball at a baseball field"

从技术上讲，上面的替代文本行遵循替代文本的第一条规则 - 具有描述性 - 但它没有以正确的方式进行描述。 是的，上图显示了一个棒球场和一个正在击球的球员。 但这也是一张芬威球场的照片，以及红袜队的 34 号大卫·奥尔蒂斯 (David Ortiz) 在右外野打了一球。 如果图像出现在有关波士顿体育的博客文章上，那么这些都是 Google 需要正确索引图像的重要细节。

好的替代文本

考虑到上面的错误替代文本，该图像的更好替代文本可能是：

alt="David Ortiz of the Boston Red Sox batting from home plate at Fenway Park"

3. 特异性与背景

图片来源

上面的两张图片都有清晰的上下文，可以帮助我们写出好的替代文本——一张来自 HubSpot 办公室，另一张来自芬威球场。 但是，如果您的图像没有用来描述它的官方上下文（例如地名）怎么办？

您需要在此处使用要向其发布图像的文章或网页的主题。 根据您发布替代文本的原因，以下是一些不好和好的替代文本示例：

有关就读商学院的文章

错误的替代文本

alt="Woman pointing to a person's computer screen"

上面的替代文本行通常会作为不错的替代文本，但考虑到我们的目标是将此图像与一篇有关去商学院的文章一起发布，我们错过了一些可以帮助 Google 关联该图像的关键词选择与文章的某些部分。

好的替代文本

考虑到上面的错误替代文本，该图像的更好替代文本可能是：

alt="Business school professor pointing to a student's computer screen"

有关商学院教师教育软件的网页

错误的替代文本

alt="Teacher pointing to a student's computer screen"

上面的替代文本行几乎与上一个示例中的替代文本一样具有描述性和具体性，那么为什么它不足以满足有关教育软件的网页呢？ 此示例更深入地探讨了商学院的主题，并指定该网页的理想受众是教师。 因此，图像的替代文本需要反映这一点。

好的替代文本

考虑到上面的错误替代文本，该图像的更好替代文本可能是：

alt="Professor using education software to instruct a business school student"

图像替代文本最佳实践

最终，图像替代文本需要具体，但也要代表其所支持的网页主题。 到目前为止你明白了吗？ 以下是编写有效的图像替代文本的一些重要关键：

• 描述图像，并且要具体。
• 使用图像的主题和上下文来指导您。
• 添加与页面主题相关的上下文。
• 如果图像没有可识别的地点或人物，则根据页面内容添加上下文。
• 例如，在计算机上打字的人的库存图像的替代文本可能是“女性优化 WordPress 网站以进行 SEO”或“女性研究免费博客平台”，具体取决于网页的主题。
• 使您的替代文本少于 125 个字符。
• 屏幕阅读工具通常会在此时停止阅读替代文本，在为视障人士描述此描述时在尴尬的时刻切断冗长的替代文本。
• 不要以“...的图片”或“...的图像”开头替代文本，直接跳到图像的描述中。
• 屏幕阅读工具（以及 Google）会将其识别为文章 HTML 源代码中的图像。
• 使用您的关键字，但要谨慎。 仅当文章的目标关键字可以轻松包含在替代文本中时，才包含该关键字。 如果没有，请考虑语义关键字，或仅考虑长尾关键字中最重要的术语。 例如，如果您的文章的主要关键字是“如何生成潜在客户”，您可以在替代文本中使用“潜在客户生成”，因为“如何”可能很难自然地包含在图像替代文本中。
• 不要将关键字塞入每张图片的替代文本中。 如果您的博客文章包含一系列人体图片，请在其中至少一张图片中包含您的关键字。 确定您认为最能代表您的主题的图像，并将其指定为您的关键字。 坚持周围媒体中更美观的描述。
• 检查拼写错误。 图片替代文本中拼写错误的单词可能会损害用户体验或使抓取您网站的搜索引擎感到困惑。 您应该像查看页面上的任何其他内容一样查看替代文本。
• 不要向每个图像添加替代文本。 出于搜索引擎优化 (SEO)、用户体验 (UX) 和可访问性的考虑，您应该向网页上的大多数图像添加替代文本 - 但是，也有例外。 例如，纯粹装饰性的图像或附近文本中描述的图像应具有空的 alt 属性。 有关何时添加替代文本和何时不添加替代文本的更详细信息，请查看此决策树。

Alt 文本如何影响 SEO

据谷歌称，替代文本与计算机视觉算法和页面内容相结合，用于理解图像的主题。

因此，替代文本不仅可以帮助 Google 更好地理解图像的含义，还可以帮助理解整个网页的含义。 这可以帮助增加您的图像出现在图像搜索结果中的机会。

随着 Google 推出搜索生成体验 (SGE)，高质量且上下文相关的替代文本可确保您的内容融入新的人工智能驱动的关键信息快照中。

例如，谷歌指出，其 SGE 可以为人们提供全面的购物体验，在一个快照中包含值得注意的选项、产品描述、定价和图像。 如果您的产品图片具有描述性和特定的替代文本，则您可以为搜索引擎提供上下文，以了解何时将您的产品作为某人的结果中的高质量选择显示。

创建有关某个主题的内容时，请考虑您的受众可能更喜欢如何找到有关该主题的问题的答案。 在许多情况下，Google 搜索者不想要经典的蓝色超链接搜索结果 - 他们希望图像本身嵌入到您的网页中。

例如，查找如何删除 Excel 中的重复项的访问者可能更喜欢屏幕截图，这样他们就能一目了然地了解如何完成任务。

图片来源

由于该图像已优化替代文本，因此它会出现在长尾关键字“如何删除 Excel 中的重复项”的图像搜索结果中。 由于该帖子也出现在同一关键字的网络搜索结果中，因此访问者可以通过这两个不同的渠道登陆该博客帖子。

将图像替代文本添加到您的网站

那么，在为博客文章和网页开发替代文本时，您从哪里开始呢？ 考虑对现有内容进行基本审核，看看可以在哪里将替代文本合并到以前未标记的图片中。 观察您赋予新 alt 标签的页面之间的自然流量如何变化。

您优化的图像越多，您的 SEO 策略就会进展得越好。

编者注：这篇文章最初发表于 2018 年 9 月，为了全面性已进行了更新。