解读Alt标签和可访问性

发布于:2020-01-11

作为营销人员,我们谈论了我们在广告系列中使用的图像,是否冒着创建漫画系列的风险,要求我们的日常影响者在他们撰写的博客文章中添加个人快照,还是确保我们宣传我们选择的图库中的多样性。

随着语音技术的进步,交互式内容体验以及对视频和视频内容的日益增长的兴趣,数字材料营销人员正在创造越来越复杂的内容,并纳入了更多的多媒体计划。尽管这些功能提高人们的体验,但它们对营销人员来说也是一个新的挑战,即要确保我们的所有内容都能被受众的每个成员充分看到和体验。

诱使你只想用一串高级关键字将内容的元数据空间打包,以尝试尽快满足你的SEO需求。但是,这些空间的目的并不是要引起Google网站抓取工具的注意。它为那些可能无法仅从主页上完整了解你的消息的人提供替代的解释和说明。

如果你没有正确使用替代文字,那么你将疏远大部分消费者。

如何优化alt标签.png

 

什么是Alt标签?

像你们中的许多人一样,我首先介绍alt标签,alt标签实际上是网站上图片的文字提示。在alt标签中加入关键词是很好的提升关键词排名的方法,但需要注意的是并不能提高关键词密度。,并提供了在SEO中将目标关键字短语放置在字段中的指令。多年来,我一直以这种方式工作着,我认为这是它的唯一用途,alt标签用于可访问性的目的。

 

替代文字(也称为替代标签,替代属性和替代描述)告诉观看者图像中的内容。这可以帮助有视力障碍的人“看到”屏幕上正在显示的内容。对于视力不佳的人来说,如果图像无法加载,了解应该显示的内容也很有帮助。最后,替代文字以与人类相同的方式帮助搜索引擎,将图像显示的内容告知搜索引擎。

 

Alt属性是网站代码的一部分,其作用是向屏幕阅读器表明图像存在,并解释图像中的内容。自由作家和辅助功能倡导者Kerry Kijewski对此进行了更详细的说明。她说:“ alt标签是表示图片描述的代码。标签属性的内容是图像描述本身。”她继续说,“这是带有alt属性的图像标签的示例:

< img src =” SomeFileName.jpg” alt =“带有alt属性的图像标签的图片”> 

SRC是指你要显示的图像文件,而alt是指图片中所显示内容的文字说明。”

 

那么SEO是如何进入这些旨在实现可访问性的领域的呢?记得SEO专家克莱尔·潘尼西亚(Claire Paniccia)也曾说过:“ Google不能像人们看到的那样看到图像,因此替代文字的作用与Google相似,就像对视觉障碍的用户一样。它传达了图像的含义。从SEO角度来看,我们可以利用此空间来向Google指示页面的上下文和主题。”

不仅包括周到的,全面的alt标签说明,都将显示出对人类读者的尊重和考虑的感觉,还将对你的SEO有所帮助。如今的搜索算法的行为更像人类,并且将这些区域的丰富,有价值的文本放在不相关的单个关键字字符串之上。

 

协助视力障碍的观众

存在替代文本技术,以帮助失明,视力低下或其他任何障碍的人了解图像中正在发生的事情。这是在屏幕阅读器的帮助下完成的,屏幕阅读器可以大声朗读alt文本和图像说明,供个人查看网站。

 

alt标签的作用

Kijewski说:“作为一个盲人,我首先依靠alt标签告诉我存在图像。即使我是盲人,我仍然对事物的外观以及图像传达的信息感兴趣。”

护肤企业家表示同意,并说:“就在两年前,由于中风,我失去了大部分视力。我不得不重新学习了很多非常基本的知识,例如使用计算机。替代文字和图片说明可帮助我了解正在查看的图片。这是帮助我保持独立并为购物或查找食谱之类的事情,做出明智选择的众多因素之一。”

