替代文本通常称为alt text或alt属性,是页面的HTML元素的一部分,用于描述页面上显示的图像。

alt文本代码示例

在HTML代码中,alt文本看起来如下:

穿夹克的女孩

alt text(即夹克中的“女孩”)描述了图像(即img_girl.jpg)。

如何查看alt标签

Alt标签提供更好的图像描述为搜索引擎爬虫,帮助它们索引图像。

显示紫色婚纱礼服的图像并排与它的alt文本代码。

突出显示的文本显示了图像的Alt标记。

好(和坏)alt文本的例子

编写替代文本时,专注于创建适当使用关键字的有用,信息丰富的内容,并在页面内容的上下文中。Alt文本应始终详细描述其各自的图像,因此提供的信息越多越好。避免使用关键字填充alt属性(关键字填充)由于它导致负面的用户体验,可能导致您的网站被视为垃圾邮件。

让我们来看看这对紫色的高跟鞋和alt文本的例子,它归功于它的范围从坏,最好。

高跟鞋紫色婚礼鞋。

坏的:

好的:

好的:

最好:

如何将alt文本添加到图像中

要将Alt Text添加到图像中,您需要做的就是在HTML代码中添加到标记中的alt属性。

但是,使用现代内容管理系统(CMS),可以在不必编辑页面的HTML代码的情况下添加alt文本。

例如,通过Hubspot和WordPress,您可以选择将Alt Text直接添加到指定字段中时添加到页面。

这与其他CMS相似。

输入Alt Text指向CMS以避免必须将其添加到HTML中。

为什么alt文字很重要

alt文本是对SEO具有很大影响的一小步。

首先,它改善可访问性对于那些无法正确地看到网络上图像的人。这包括视力受损的人,以及使用屏幕读者或具有弱带宽连接的人,可以防止图像正确加载。

alt文字也可以提高主题相关性并提供Google(和其他搜索引擎)更好地了解页面的整体内容。例如,如果页面提到persian猫,孟加拉猫和缅因浣熊,那么谷歌知道页面是关于猫品种的。

如果该页面为每种类型的猫品种具有图像,Alt文本将显示谷歌的进一步重要信息,相关信息。

包括替代文本也可以帮助您在Google图像中排名。Google Images是世界上第二大搜索引擎,也是一个巨大的交通驾驶机会。当您有具有良好替代文本的图像时,您更有可能在这些图像结果中显示出来。

alt文本的另一个主要重要性是他们的能力用作图像链接的锚文本。锚文本在页面上是可点击的文本,将用户从一个网页带到另一个网页。Google使用本文以了解您正在链接到的页面的更多信息。

由于图像本身可以用作链接,因此给予图像alt文本有助于谷歌了解有关该链接到页面的更多信息。如果您在此方案中为图像编写alt文本,最好想象您正在编写文本链接的锚文本。

编写有效alt标签的指导方针

1.尽可能描述。

记住,alt文本是用来为那些不能实际看到图像的人提供价值和信息的。所以,要让你的alt文本足够详细,这样别人就可以在看不到图像的情况下直观地看到图像的样子。

刚问问自己,“这个描述是否准确地描绘了图像是什么?”

如果图像除了设计和美观之外没有任何目的,它应该放在CSS而不是HTML中。

2.观看长度。

即使你的alt文本是描述性的很重要,它也必须保持简短。屏幕阅读器倾向于在125个字符时截断alt文本,所以超过这个字符数太远将不会提供任何额外的值。

3.包括您的目标关键字。

进一步演示到搜索引擎,通过将目标关键字添加到alt文本,您的页面与查询相关。alt文本是另一个放置关键字的地方,但这不应该是唯一的意图 - 主要目标仍然是准确描述图像。

4.没有关键字填充。

如果您的alt文本通常写入很差,则会出现任何不利的情况,如果您关键词填充算法,则可能会发生负面后果。

请记住,顶级优先级为用户提供价值,这可能意味着根本不包括任何目标关键字。只有这样一个有意义的话只能添加它们。

5.不要替代文本的图像。

某些网页使用文本的图像来解释概念,而不是使用Live文本。但是,搜索引擎实际上无法读取在图像中生活的文本。所以,如果你这样做,请确保正确地说在alt文本中的图像是什么。

6.避免说“图片”或“照片”。

alt文本描述了一个图像,所以没有必要把它调用出来(并浪费你的角色计数)呼吁注意人们已经知道的东西。

7.使用longdesc =“”标记。

此标签用于更复杂的图像示例,这些示例可能需要更长的和更详细的描述。

8.记住表单按钮。

如果您网站上的表单按钮使用图像(例如,它可以提交表单),那么这可以接收ALT属性。这些按钮的alt文本应该描述该按钮的实际功能(即提交,搜索,演示等)

常见的Alt文本问题

1.缺少Alt文本。

你已经看到了给予图像alt文本的好处,因此最耀眼的问题只是简单地将现场完全离开。花费短时间来编写alt文本以获得那些快速的胜利。

2.只包含一个单词。

几乎没有任何图像可以用一个字描述,因此不要害怕使用更多的字符数。

太久了。

即使屏幕读者可能允许最多125个字符,建议将Alt文本保留在100个字符以内以保证其整体显示。细致,但简洁。

4.重复替代文本。

如果两张图片不一样,则它们的alt文本不应该是。每个图像都需要自己的alt文本来提供最值和上下文。

5.从单词“图像”,“图片”,“图片”,等。

当alt文本以像“图片”或“照片”这样的单词开头时,你会占用字符空间并增加冗余。屏幕阅读器告诉用户有图像存在,所以不需要再次提到这个事实。

资源

有关alt文本的进一步阅读,请查看以下资源: