SEO 和可访问性:来自聋人和残疾人的 30 多个提示

SEO 和可访问性:来自聋人和残疾人的 30 多个提示

本文旨在坚持社交模型语言,而一些贡献者选择了不同的识别方式。

在过去几年中,关于 SEO 社区内可访问性的对话有所增加。

尽管多年来一些专家和残疾倡导者一直在谈论可访问性,但在 COVID-19 大流行期间,数字可访问性的重要性得到了显着放大。

根据Deque的一想调查和研究,73% 的可访问性专业人士认为,在整个大流行期间,数字渠道的可访问性意识有所提高。这是因为大流行迫使更多的人上网,无论是为了工作、学校还是娱乐。

由于它与我们在 SEO 方面的工作有关,我们处于很好的位置,可以参与这些工作,因为我们影响了几个与可访问性相关的领域。事实上,很多时候当我们优先考虑数字可访问性时,它恰好也有助于我们的 SEO 工作。反转时并非总是如此。

现在权力越大,责任越大。因为我们的 SEO 建议会影响重要的网站元素,例如网站结构、用户体验和描述,所以我们在这些项目的可访问性方面共享所有权和责任。再读一遍。

要记住的另一件事是,仅通过技术爬网、Chrome 扩展程序或工具向我们的客户提供与可访问性相关的建议是不够​​的。至关重要的是,我们要包括我们正在努力支持的人。  

适应性时尚市场 Patti + Ricky 的创始人兼首席执行官 Alexandra Herold 表示:“重要的是,当围绕可访问性进行对话时,残疾人是其中的一部分。” “他们不仅应该在餐桌上占有一席之地,还应该坐在餐桌的首位,领导会议。”

这就是为什么我要求聋人和残疾人分享数字可访问性的重要性,以及一些可操作的 SEO 社区入门技巧。 

以下是将涵盖的内容:

  1. 标题标签
  2. 标题
  3. 链接
  4. 替代文字
  5. 多媒体

1. 标题标签

标题标签可以说承载了大量的 SEO 权重。当标题标签精心设计和优化时,它们可以鼓励从搜索引擎点击到您的网站。

标题标签对于可访问性也很重要,因为它们是屏幕阅读器用户在页面加载时听到的第一件事。

屏幕阅读器是一种辅助技术,允许盲人或视障用户阅读计算机屏幕上显示的文本,例如标签、链接和标题。

“标题标签告诉我们当前所在的页面以及打开的页面。当标题标签包含准确描述主题的相关关键字时,它也很有帮助,”Bold Blind Beauty 的首席传播官 Nasreen Bhutta 说,该社区旨在帮助盲人和弱视女性大胆打破障碍。

“如果它们没有正确标记,那么我们就会对我们将在网站页面上遇到的信息感到困惑。将标题标签视为一个简单、清晰且易于阅读的标题。一个写得很好的标题标签应该很容易被屏幕阅读器读取,从而使搜索更加高效和有趣,”Bhutta 补充道。

Bhutta 分享了一些关于 SEO 的技巧:

  • 标题标签需要准确描述主题或目的。
  • 一个好的标题标签将最重要的关键字放在开头。
  • 标题标签的最佳长度为 60 个字符,因此非常简洁。
  • 标题标签不应为空。
  • 标题标签应该与其他页面不同(避免重复)。
  • 标题标签应与页面内容一致。
  • 标题标签应提及错误或成功确认消息。
  • 如果使用 iframe,页面源需要有一个有意义的标题。
  • 将品牌放在标题标签的末尾。

我还想强调的是,即使您的技术抓取显示标题标签错误的数量很少,纠正这些错误仍然是一个好主意。

2. 标题

标题是另一个重要的领域,因为它们提供了语义结构,不仅适用于搜索引擎机器人,而且适用于使用它们作为锚点的屏幕阅读器。

屏幕阅读器使用标题来跳转页面。将其视为相当于浏览一页。

“标题总是采用不同的格式,以便在视觉上从常规正文中脱颖而出。它们提供有关网页结构的视觉和语义信息,就像大纲中的级别一样。通过使用标题标签而不是样式标签和属性(即,<b>、<em>、font=”Helvetica”……),网站的作者使屏幕阅读器用户能够像有视力的读者一样理解和导航页面结构,”根据 SUNY Cobleskill 的前 UX 项目经理、应用心理学专业和可访问性资源助理 Sarah Hinman Ryan 的说法。

