什么是网站图片的替代文字？

介绍

在您网站的内容中设计出色的图像对于成功的在线形象至关重要。 但是，拥有高质量的图片并不足以确保您的页面产生预期的流量、销售额和潜在客户。 随着谷歌对图片搜索用户界面的重新设计，您需要优化您的照片以获得最佳的 SEO 效果。 因此，搜索引擎将很容易理解它们，从而增加您的网站对目标受众的可见度。 如果您在图像上使用替代文本来在 SERP 上获得更好的结果，那将会有所帮助。

本文旨在为您详细解释什么是替代文本以及将其添加到您的 SEO 策略中的过程。 如果您还想知道图像何时应该有空替代文本，请继续阅读以获取所有基本见解。

事实：Google 上22.6% 的搜索查询会返回图像。 此外， 62% 的 Z 世代和千禧一代消费者比任何其他新技术都更希望视觉搜索。

什么是图片的替代文字？

Alt 文本，也称为 alt 属性或 alt 描述，是一个包含大约 100 个字符的简短 HTML 元素，用于描述您的网页图像。 经常访问者并不总是可以看到它，但它可以帮助搜索引擎爬虫了解您的照片的功能和外观。 此外，您的图片会获得更好的索引，从而提高您网站的知名度。

此外，图像替代文本 HTML 还有助于为您的视障用户提供更好的 Web 访问。 如果图像文件无法在您的页面上加载，则会显示替代描述，以向访问者提供您内容的完整图片。 这是在实践中的样子：

替代文字最佳实践

在为图像编写替代文本时，您需要遵循一些最佳实践，如下所述；

在您的 alt 描述中使用关键字

每当您在图像上使用 alt 描述时，请利用这个机会在您的内容中指明关键字。 它有助于与搜索引擎就您的页面与特定搜索查询的相关性进行沟通。

如果您发现很难确定要使用的高度相关和有利可图的关键字，替代文本生成器会很有帮助。 它可以帮助您了解可以优化图像的 alt 描述的正确术语。 但是，请注意，您应该避免使用所有生成的关键字填充您的 alt 属性。 这将导致制作不佳的替代文本，这可能会受到谷歌的惩罚。 例如，在下图中，您会注意到很好的 alt 文本示例很容易解释图像。 但是，底部示例在解释照片的全部内容方面并没有走得太远。：

保持您的替代文字简短

使用描述性替代文本是一种很好的做法，但您应该避免编写整个段落来描述图像。 请注意，大多数屏幕阅读器最多可捕获 125 个 alt 属性字符，从而确保您使用简洁明了的文本。

当元素太多时，最好直截了当，将图像中最突出的特征带出来。 基本方面应该为搜索引擎提供足够的详细信息，并且用户会将照片与您页面的上下文相关联。

例如，在描述两只狗时，下面的替代文字太长了；

• Alt = 左边是灰狗，右边是长耳朵的黑狗，躺在黄盖的沙发上

一个很好的替代描述如下；

• Alt = 躺在沙发上的灰色和黑色狗

另外，避免一些太短的描述，以免它们带来简洁的含义，例如；

• Alt = 两只狗

在 60 秒内测试您的 SEO！

Diib 是世界上最好的 SEO 工具之一。 Diib 利用大数据的力量帮助您快速轻松地增加流量和排名。 我们甚至会让您知道您是否已经应该为某些关键字获得更高的排名。

• 易于使用的自动化 SEO 工具
• 关键字和反向链接监控+想法
• 速度、安全性、+ 核心生命体征跟踪

• 智能地提出改进 SEO 的想法
• 超过 250,000,000 名全球会员
• 内置基准测试和竞争对手分析

例如“www.diib.com”

免费注册

被超过 250,000 家公司和组织使用：

• 
• 
• 
• 

与

请明确点

每当您创建替代文本时，请记住您应该描述您的网页图像。 因此，您需要确保它尽可能具体到图片。 目的是确保每个搜索者即使不查看图像也能立即理解图像。 在设计图片替代文本 HTML 时，问问自己是否会理解描述的相关性，而不必看图片。

例如，如果你打算带出一张狗在公园里玩耍的照片，你可以这样做；

• Alt = 在公园玩耍的雄性和雌性黑色德国牧羊犬

描述清楚而准确地表示了图片所代表的内容。

另一方面，您将其写成如下是错误的；

• Alt = 狗在草地上玩耍

避免仅为 SEO 编写替代文本

在编写替代描述时旨在提高可见性是可以理解的。 但是，不要仅仅专注于改进 SEO，还要牢记您的搜索者。 请记住，您的 alt 属性应该与特定的图像和页面内容保持相关。 替代文字专门用于视障人士。

引用框：“估计英国有 2,140,​​000 名视力丧失者（2021 年）”（Site Loss Data Tool, RNIB 2021）

因此，用关键字填充您的替代文本最终会损害搜索引擎排名，而不是增强您的 SEO 工作。 此外，避免对大量图像使用相似的关键字和 alt 属性，因为这两种情况都可能产生垃圾邮件。