从营销人员的角度来看,alt标签是CTA的最有效形式之一。如果你不理会他们,那么你就失去了与潜在客户进行更深入互动的机会。除了仅了解图像中的内容外,如果需要采取行动,有视觉障碍的消费者还可以使用alt标签指导他们。Kijewski说:“图像可以单击,从而导致可能具有重要信息的新页面。如果图像不包含alt标签,则我有可能完全跳过它。如果它包含由机器生成的,带有很少或构造错误的信息的alt标签,我不一定会知道激活它可以使我受益。”

 

图像描述应补充你内容的故事

当你第一次开始命名替代文本时,你可能会希望列出图像中的所有内容。处理这些描述时,就像在为绘画写标题一样,而不是在进行整个博物馆之旅。虽然没有精确的字数统计,但是也不要覆盖描述。“我认为没有设定的长度。如果你可以有效地描述事物,那就去做吧!请给我我需要的信息,以了解图片中发生了什么。”

但是,有些网站seo建议在这些简短说明中充分利用你的叙事技巧。说:“给我图片的感觉。告诉我这个故事,让我理解。将衬衫描述为纽扣式格子是一个不错的开始,但请告诉我更多。让我知道它柔软,垂褶。

 

Alt标签可访问性的最佳做法

当图像本身中有文字时会发生什么?基耶夫斯基说:“如果目标网页在大企业前面有标牌图像,则alt标签可以显示为'欢迎来到大企业。但是,其他带有文字的图像则难以描述。她继续说道:“假设你有一个包含数据的饼图图像。在这种情况下,alt标签会显示类似“饼图,显示大企业的利益细分”。点击查看文本细分。” 然后,单击或按Enter可以进入带有摘要报告的页面,其中显示了细分。一般来说,如果你的信息长于标题,则不会以图像形式显示它,也不会以其他格式提供信息。”

 

有人问,是否应该使用“ null”来描述图像。答案是不会的。我首先想到的是,如果你使用空白图像来创建白色或深色空间,而这可能是空alt标签的一种情况,但在反射时,正确的方法是将“ spacer”一词或诸如“空白”之类的描述或“暗空间”。在界面设计中,我们不会使用“空”一词,也不会将标签留空。甚至可能类似于用于列表项目的项目符号的图像是方形项目符号还是圆形项目符号。如果这在设计中,我们可能会在意。”

 

而且,我们也不要成为依赖自动替代文本的受害者。尽管它对于替代文本的可访问性和为我们节省时间似乎都是有用的工具,但它可能有故障,并且可能不安全。如果你使用它,则不希望偶尔报告该图像,例如将一只猴子吃香蕉当作卡车来描述。自动文本还会对你的网站造成潜在的安全风险。

有SEO专家解释说:“机器经常制造不好的alt标签。有时,他们使用这样引用的图像文件的文字路径和文件名,即alt =“ img / thumbs / 548cc2b80cfe803.jpg”。这不是你真正要投影的图像,即使图像恰好被命名。通常,它们如上所述被命名为某个十六进制值,但经常使用时间和日期(或单词img和一个数字)来命名。这不仅对你的图像没有用处或投影效果很好,而且向用户提供你网站文件和文件夹结构的洞察力也存在安全风险。

 

当你承诺遵循关于alt标签可访问性的最佳做法时,你可能会感到不安,因为放弃了使用该字段作为关键字的休息地的旧方法。“随着RankBrain的推出,Google变得更加智能,并且可以更轻松地了解页面的真正含义(而不是像过去那样查找完全匹配的关键字)。因此,营销人员无需在替代文本中填充关键字,只需编写将图像与页面主题相关联的描述性替代文本即可。这样,它既可以为视障用户提供服务,也可以为SEO服务。”

如果你看完这篇文章,感觉有点懵,建议你多看几遍,自然就懂了。

评论展示

参与评论
  • click

660

shares

 

在线客服

服务热线:400-8817-968

QQ客服:425827996

周一至周五:8:30-18:00

扫码加微信咨询

业务微信

15815846676
长按号码加微信

在线留言

top