Ryan 分享了一些 SEO 技巧:

  • 作为一般规则,每个页面应该只有一个 H1 标签。
  • 放置 H1 标签的最佳位置是 <main> 内容元素的顶部。
  • 标题应该有意义并遵循层次结构。
  • 标题跳过级别不是一个好习惯(即,不要从 H1 转到 H5 之间没有任何东西)。 

Web 内容创建者可以尝试的一个练习是阅读页面标题,看看它们是否合乎逻辑。它们的顺序是否有意义并与它们相关联的内容相匹配?如果没有,那么调整它们直到它们这样做。  

3. 链接

由于它与 SEO 相关,内部和外部链接可以帮助抓取、推广和参与。

用户和搜索机器人使用链接在网络中导航。链接有助于在被链接的页面上赋予价值,并为页面的内容提供更多背景信息。

在可访问性方面,链接文本至关重要。一个原因:是因为它们被用作跳转页面的锚点。他们需要使访问者点击后下一页的内容 非常明显。

“除了链接文本所说的内容之外,链接易于与周围文本区分开来也非常重要。这使得当文本与背景不融合时色盲的人更容易使用它,”Inklusiv 的创始人兼 Deque Systems 的讲师指导培训总监 Denis Boudreau 说。 

Boudreau 分享了一些 SEO 技巧:

  • 锚文本应该使下一页的内容非常明显。
  • 链接应在视觉上可区分(下划线、轮廓、3:1 颜色对比)。
  • 锚文本应该与页面上的其他锚文本不同。
  • 同一页面上的类似锚文本不应链接到不同的目的地。
  • 导航链接应该在整个网站中保持一致。
  • 避免使用模棱两可的文字,例如“点击这里”和“阅读更多”。
  • 指示链接何时指向外部网站。

这是您可以与内部团队或客户一起尝试的一项活动,以突出描述性锚文本的重要性。剧透警告:它强调仅根据锚文本几乎不可能猜测下一页的内容。

一个链接练习题为“你能根据锚文本猜出下一页是关于什么的吗?”  带有除锚文本外的文本模糊的网页屏幕截图。 他们阅读 1) 2,000 卡路里,2) 指南,以及 3) 空卡路里。) 
图片描述:题为“你能根据锚文本猜出下一页是关于什么的吗?”的链接练习 带有除锚文本外的文本模糊的网页屏幕截图。他们阅读 1) 2,000 卡路里,2) 指南,以及 3) 空卡路里。)

除了爬虫中出现的链接错误之外,SEO 还可以帮助提供调整锚文本的建议。

开始此过程的一种方法是从您最喜欢的爬虫中导出包含两个或更少单词的锚文本。那是因为与较长的版本相比,它们描述性较差的可能性更高。

您可以使用以下后续步骤的变体来共享带有列标题的 Excel 模板:

  • 第 1 步:在 CMS 中,查找此 H1。
  • 第二步:更新这句话。
  • 第三步:改为说这句话。
  • 第 4 步:当前的锚文本将从这里改变。
  • 第5步:改为这个锚文本。
  • 第 6 步:保留或更新此链接。

然后,您可以从此处查看来自单独导出的所有剩余锚文本,以确认锚文本是否对目标链接有意义。

4.替代文字

作为 SEO,我们知道替代文本有助于增加在基于图像的搜索引擎中找到重要的、有针对性的关键字短语的机会。但是,我们作为 SEO 制作替代文本的方式与我们需要的位置之间存在巨大差距。

我们必须记住,替代文字的主要目的是为了可访问性,而不是 SEO

数以百万计的屏幕阅读器用户依靠此字段来了解图像中的内容并在 Web 上导航视觉对象。

“电子商务网站也可以从合并描述性替代文本中受益。例如,假设您的网站正在销售红色裤子。与其制作一个写着“红裤子”的替代文字,不如谈谈视觉元素。这可能包括合身和质地,以及服装搭配,例如衬衫和鞋子,”零售可及性顾问兼 Fashionally Tardy 播客的联合主持人 Natalie Trevonne 说。

