图像替代文本的 7 个最佳实践

与生活中的许多事情一样，当谈到 SEO 时，细节决定成败。

SEO 的成功始于大型、更高层次的策略和决策，但其执行取决于数百万分钟的细节聚集在一起以产生巨大的累积效应。

每周发布的关键字优化博客文章。删除网页上未使用的 CSS 和脚本，使其运行速度加快几秒钟。让所有页面以符合逻辑的方式链接在一起，具体到您使用链接到的锚文本。最后，诸如此类的小细节可以决定 SEO 活动的成败。

它并不比图像的替代文本小多少。绝大多数互联网用户甚至不会考虑图像和视频的文本替代品，更不用说看到了。

大多数 SEO 外行人会认为替代图像文本不重要，这是可以理解的——这是一个网站管理员和营销人员很容易忽视的小技术 SEO 问题。他们错了。Alt 图片文本是提高排名和更好的用户体验的好机会。滥用或忽视它可能会损害您网站的质量并导致悬而未决的关键字排名悬而未决。

我们将介绍替代文本的重要性、它对可访问性和用户体验的影响、它从 SEO 角度来看的好处以及需要遵循的一些最佳实践。

什么是图像替代文本？

Alt-text（替代文本的缩写）是非文本内容（例如图像和视频）的文本替代品。它用于描述网页上的图像，包括图像的上下文以及图像本身正在发生的事情。

Alt 文本，也称为alt 属性或alt 标签，用于使使用屏幕阅读器理解图像的视障用户更容易访问网页。如果图像无法正确加载，它们还会代替图像。搜索引擎还使用图像替代文本来理解图像相对于页面其余部分的上下文。

图像替代文本是网站 HTML 代码的一部分，并使用 alt 属性编码到网页中（例如 <alt=“image-alt-text-example”）。

SEO 专业人士将它们用作关键字放置和图像优化的机会。当搜索引擎爬虫访问网页时，他们使用替代文本来了解图像的用途、图像中发生的情况以及它的重要性。因此，替代文本是插入长尾关键字的好地方，可以帮助搜索引擎理解图像，并为其获得小的 SEO 提升。

为什么替代文本很重要？

从 SEO 的角度来看，为图像使用替代文本既有益，又可以改善网站用户体验。

图像替代文本的目的是让无法自行查看图像的用户更容易访问互联网。然而，搜索引擎也在抓取和索引过程中使用它们来“查看”图像，这也给它们带来了搜索引擎优化的好处。

Alt 文本对 SEO 的好处

正如谷歌自己所证实的那样，替代图像文本的使用是搜索引擎排名的一个因素。谷歌在其搜索引擎优化入门指南中指出，优化图像文件名和替代文本可以使谷歌图像更容易理解网页的主题。如果您使用图像作为另一个页面的链接，则描述性替代文本也可以用作锚文本。

关键字放置是一个重要的页面 SEO 排名因素，为图像提供既描述图像又包含相关关键字的替代文本是一种很好的图像优化策略。

请记住，替代标签最佳实践建议不要使用关键字填充图像替代文本。这被认为是关键字填充，它会造成糟糕的用户体验，并有可能将您的网站标记为垃圾邮件。

描述性和关键字丰富的替代文本甚至可以让您的图像显示在 Google 图片搜索结果中。HubSpot 在 2020 年发布了一份关于图像 SEO 实验的案例研究，其中包括优化图像替代文本，并将其有机流量增长了近 800%。

为什么替代文本对于辅助功能很重要

替代文本很重要，因为当图像无法在网页上正确呈现时，它们会取代图像。

当网站无法显示其图像时，页面上的替代文本会向用户显示图像应该是什么。如果没有它们，用户就无法知道损坏的元素应该代表什么。

1999 年，万维网联盟 (W3C) 发布了关于如何让残障或视觉/听觉障碍的用户更容易访问互联网内容的指南。其中一项准则指出，内容应该同时具有音频和视觉替代品。换句话说，任何图像都应该有相应的匹配文本，反之亦然。

盲人或视障用户无法阅读没有替代文本的网页上的图像，就像他们无法阅读没有盲文的书籍一样。图像中没有替代文本会使屏幕阅读器和浏览器难以解释您的网站。

替代文本和图像描述之间的区别

替代文本通常与图像描述一起使用，但它们指的是两个不同的事物。

替代文本为用户提供了有关图像是什么及其代表什么的最重要的基本信息。图像描述包含有关图像中发生的情况的更多详细信息。图像描述在图像下方可见，并用作标题，而大多数用户永远不会看到替代文本，除非他们使用屏幕阅读器或查看页面的源代码。

例如，假设您写了一篇关于最佳咖啡订阅的博客文章，页面上的某个位置有一张农民拿着一把咖啡豆的图片。图像中编码的替代文本可能会显示为 ，而图像描述可能会显示“哥斯达黎加的公平贸易农民深深地吸了一口手中新鲜收获的阿拉比卡咖啡豆。”

如何在 WordPress 中向图像添加替代文本

WordPress 为您提供了在上传图像或编辑帖子本身时向图像添加替代文本的选项。

当您在 WordPress 上编辑页面或帖子时，单击要添加替代文本的图像。侧栏中的图像设置块将包含替代文本以及图像描述和标题的表单字段。

在替代文本字段中，只需写下图像是什么以及图像中发生的事情的简短描述，并在适当的位置插入相关关键字。单击更新，替代文本将添加到图像中。

图像替代文本的 7 个最佳实践

替代文本是网站优化和可访问性的一个小但重要的部分，每次发布新博客文章或向网站添加新页面时都应该付诸实践。

在这种情况下，您不应该在替代文本中添加任何内容。遵循替代文本最佳实践意味着尽可能简洁地描述图像，并在有意义时使用关键字，但不要过度使用。

以下是一些需要注意的 alt 标签最佳实践：

1. 描述图像

替代文本应用几句话描述图像中发生的情况。想象一下，您正在向看不到该图像的人描述该图像。

2.不要从“形象”开始

用户、屏幕阅读器或搜索引擎会知道他们正在阅读的文本何时代表图像，因此无需在文本前面添加“图像”或“图片”。解释他们正在阅读的图像类型可能很有用，例如图表、照片、插图或屏幕截图。

3. 为图像添加上下文

如果图片没有捕捉到特定的地点或人物，则使其以某种方式与页面其余部分的主题相关。

例如，对于一篇有关如何构建 WordPress 网站的文章，您可能会在计算机屏幕前看到一个开发人员的图像。此图像的一个好的替代文本可能是 alt=“WordPress 开发人员将 CSS 添加到网页”。

4. 保持简短和甜蜜 – 125 个字符

替代文本长度的字符空间有限，因为屏幕阅读器通常会在 125 个字符后停止阅读。避免使用长而复杂的句子，并使用尽可能少的单词来表达图像的含义。

5. 在替代文本中包含关键字

当关键字与图像相关时，在替代文本中使用关键字。更重要的是，您的替代文本要描述您的图像是什么，但要在文本中适当的位置包含关键字。

6.但不要用关键字填充你的替代文本

仅在需要时或有意义时使用关键字。使用关键字过度优化替代文本对您的用户没有任何价值，并且对 Google 和其他将此类行为与垃圾邮件相关联的搜索引擎来说是一个危险信号。

7. 保持你的替代文本没有错误

打字错误和语法错误可能会破坏使图像对有明显残疾的用户可见的目的，并使搜索引擎爬虫感到困惑。