大数跨境

关于替代文本(Alt Tags)的6个SEO误区

关于替代文本(Alt Tags)的6个SEO误区 电商实践
2018-12-10
1
导读:替代文本(alt tags)是搜索引擎优化中常见的待办事项。然而,关于优化替代文本的重要性存在诸多误解。因此,是时候澄清这一常被误读的话题中的种种迷思了。

替代文本(Alt tags)是搜索引擎优化中常见的待办事项。但关于优化替代文本的重要性,人们存在诸多误解。因此,是时候澄清这个常被误解的话题中的种种误区了。

6个关于替代文本的误区

误区一:它们被称为“alt标签”。准确地说,其名称是“图像标签的替代属性”。alt属性是一种修饰符,在HTML代码页面的单个标签中提供关于该图像的说明性信息。这些信息有助于视障用户和搜索引擎爬虫在浏览网站时获取帮助。

例如,请看来自Walmart.com礼品落地页下方的“节日玩具清单”图片及其替代文本属性。

Walmart的“按价格分类的礼品”图片。

——

该图片同时具有描述性和促销性的替代文本属性。

这些属性包含以下元素:

  • img标签:在页面上显示图像。
  • aria-hidden:对屏幕阅读器等辅助技术隐藏图像。
  • alt属性:“按价格选购礼物。从微小惊喜到巨大惊喜,尽在购物之中。”
  • itemprop:一个结构化数据元素,标识此处为图像。
  • src属性:指定要显示的图像文件。
  • style:指定图像的最小宽度。

alt属性只是图像标签的一个组成部分。是的,“alt标签”是常用的说法,但它实际上并不是一个标签。这就像指着一辆踏板车却叫它汽车一样。人们会理解你认识到踏板车是一种交通工具,但他们也可能认为你最近才学会英语。

误区二:alt属性可以替代页面文本。页面上可见且对访客有用的独特文本内容是无法被替代的。如果页面仅包含图像而没有描述性文本,它在搜索引擎中的排名将会很困难。即使完美优化的alt属性通常也不具备足够的显著性来产生实质影响,它们的SEO信号强度不足。

误区三:alt属性主要用于SEO。alt属性最初是为协助视障访客而开发的,但如今许多人将其视为纯粹的SEO元素。这是错误且危险的,因为alt属性可能会以阻碍其真正目的——提升可访问性——的方式被“优化”用于SEO。

事实上,满足SEO需求的最佳方式是始终牢记替代文本属性的真正目的。简短、描述性的替代文本有助于消费者理解图片及页面的内容,并知道如何完成他们期望的操作。同时,这些属性也能针对搜索引擎进行优化,无需担心使用过多内容或关键词。

你应在替代文本中写入那些能帮助视障用户理解内容并采取行动,又不会因文字过多而造成负担的信息。例如,如果图片展示的是产品,那么该产品的名称就适合作为替代文本。但请确保添加所有相关的产品属性。它仅仅是一件连衣裙,还是一件Calvin Klein品牌的黑色丝绸连衣裙?

(顺便一提,一个有用的测试方法是安装辅助技术,例如JAWS,它提供免费的40分钟试用,可以朗读页面上可见和不可见的文本元素。如果你仅靠JAWS就很难导航你的网站,那么访客可能会遇到更大的困难。)

误区四:每张图像都需要alt属性。某些图像在alt属性元素中使用空白值更为合适。纯粹用于导航或设计的图像——如间隔符、线条、项目符号——不应使用alt属性。想象一下,为了理解菜单中有四个导航链接,你必须听屏幕阅读器读出类似这样的内容:

“图形线条分隔符图形占位符gif项目符号图形橙色箭头链接玩具和游戏图形占位符gif项目符号图形橙色箭头链接服装和配饰图形占位符gif项目符号图形橙色箭头链接家居与花园图形占位符gif项目符号图形橙色箭头链接运动与户外图形线条分隔符。”

三张图片的存在——一张分隔线图片、一张占位符图片和一个用于区分选项列表的橙色项目符号——在屏幕阅读器中传达这些信息所需的字数是实际内容的十倍。将这三张图片的替代文本留空,可以为视障消费者节省时间,并提高他们成功使用该网站的能力。这样,他们只需听取如下内容即可:

“项目符号链接玩具和游戏 项目符号链接服装和配饰 项目符号链接家居与花园 项目符号链接运动与户外。”

如上所述沃尔玛的图像所示,你还可以使用aria-hidden元素来指示哪些图像属性应由辅助技术朗读。这样可以在不增加屏幕阅读器用户负担的情况下,保留描述性alt属性的价值。

误区五:立即修复替代文本。在担心为现有图片优化替代文本之前,应先处理其他站内SEO元素。由于替代文本的SEO价值非常小,因此将其作为独立策略来发起优化行动所带来的收益微乎其微。

相反,应优化标题标签和元描述、模板以突出显示最佳文本字段、导航和交叉链接元素,然后清理重复内容。之后,再优化替代文本属性。

确实,在某些情况下,alt属性非常重要:

  • 如果图片搜索是优先事项;
  • 对于新图片,在上传过程中包含alt属性;
  • 以提高可访问性为目标时。

误区六:编写替代文本耗时过长。这一点在很大程度上是正确的,除非你有开发者的支持。借助适当的脚本、工具和快捷键,编写替代文本的过程可以缩短到原来所需时间的一小部分。

请让开发人员为每个产品图片编写脚本,自动包含产品名称以及可能的一两个高度相关的描述。请摄影师或平面设计师以描述性方式命名图片。与其命名为“image02345s.png”,不如采用能让开发人员通过脚本构建alt属性的命名方式。

认真思考其他自动生成优质alt属性的自动化方法,并向开发人员和数字营销人员寻求协助。

否则,手动查看并为每张图片编写alt属性会耗费大量时间。如果必须处理,请智能地优先排序,从收入最高的产品或利润率最高的产品开始。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8035
粉丝 0
电商实践 电商实践
总阅读1.1k
粉丝0
内容8.0k