Trevonne 分享了一些 SEO 技巧:

  • 包括准确、简洁和上下文相关的优质替代文本。
  • 没有必要在替代文本中包含“照片”。
  • 如果照片没有传达意义,则无需包含替代文字。
  • 标签图像按钮(即 Facebook)或屏幕阅读器会显示“链接”。
  • 避免制作超过 150 个字符的替代文本。
  • 当图像需要更多详细信息时,请使用扩展描述。

当我们谈论上下文时,它意味着描述图像的主要焦点。同一张图片可能有两个完全不同的替代文字描述。

例如,如果您正在为鞋品牌销售,您可能会描述鞋子而不是型号,如果这是您试图从图像中传达的核心信息。 

为了突出替代文本对您的内部团队或客户的重要性,这是我与 Scribely 的 Caroline Desrosiers 一起创建的一个练习。他们是一家无障碍解决方案公司,为图像和音频描述编写替代文本和扩展描述。

剧透警报,最佳答案是#3。是的,那只可爱的狗是我的。

一个 alt 文本练习,标题为“在标题为 'Why Dogs are Great' 的文章中,哪个 alt 文本对这张图片最有意义”。 这三个选项是 1) 为什么狗很棒,2) 一只黑狗,以及 3) 一只可爱的小黑狗,大尖耳朵,睁大眼睛,带着好奇的表情抬头看着镜头。
图片描述:一个替代文字练习,标题为“在标题为“为什么狗很棒”的文章中,哪个替代文字对这张图片最有意义”。这三个选项是 1) 为什么狗很棒,2) 一只黑狗,以及 3) 一只可爱的小黑狗,大尖耳朵,睁大眼睛,带着好奇的表情抬头看着镜头。

那么是否有可能制作对可访问性和 SEO 都有利的替代文本?

是的,但这意味着您需要有意识地选择照片。为了 SEO,请勿包含照片中未显示的视觉细节。

5.多媒体

多媒体(例如,视频、播客)为人们消费信息提供了另一种很好的方式。当提供多媒体的文本版本时,它是搜索引擎查找您的内容的另一种方式。

在可访问性方面,根据所使用的媒体和时间(实时与预先录制),需要遵循特定的 Web 内容可访问性指南 (WCAG) 合规级别以及需要包含的媒体替代方案。

有许多替代媒体类型。这是其中的两个:

  • 字幕:这是与视觉内容同步的文本,无论是网络研讨会、YouTube 视频还是喜爱的电视节目。它还提到了背景中有重要声音的情况,例如怪异的音乐或关门声。
  • 成绩单:这包括听觉内容的文本,以及视觉内容的描述。一个示例是描述您正在演示的 PowerPoint 幻灯片中显示的内容。 

“字幕很重要,因为它们对聋人以及其他任何需要字幕的人都至关重要。如果我们试图获取有关自然灾害或人为灾难的信息,字幕可能意味着生死。但它们对于娱乐目的也很重要。如果电影或电视节目刚上映时其他人都可以欣赏,为什么我们不能同时欣赏它呢?” 根据可访问性顾问和内容创建者 Rikki Poynter 的说法。

Poynter 分享了一些 SEO 技巧:

  • 对于字幕
    • 逐字写出口语,包括“嗯”(很少有例外) 
    • 包括重要的背景声音 
    • 使用正确的拼写和标点符号 
    • 尽量不要在屏幕上一次超过两行文字 
    • 每行不超过 32 个字符 
    • 在逻辑点使用标题换行符 
    • 字幕不应阻挡重要的屏幕内容 
    • 文字需要使用 3:1 的颜色对比
  • 对于成绩单
    • 逐字写出口语
    • 包括重要的背景声音
    • 使用正确的拼写和标点符号
    • 还包括视觉描述

帮助每个人更享受互联网

上面的建议并不是最佳实践的详尽清单;这是一个起点。

虽然有列出可访问性错误的工具、插件和扩展,但您不能止步于此。与可以审核和进行用户测试的聋哑和残疾人顾问合作。

截至今天,搜索引擎不会因为网站不遵守美国残疾人法案 (ADA) 和通信和视频无障碍法案 (CVAA) 而对网站进行处罚;但是,您的客户可能会这样做。 

我们必须真正带领我们的用户超越搜索引擎。另外,必须说:如果你不这样做,你会让自己容易受到诉讼。 

本文由「星云财经」撰写,股市有风险,投资需谨慎。