图片替代文本:你想知道的一切


我们都见过——那些出现在网站图片无法显示时的奇特的两三个单词描述。它们被称为替代文本(或“alt标签”)。它们似乎是微不足道的细节,但实际上它们起着重要的作用!如果您希望访问您网站的访客获得最佳体验,那么了解替代文本是什么以及如何有效地编写它非常重要。

在这篇博文中,我们将讨论为什么使用替代文本如此重要,并提供一些技巧,确保您的替代文本尽可能具有描述性和帮助性。无论您是否已经熟悉SEO技巧,或者只是刚刚开始网页设计,请继续阅读关于创建有效图片描述的有价值的建议!

什么是图片替代文本?

图片替代文本是您放置在网页图片中的书面文字。因此,如果图片无法在屏幕上加载,则文本将显示在该位置。替代文本使爬虫更容易抓取图片内容。它增加了图片出现在Google图片部分的机会。

它允许视力障碍读者了解网页中使用的图片类型。他们还可以使用文本阅读工具收听图片内容。当图片无法在网页上加载时,它可以帮助读者理解图片的内容。

为什么替代文本如此重要?

如今,大约38%的Google搜索在其搜索结果页面 (SERP) 中推荐图片。专家表示,这一数字未来将会增加。即使您实施了所有必要的SEO技巧,如果您没有优化网站的图片,您仍然会错过流量。

那么如何优化您的网站图片呢?

方法是向图片添加替代文本。替代文本也称为“alt标签”和“alt描述”。

在网站图片中添加替代文本的三个理由

提高可访问性

并非所有用户都能清楚地看到图片。这包括盲人或视力障碍的访问者。他们必须依赖屏幕阅读器和其他设备。

还有一些访问者使用数据有限的网站。例如,如果您在国外,您可能处于有限的数据包中。这就是为什么大多数用户临时关闭图片加载选项以节省数据的原因。

另一个原因是页面有时无法加载图片。这可能是由于服务器问题或网络速度慢。

在图片中添加替代文本允许上述所有读者获取图片的上下文。

改善用户体验

当您使网页内容对每个用户都可访问时,Google 会喜欢它。这也包括视力障碍者。

当访问者从您的网站获得完整的体验时,他们会觉得您关心您的读者。这会让他们花费更多时间并再次访问您的网站。结果,您的排名上升了。

优化您的图片

优化您的图片替代文本意味着将图片与用户的搜索意图相匹配。简而言之,当用户通过图片搜索访问网站时,他们会停留。

如何编写最佳图片替代文本?

以下是编写最佳图片替代文本以优化您网站图片的一些技巧:

保持描述具体和简短

编写替代文本时,请保持一切精确和简洁。您应该考虑图片的内容。然后想想为什么您要使用这张特定图片。

示例

如果图片是一栋被洪水淹没的房屋,请将替代文本写为“桑迪飓风造成的被洪水淹没的房屋”。

这在几个词内清楚地向您的访问者告知图片的内容。

添加上下文

在替代文本中添加上下文有助于SEO。它将图片与网页的主题联系起来。

例如,页面的主题是“如何在线申报纳税”?

为了支持主题,您添加了一位女士在笔记本电脑或电脑上工作的图片。然后您可以添加这样的替代文本:“一位女士正在她的笔记本电脑上在线申报税款”。

如何措辞您的替代文本完全取决于网站的主题。您的文本应结合页面的主题和图片内的周围元素。

保持替代文本简短

您应该保持替代文本简短。但是,请确保输入足够的文本以传达图片的目的。您不能只是在页面上随意输入随机照片以使其看起来很酷。每张图片都必须与网页的主题有一定联系。

较长的描述可能会分散读者的注意力,并需要澄清,尤其是在视力障碍的访问者面前。这对SEO也是适得其反的。这是因为它会混淆搜索爬虫。

关键技巧是将描述保持在125个字符以内。越短越好。

避免明显的词语

不要以“孩子们笑着的图片”或“一只熊猫吃竹子的照片”开头。HTML代码会自动识别图片或照片。这就是为什么您应该避免这些词语。它会占用不必要的空间,也不会添加任何其他内容。

相反,您可以使用具体的替代方案来描述图片。例如,图表、屏幕截图、图形等。您可以将描述以“iPhone 12设置页面的屏幕截图”开头。

不要过度使用关键词

向替代文本添加关键词会增加在搜索引擎中排名的机会。但是,不要将其限制为一个。不要用关键词填充文本,因为它会对您的SEO产生负面影响。

您需要使替代文本准确并与图片相关。仅当关键词符合描述时才使用它。否则,不用它也没关系。

不要复制图片标题

图片标题和替代文本是不同的。图片标题是在屏幕上显示的文本,主要位于图片下方。它用于详细描述图片。但是,替代文本或alt文本是隐藏在用户视图之外的朗读文本。只有当图片无法加载时,以及视力障碍者使用文本转语音转换工具朗读时,它才会出现。

如上所述,图片标题和替代文本包含简短的描述。但是,图片标题稍长一些,而替代文本简洁而准确。您不应将图片标题复制到替代文本中,而应专注于编写新鲜且相当精简的内容。

跳过装饰性图片的替代文本

装饰性图片仅用于增强网页的外观。它们不会传达任何实际意义,也不会为页面的内容增加价值。这就是为什么您不需要为装饰性图片编写替代文本的原因。

所有图片都使用ALT标签,即alt属性。但是,对于装饰性图片,您应该将标签留空。或者,您可以在文本字段中写入“null”。这将指示屏幕阅读器跳过这些文本。

检查拼写错误

由于您在替代文本中使用的字符最少,因此请确保拼写正确。例如,错误地将“PC组件”写成“CP组件”不会添加任何意义。它还会在爬虫抓取您的网站时造成干扰。

使用“longdesc=”添加更长的描述

有时,您需要添加更长的描述来传达图片周围的上下文。在这种情况下,请使用“longdesc=”属性,包括一个链接。该链接应包含一个网站,该网站将读者带到另一个页面以进行完整解释。

更新于:2023年4月3日

浏览量:126

开启你的职业生涯

通过完成课程获得认证

开始
广告