网络可访问性和 SEO：初学者指南
您认识有视力障碍的人吗？或者是无法用手或有听力问题的人？您是否想知道可访问性和 SEO 如何协同工作，为所有用户创造出色的用户体验？
花点时间问问自己，用户将如何在线互动以及与您的内容互动。您确定您的网站针对网络可访问性进行了 100% 优化吗？
确保任何人都可以访问网络有利于个人、企业和我们的社会。当您按照无障碍指南设计和编码网站和应用程序时，您就可以让残障人士更容易访问它们。不幸的是，许多网站和应用程序开发不佳，可访问性障碍使某些人难以访问。
在本文中，您将了解如何优化网站的可访问性并为所有用户提供最佳的用户体验。此外，您还将了解为什么可访问性在提高 SEO 性能方面发挥着重要作用。
什么是网络可访问性以及为什么它很重要？
在我们进一步讨论之前，有必要了解什么是网络可访问性。
简而言之，可访问性是每个人获得某些东西的能力。
因此，当我们说“Web 可访问性”时，它是一种帮助所有人（包括残疾人）访问网站和 Web 应用程序的方法。
对于更技术性的定义，网络可访问性是设计和开发网站、工具和技术的过程，以便残疾人可以访问它们。
凭借更好的可访问性，用户可以更好地理解、导航并与网络交互。
我们知道搜索引擎是如何工作的。他们发送机器人来抓取网站，根据几个排名因素对网站进行索引和评分。
同样，辅助技术 (AT) 依赖于代码中的信号来确定正在抓取的内容的上下文。
幸运的是，后端不需要做太多工作来确保这些辅助技术设备可以访问您的网站。大多数先决条件都包含在基本的SEO 排名因素中，例如页面标题、标题、锚文本和 ALT 文本。
在可访问性方面，网站或应用程序的大部分工作都是确保不同类型的 AT 可以轻松导航您的平台。
无障碍对于残疾人来说至关重要——它也可以帮助那些没有残疾人的人。
就是这样：
它帮助人们通过慢速互联网连接或通过手机、智能手表、智能电视等较小的屏幕访问网络。 它可以帮助那些能力随着时间的推移而变差的老年人。 它可以帮助患有暂时性残疾的人，例如眼镜丢失或手臂骨折。5 种网络无障碍障碍
残疾不仅仅限于视力或听力。我们必须了解不同类型的残疾或损伤。
1. 视觉视力障碍的范围可以从轻度到中度视力丧失。
这些包括：
色盲——由于难以区分红色和绿色、黄色和蓝色等颜色，并且在某些情况下无法感知任何颜色。 低视力 – 包括视力模糊，能够看到视野中心或只能看到视野边缘 失明——双眼视力严重至完全丧失。 2.听觉其中包括轻度至中度听力障碍。当涉及到音频内容时，即使部分丢失也可能会出现问题。
这些包括：
听力困难 – 中度听力障碍 耳聋——双耳严重且无法矫正的听力障碍。 3. 身体方面身体残疾与肌肉控制能力薄弱有关，例如瘫痪、缺乏协调性、感觉受限、关节疾病（例如关节炎）和肢体缺失。
这些包括：
关节炎——关节损伤 截肢——肢体或身体其他部位缺失 瘫痪——失去对身体部位的控制。 4. 演讲这与无法产生其他人或软件可识别的语音有关。
这包括：
沉默——由于精神障碍和认知障碍而导致无法说话 构音障碍——说话所需的肌肉麻痹，包括嘴唇、喉咙、舌头。 5. 认知、学习和神经学这些缺陷影响人们理解和处理信息的程度。
这些包括：
自闭症——社交沟通障碍 注意力缺陷多动障碍（ADHD）——难以专注于单一任务或容易分心。 心理健康障碍——焦虑、情绪障碍等可能导致注意力集中和处理信息困难的情况 记忆障碍——意味着短期记忆或回忆语言的能力有限。残疾人如何使用网络
残疾人使用不同类型的辅助技术 (AT)。顾名思义，AT 是专门为帮助残疾人和视力丧失者而设计的。
以下是一些帮助残疾人士使用互联网的软件和工具。
屏幕阅读器
屏幕阅读器使用语音合成器读出屏幕上的文本，或者在某些情况下将其翻译成盲文。
想一想，你读懂了屏幕上的所有文字吗？例如，您是否阅读页面上的广告、侧边导航上的所有推荐和热门帖子？
我们猜测并非所有人都读过它们。我们不！
优秀的屏幕阅读器还可以为视障人士提供轻松控制阅读内容的选项。这是通过仅读取一行文本、在屏幕上查找文本字符串、仅读取粗体文本或读取特定颜色的文本来完成的。
一些流行的屏幕阅读器包括 COBRA、Hal 和 JAWS（通过语音获取作业）。
盲文键盘
盲文键盘与标准 QWERTY 键盘有很大不同。
有八个主键用于组成盲文字母。围绕这八个主键，有空格键、功能键等。
您还可以使用标准的 QWERTY 键盘，上面覆盖有盲文字母。盲文键盘使视障人士可以更轻松地导航和定位光标。
屏幕放大镜
该解决方案可以帮助视障人士，但对于完全失明的人则没有多大帮助。
屏幕放大镜既可以用作放大镜的外部设备，也可以安装软件。
理想情况下，最好的屏幕放大器可以通过减少屏幕眩光、改善光标跟踪和对比度来增加信息和功能的大小。
语音控制
想用声音指挥电脑吗？使用语音控制软件工具帮助将语音转换为文本。
虽然这不是一个万无一失的解决方案，但与其他 AT 解决方案结合使用时，它确实可以帮助残疾人访问网络。
Dragon 是一款评价最高且功能丰富的语音控制程序。
无障碍的 4 项原则
可感知、可操作、可理解、稳健 (POUR)：这是用于创建可访问数字内容的Web 内容可访问性指南 (WCAG)的四个原则。普遍的共识是，如果违反任何原则，内容将无法访问，特别是对于残障用户而言。
万维网联盟 (W3C)开发了 Web 可访问性。
让我们仔细看看四个可访问性原则：
可感知：内容必须呈现出来，以便用户可以用任何一种感官访问它。 可操作：用户应通过他们选择使用的任何方式控制内容的所有部分，例如键盘、鼠标、触控板和其他辅助技术 (AT)。 可理解的：内容格式需要对用户有意义。这包括语言、说明、如何使用等等。 健壮：如果应用程序健壮，则各种设备和技术都可以访问内容。在可访问性方面，强大的应用程序可以与各种辅助技术很好地配合。为什么网络可访问性对于 SEO 很重要？
网络可访问性在 SEO 中起着关键作用，因为它有助于使用户（和爬虫）更容易访问内容。可访问性使每个人（无论是否有残疾）都可以轻松找到和理解您的内容。您将通过使您的网站可感知、可操作、可理解和健壮来提供最佳的用户体验。通过遵循四个可访问性原则，您还将努力提高网站的有机可见性。
谷歌还将重点转向奖励提供良好用户体验的网站——听说过谷歌的 Core Web Vitals吗？移动设备友好性是Google 页面体验更新的另一个关键支柱，也是网络可访问性的一个重要方面。
此外，增强用户体验有助于提高品牌情感和忠诚度。
当网站的设计不具备图中所示的可访问性时，某些用户执行任务或查找相关信息就会面临挑战。
用户体验至关重要，您所需要的只是对网站设计进行一些改进。
除了用户体验和搜索引擎优化的原因之外，网络可访问性也是一项法律义务。《联合国残疾人权利公约》和《欧洲无障碍法案》等各种法规确保网络的可访问性并为残疾人提供平等的机会。这些法律旨在保护个人免受不公平待遇，同时促进公平和平等的社会。这就是为什么网站所有者必须预见潜在残疾客户的需求，并根据他们的需求进行合理的调整。
提高可访问性的 8 个 SEO 最佳实践
一个常见的误解是网络可访问性标准阻碍了 SEO 专家的工作。相反，使网站更易于访问可以改善搜索引擎优化 – 正如我们上面所解释的。
网络可访问性和搜索引擎优化在许多领域都有重叠。提高可访问性对于提供增强的用户体验大有帮助。
此外，谷歌还制定了官方指南，解释了网络可访问性的重要性以及它如何帮助创造更好的用户体验。
有 8 种 SEO 最佳实践可以帮助您同时提高网站的可访问性和 SEO 性能：
优化页面标题 使用标题 包含 ALT 文本 选择描述性锚文本 创建站点地图 添加面包屑导航 定义清晰的网页导航 提高可读性。让我们仔细看看它们中的每一个。
1.优化页面标题
页面标题 [<title>] 帮助用户了解网页的全部内容。
您是那种在浏览器上打开很多标签的人吗？如果是的话，就继续看吧！
那么如何区分各个选项卡而不需要实际打开每个选项卡呢？好吧，您的页面标题正是可以帮助您实现这一点！
屏幕阅读器也依赖页面标题向用户传达他们正在导航的页面。不要为机器人堆砌关键字，而是要以用户为中心来优化页面标题。
2. 使用标题
标题标签的使用是SEO的重要组成部分。
当谈到标题标签时，我们知道 <H1> 标签只能使用一次，并且必须包含我们要定位的主要关键字。
附加关键字，即从<H2>到<H6>，进一步用于定义页面的结构，并且可以包括主要或次要关键字。
同样，当涉及到可访问性时，必须仅使用一个带有主关键字的 <H1> 标记，并在需要时使用后续标题标记。
3. 包含 ALT 文本
当图像无法加载时，ALT 文本会派上用场。发生这种情况的原因可能是带宽较慢且图像下载时间较长。在这种情况下，不会在网页上显示空白，而是显示替代文本。
因此，替代文本必须准确且与图像相关，而不仅仅是填充许多关键字来帮助机器人。
ALT 文本是网络可访问性和 SEO 的另一个流行交叉点，由屏幕阅读器大声朗读。
使用 ALT 文本的另一个动机是从图像搜索中获得额外的流量和点击率。
4.选择描述性锚文本
这两个超链接选项中哪一个听起来更好？
欲了解更多详情，请点击此处。 有关更多详细信息，请查看我们关于可访问性和 SEO 重叠的文章。好吧，这是理所当然的。第二种选择是更好的选择。它使用了更多的单词并且更具描述性。但是，使用更多的单词就意味着效果更好吗？嗯，部分是的！
锚文本不仅仅是导航到网站内其他页面的一种方式。或者，就此而言，也可以访问外部站点。
如果使用正确，锚文本将成为重要的 SEO 和可访问性因素。
您可以描述要链接到的页面上的内容，包括关键字，并描述页面的用途。
屏幕阅读器通常使用 Tab 键浏览页面。当他们在页面上找到链接时，他们会在宣布之前通知用户锚文本。如果锚文本对用户相关且有价值，他们可以按 Enter 键。
5. 创建站点地图
为了帮助搜索引擎爬虫更好地了解我们的网站，我们创建了站点地图 (sitemap.xml)。
站点地图列出了我们网站上的所有页面和文件（包括图像）。当您的网站上有多个页面没有内部链接时，这尤其有用。
虽然现场站点地图也可以帮助爬虫，但它更多的是帮助用户浏览网站并找到他们正在寻找的内容。
考虑到网络可访问性，现场站点地图有助于提供网站上所有页面的概述和清晰的导航。
主页 > 营销 > 数字营销 > SEO > 网页辅助功能 > 面包屑导航
想回到营销领域吗？只需单击面包屑导航中的“营销”即可。
面包屑可作为追溯他们导航到当前页面的路径的替代方案。除了帮助用户导航到上一页之外，它还可以帮助导航到顶级内容。
在某种程度上，面包屑类似于站点地图。它可以帮助搜索引擎爬虫和屏幕阅读器了解网站的结构。
想要您的网站内有更多内部链接吗？面包屑也可以帮助你！
与锚文本类似，面包屑链接也必须具有描述性。尤其要考虑屏幕阅读器何时通过这些链接进行切换。
7. 定义清晰的网页导航
如果你有正确的导航，你甚至可以大海捞针。
该网站的导航可以帮助您做到这一点。
如果您拥有的只是一个单页网站，那么这并没有多大区别。相反，如果您的网站上有数百个页面，则明确定义导航是有意义的。
导航不仅可以帮助用户轻松找到他们想要的内容，还可以帮助搜索引擎和屏幕阅读器浏览您的网站。
您是否注意到您可以使用 Tab 键浏览网站？如果是这样，您的网站可以通过多种方式访问。
8. 提高可读性
任何在线内容的最终目标都是为读者提供巨大的价值。由于内容如此出色，它会自动获得分享和参与度 – 这对于吸引更多用户访问您的网站也很有帮助，对吧？
现在（明显的）问题是：在编写内容时是否必须考虑到机器人或读者？
简单的答案当然是读者。
当然，您必须获得所有页面 SEO 因素，例如正确的标题，包括 H1 标签中的关键字、ALT 文本、内部和外部链接、关键字显着性等。
除了帮助用户和搜索引擎提供可读内容之外，保持内容简单也很重要。
简单是指避免使用复杂的行话和词语，确保内容左对齐，尽可能列出内容等等。
另一个关键点是包含可读的 URL。
包含关键字和特殊字符的过长 URL 会导致可读性较差，而且对搜索引擎爬虫和屏幕阅读器也没有帮助。
总结一下很明显，大多数网络可访问性与一些页面搜索引擎优化因素和移动设备友好性有关。
那么，回到我们之前的问题。
网络可访问性是否会妨碍 SEO？我们猜不是！
一旦我们考虑了各种 SEO 因素，我们如何测试页面的质量？有没有一个工具可以帮助我们快速评估自己网页的质量呢？
这就是Lighthouse发挥作用的地方！
如何使用 Lighthouse Audit 测试可访问性
测试页面可访问性的一种轻松方法是使用 Lighthouse 审核。Lighthouse 是一个用于提高网页质量的开源工具。您可以针对任何网页运行测试，并针对性能、SEO 和可访问性等因素生成审核报告。
生成的报告更进一步，为您所执行的每次审核提供参考文档，解释如何修复失败的审核。
要了解更多信息，您可以查看我们关于 Lighthouse 是什么以及如何提高 WordPress 网站的 Lighthouse 性能分数的深入文章。
您可能认为使用灯塔太复杂，实际上这很简单，只需提交您的 URL 即可。
假设您已经下载了桌面版 Google Chrome，要在 Chrome DevTools 中运行审核，只需转到您要审核的 URL。
测试 Web 可访问性的附加工具
除了在 Chrome 开发者工具中使用 Lighthouse 之外，还有多个 Chrome 扩展程序和其他工具可用于测试 Web 可访问性。
以下是一些最受欢迎的。
WAVE 评估工具WAVE 评估工具由webAIM.org开发，提供有关页面内容可访问性的视觉反馈。
它为您提供所有问题的摘要，并可以选择深入了解特定错误并查看更多详细信息。
要使用此工具，您可以通过键入 URL 来使用在线 WAVE 工具。使用此工具的另一种方法是安装WAVE Firefox或Google Chrome扩展程序。这样，您可以直接从浏览器内测试可访问性
axe 网络可访问性测试axe DevTools chrome 扩展由Deque Systems开发，可查找并修复网站上的可访问性问题。
可访问性测试工具在浏览器开发人员工具中运行，并识别网页上的缺陷。
网页无障碍评估工具列表
除了上述两个之外，还有一些 Web 可访问性评估工具可以帮助确定 Web 内容是否符合可访问性准则。这里列出了150 多种评估工具，您可以筛选这些工具来满足您的特定要求。
相关知识
【SEO 初学者指南】搜索引擎的工作原理：抓取、索引、排名
什么是搜索引擎优化(SEO)?
Google搜索引擎优化(SEO)新手指南
电子商务 SEO：快速的初学者指南
Meta Tag配置：提升网站SEO和用户体验的完整指南
技术SEO：全方位优化指南
SEO搜索引擎优化怎么做？全面指南让你快速上手！
搜索引擎优化（SEO）终极指南
什么是 SEO 专家？
SEO 新手指南：基础知识
网址: 网络可访问性和 SEO：初学者指南 https://m.huajiangbk.com/newsview2537158.html
| 上一篇: 掌握语义SEO，提升网站内容价值 |
下一篇: SEO与SEM：谁才是提升网站流 |
