什么是Alt文本?你需要知道的一切关于Alt文本图像

Matthew是一名市场营销文案,拥有奥本大学专业和公共写作学士学位。他的目标是每天多了解一点SEO世界,并尽可能多地与你分享这些知识。当他不努力发布一些新鲜的网页内容时,他通常会为自己的托尔金(Tolkien)着迷或致力于各种各样的创意项目。

定义:Alt文本是描述网页上图像的文本。搜索引擎爬虫和用户使用alt文本来理解他们看不到的图像。

当你建立一个网站时,图片是非常有用的资源。

它们有助于为页面内容提供额外的上下文、分隔文本、为页面添加视觉吸引力等等。但未经优化的图像只对能看到它的人有用。当视障人士访问您的网站时会发生什么谷歌的算法试图抓取信息?

这就是为什么它很重要优化你的图片与alt文本。什么是alt文本,它对你的网站有什么好处?我们将在下面回答这两个问题,并指导您如何设置alt标签。

继续阅读了解更多,然后订阅《收入周刊》更多的数字营销技巧来自拥有超过25年经验的机构!

如需数字营销方面的常规建议,请订阅以上电子邮件190000年其他商家信任:

每周收入。

今天报名

什么是alt文本?

Alt文本——也叫Alt标签或Alt属性——指的是附加在图像上用来描述图像所显示内容的文本。此文本嵌入在网站的代码中,通常可以通过将光标悬停在图像上查看。

为什么使用alt文本?

alt标记的目的是传达图像的内容。例如,如果你是一家家居维修公司,你可能会在你的网站上使用一张受损房屋的图片。

这张照片的替代标签可能是“被倒下的树毁坏的房子”。

如何编写alt标签

现在您已经了解了alt标记的含义,接下来我们讨论如何编写alt标记。有一种正确和错误的方式来编写alt标签。你的目标应该是提供足够的信息,帮助人们在没有真正看到图像的情况下可视化图像。

这是你的一些东西不应该做的事:

  • 填充alt标签的关键字(例如“鱼竿鱼线鱼竿”)
  • 简单的(例如,“帽子”)
  • 以“image of”开始(例如,“bluebird on fence post”)

也许编写alt标签最好的建议是暂时跳出你的营销思维,简单地描述图像,如果你的朋友在房间的另一端询问它,你会怎么做。

使用alt标记的好处是什么?

对图像使用alt属性有几个好处。特别的是,在你的网站图片中加入alt标签有三个好处。

这里有三种方式alt标签可以使您的业务受益!

1.提高排名

使用alt标记的最大优势之一是,它们可以提高您的谷歌搜索排名.原因与谷歌对页面的排名有关。为了让谷歌对页面进行排名,它抓取页面并将其添加到搜索索引中。

当谷歌的蜘蛛抓取页面时,它们实际上是在扫描页面以理解上下文。另一方面,扫描图像是完全不同的。谷歌的爬虫不能读取图片,这意味着你网站上的图片不会对你的排名有贡献。但是当你使用alt标签时,一切都变了。

图片现在有描述性文本附加到它,这意味着谷歌可以看到它是关于什么的,并将其纳入你的排名。

2.谷歌图片

另一种方式alt文本的图像可以受益你是通过帮助你的图像显示在谷歌图像中.谷歌Images通过从其索引中的站点中提取图像进行操作。由于它是为了响应一个特定的搜索查询而提取这些图像,所以它需要知道这些图像描述了什么。

如果您的站点上有一个未经优化的图像,谷歌可能无法知道它显示了什么。因此,它不会显示在任何谷歌Image结果中。但是如果您给您的图像添加alt标签“generic gold trophy”,那么谷歌现在就知道您的图像显示的是一个奖杯。

所以,当有人在谷歌Images中搜索“gold trophy”时,就有可能出现你的图片,引导人们到你的网站。

3.图像可访问性

alt属性的最后一个主要优点是它们可以提供帮助可访问性在你的网站上。图像可访问性是许多企业忽视的,它可以大大提高你的整体营销效果。许多视障用户使用屏幕阅读器与网页进行交互。

不过,就像谷歌的算法一样,屏幕阅读器不能大声读出图像的内容——除非你使用alt标签。这可以帮助用户理解页面上的内容。图像可访问性不仅是对视觉受损用户的基本礼让,也是让用户更开心、激发品牌忠诚度的一种方式,从而推动更多转化率。

如何创建alt标签?

创建alt标记是一个简单的过程。您所要做的就是在站点的代码中插入一小段代码。

如果你正在通过内容管理系统(CMS),你甚至不需要进入代码本身——许多CMS只允许你点击图片,然后在一个框中输入alt标签。即使不是这样,在代码中添加alt标记也是一项简单的任务。首先,打开站点的HTML源代码。然后找到你想添加alt标签的图像-它应该看起来像这样:

< img src = " exampleimage.png " >

若要添加alt标记,请在结束尖括号之前插入一段代码。

代码应该采用以下格式:

alt = "的例子描述"

因此,当您完成后,整行代码应该显示为上面两个元素的组合。这里有一个例子:

一个新手工制作的书架</strong></p>
         </blockquote>
         <p><span style=这是它!只要您记得代码片段的格式,就很容易为图像添加alt标记—根据您的CMS,这可能更容易。

我们培养和形成长期的合作伙伴关系,使您的业务长期的结果。

超过90%WebFX的客户继续与我们合作到第二年的活动。

倾听我们快乐的顾客

让WebFX帮助你优化alt属性

在图片中添加alt文本很简单,但这并不是优化图片或整个网站的唯一方法。如果你在寻找更多的方法来提高用户体验在你的网站上,你可以从WebFX超过450名专家的团队合作中受益。与我们的网页设计服务,你不仅会收到帮助设置你的Alt标签和图像-你会得到一个促进你的整个网站,帮助它看起来更好,并实现更高的排名一次。

您还将收到一个专门的客户代表,让您了解我们所做的一切。要和我们开始,只要给我们打个电话888-601-5359在线联系我们今天!

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!