不要遗漏表单按钮

如果您的站点中有一个使用图像作为“提交”按钮的表单，最好给它一个替代文本。 图片按钮应该有一个描述其功能的替代描述，例如“立即申请”、“搜索”、“注册”等。

不包括额外的规格

请记住，用户和搜索引擎假定替代文本是指您网站中的图像。 因此，无需在您的 alt 属性中添加其他规范，例如“图片”、“图片”等。

记得使用 longdesc

您的网站中可能有一些更复杂的图像，因此您需要更长的描述。 在这种情况下，不要忘记使用 longdesc = 'explore using the longdesc。 这是一个很好的例子，说明技术上的样子：

避免使用图像作为文本

对于 SEO 友好的 Web 开发，避免使用照片代替文字，因为搜索引擎不会读取图像中的文本。 但是，如果必须，请确保在您的 alt 属性中说明您的图片所说的内容。

替代文字的工作原理

请记住，搜索引擎无法像我们一样查看图像。 因此，如果您向 Google 提供一些帮助以确保它了解照片的内容，将会有所帮助。 这是您为图像命名以具有替代文本可访问性和文件名以帮助爬虫“查看”您页面上的图像的关键原因之一。

如何将替代文本添加到图像

大多数可用于设计和更改 alt 文本的 CMS 都很简单。 只需单击帖子正文中的照片，您就可以获得富文本模块或图像优化来设计 alt 属性。

它还取决于您页面上的网页设计。 在大多数情况下，大多数网站都会为您提供一个部分，您可以在上传照片时输入替代描述。 此外，您还有机会对上传的图像进行额外的更改。 然后，它会以图像文本 HTML 格式在您的页面上进行编码。

如果您使用浏览器的“检查功能”，您将看到 HTML 代码。 例如，在使用 Chrome 时，单击网页上的照片并点击下拉菜单的检查功能。 然后，您将看到一个窗口出现，该网站的 HTML 标记显示“alt = 后跟 alt 描述”。

以下是如何在不同平台上添加替代文本的说明；

· WordPress

使用 WordPress 时，过程很简单。 转到编辑器窗口并点击图像。 您将在“替代文本（替代文本）”的图像设置上看到一个字段，用于创建或更改替代描述。

或者，您可以转到媒体库并单击首选图像。 您将看到可以编辑或设计替代文本的选项。

（图片来源：wpbeginner）

·蜡

Wix 还加紧努力使该平台对 SEO 更加友好。 您现在可以为他们商店中的照片添加替代描述并进行任何必要的编辑。

进入编辑窗口并点击您要添加替代文本的图像。 在设置中，您将查看“图像中有什么？”选项。 在此区域中，添加您的 alt 描述。 这是那个页面：

（图片来源：wix.com）

· Magento

Magento 是另一个平台，它提供了一个简单的过程来添加 alt 属性。

点击目录部分以选择要添加替代文本的首选产品。 然后滚动到视频和图像类别并单击特定照片以添加或编辑替代描述。 这是 Magento 替代文本屏幕：

（图片来源：Magento）

· Shopify

使用 Shopify 允许您将 alt 属性添加到产品和主题图像。

如果您想优化产品照片上的 alt 描述，请转到“产品”部分，然后点击您要编辑的项目列表。 在项目详细信息页面上，点击媒体项目并查找预览媒体页面。 接下来，添加您的替代文本。 例如：

（图片来源：越来越多）

将 alt 属性添加到主题图像时，转到“在线商店”部分，找到“主题”，然后点击以自定义商店的主题。 您将在左侧看到菜单部分，您可以在其中单击图像块和单张照片。 然后，您将查看一个文本框，您可以在其中编辑或添加您的 alt 描述。

为什么替代文本对于良好的 SEO 至关重要？

既然您已经学会了如何向图像添加替代文本，您可能想知道为什么需要在您的网站上使用它们以及它们对谁有利。 作为 alt 属性的第一受益者的三个主要群体是：

• 搜索引擎——当您使用 alt 描述时，它可以帮助搜索引擎解释特定图像中的主题。 因此，Google 可以快速确定何时将您的照片包含在相关搜索结果中，从而提高替代文字图片被找到的可能性。
• 视障访问者– 使用 alt 描述为视障访问者提供了图像的替代品。 因此，它允许用户利用程序朗读文本来理解照片添加到您的内容中的内容。

例如，如果这些人浏览使用导航图像的网站，则很难找出各种类别。 但是，如果照片包含 alt 属性，它们可以在整个站点中移动。

• 营销人员——当您在图像上使用 alt 描述时，您的页面更有可能在搜索结果中获得更高的排名。 结果，由于优化，您的网站在 Google 上获得了更多流量。

它可以帮助您提高品牌知名度，尤其是当您的图片包含您的公司名称时。 此外，您的页面在搜索结果中的排名越高，就会有越多的人点击图片结果访问您的网站。

事实：

• WebSpection 的 Dan Morgan 通过优化他的图像，在不到四天的时间里，他的一张照片在 Google 图片中排名第一，成为“卡迪夫最佳人选”。
• 而且，Robbie Richards 通过添加图像替代标签、压缩图像和其他一些 SEO 技巧产生了 150,732 次访问。

——搜索引擎杂志

替代文字对您的网站至关重要的主要原因

• 提高可访问性：请注意，大多数搜索者通常有视力障碍； 因此，他们在使用在线内容的同时使用屏幕阅读器。 Alt 描述应该向看不到它们的访问者描述页面上的不同图像。 如果您未能在图像上使用 alt 文本属性，用户将无法理解您页面的内容。 屏幕阅读器最终会跳过这些照片，甚至会阅读冗长且无用的文件名。
• 增强主题相关性：为了让 Google 了解您页面的内容，它会查看使用的不同术语。 另一方面，当您在网站中包含图片时，搜索引擎无法确定其用途。 因此，您需要有一个 alt 属性，因为上下文可能在图像中被“锁定”。
• 帮助您在 Google 图片中排名：使用替代文字还可以帮助您的页面在 Google 图片搜索引擎中排名更高。 此外，人们在查找照片时越来越多地将其置于 Bing 和 YouTube 等其他平台之前。
• 作为图像链接的锚文本：在许多站点中，锚文本将一个页面链接到另一个页面。 搜索引擎使用它们来了解更多关于您的网站及其内容的信息。 您也可以使用 alt 属性来达到相同的目的。
• 什么时候图像应该有空的替代文本：最好确保您始终在图像中包含 alt 属性，以便在搜索引擎上获得更好的排名。 同时，您可能会问图像何时应该具有空替代文本。

在某些情况下，您不必使用替代文字，尤其是当图像不包含重要细节或用于装饰目的时。

例如，如果您的网站使用图标来分隔各个内容部分，则图像旨在使您的页面看起来更漂亮。 因此，无需添加替代文本，因为它可能最终会惹恼屏幕阅读器的用户，并且不会为您的页面增加 SEO 价值。

此外，库存和通用图像也不需要替代文本可访问性。 此外，插入一个对视力受损的读者没有用处。

我们希望您发现这篇文章很有用。

如果您想更有趣地了解您的网站健康状况，获得个人推荐和提醒，请通过 Diib 扫描您的网站。 只需 60 秒。

输入您的网站

例如“www.diib.com”

免费注册

我发现 Diib 非常有助于揭开 Google Analytics 数据的神秘面纱，这些数据可能会让人不知所措。 该服务会搜索您的数据并找到您可以改进的领域 - 即使您是专家，这也可以节省时间。 对我来说，这意味着谷歌分析收集的数据变得可操作，这样我就可以改进，而不仅仅是有趣。

尼克·科尔巴奇
房车罩供应

如何查找和解决替代文本问题

如果您想使用 alt 文本获得更好的结果，如果您对流量页面进行审核以进行必要的增强，这将有所帮助。 这是您可以用来进行审查的程序；

查找访问次数最多的页面

首先，首先进行彻底检查，以了解您的受众最自然地访问的页面。 您可以浏览各种平台，例如 Google Search Console、Google Analytics 或 Ahrefs 站点浏览器上“首页”中的报告。

审核您的 alt 描述

在对您的 alt 描述进行审核时，您可以使用 Alt Text Tester Chrome 扩展。 首先安装免费工具，然后加载流量最多的页面并激活扩展程序。 看起来是这样的：

每当您滚动照片时，您都会看到平台上显示的替代描述。 如果缺少 alt 属性，它应该显示警告为“缺少替代文本”。

对于您内容中的所有替代文本，请在您的图像中浏览其中的几个。 经过几次检查后，该工具可以帮助您确定您的图片是否优化得不好或没有优化。

重复更多页面

最后一个过程应该涉及对产生最多流量的页面重复相同的过程。 该过程应该让您了解您的 alt 描述优化是否出色或需要一些增强。

Diib：提供替代文本统计和监控！

作为网站所有者，无论您使用什么网络平台，添加 alt 描述都是直截了当的。 此外，请记住，并非页面上的所有图像都需要替代文字，因为它们对搜索引擎或视障人士没有意义。 Diib 用户仪表板分析您网站和 Facebook 个人资料上的所有替代文本，为您提供可操作的改进见解。 以下是我们知道您会喜欢的一些功能：

• 自定义警报，让您了解您的网站健康状况以及可能影响您的流量模式的谷歌算法的任何更改。
• 目标与关于如何改善您的网站健康和自然流量的定制建议。
• 不仅可以了解您自己的替代文本健康状况，还可以了解您的主要竞争对手的健康状况。
• 同步您的 Facebook 个人资料，让您深入了解社交媒体活动的细节。 诸如个人帖子表现、用户人口统计、一天中的最佳发布时间和转化等。
• 提供与 Diib 增长专家的每月协作会议，可以帮助您微调您的 SEO 工作并指导您 Shopify 增长和成功。

立即致电 800-303-3510 或单击此处获取免费的 60 网站扫描并了解有关您的 SEO 优势和劣势的更多信息。