SEO 和可访问性：增强您的用户体验

拥有无障碍网站的重要性

许多活动都发生在在线空间中——学习、购物、办理银行业务和预约。 数字环境与物理环境一样易于访问，这一点至关重要。 当您的网站针对辅助技术和替代交互方式进行优化时，您就可以扩大市场范围并向所有人开放您的业务，并展示包容性和公平性。

根据《美国残疾人法案》(ADA) 第三章，企业必须提供对其商品、服务、特权和优势的“充分且平等的享受”。 美国司法部将此解释为包括互联网上提供的服务。

针对网站不符合 ADA 规定的企业采取法律行动的风险越来越大。 2022 年，美国联邦法院共发生 3,255 起 ADA 第三章网站无障碍诉讼，较 2017 年的 814 起有所增加。

可访问性会影响 SEO 吗？

当您实施可让残障人士与您的网站互动的辅助功能时，您就可以帮助搜索引擎更好地了解您的网站并更准确地为其建立索引。

万维网联盟 (W3C) 发布的《Web 内容可访问性指南》(WCAG) 中规定了网站可访问性的行业标准。 SEO 营销人员可以使用本指南来解决颜色对比、图像替代文本和导航等技术元素，为所有人（无论能力如何）创造公平的在线体验。

可访问性是排名因素吗？

网站可访问性并不是直接的搜索引擎排名因素。 然而，针对所有用户进行优化的网站更有可能与 Google 的排名因素保持一致，并在搜索结果中排名更高。

许多辅助功能都与 SEO 相关，例如 XML 和 HTML 站点地图、可读性、视频字幕和核心 Web Vitals。 您能满足的元素越多，您网站的排名就越好。

例如，具有健康的 Core Web Vitals 的网站可以快速加载和稳定，并快速响应用户交互，以获得最佳体验。 底线是什么？ 谷歌鼓励开发人员开发易于访问的产品，因此跟随这家搜索巨头的领导很重要。

集成可访问性和 SEO 的方法

在下一节中，我将重点介绍一些 SEO 可访问性策略，这些策略可以使您的网站对残障人士和搜索引擎更有帮助。

网站设计和用户体验

谷歌在排名中越来越考虑用户体验，因此具有可访问的搜索引擎优化的网站更有可能获得良好的排名。 如果残障用户可以与您的网站无缝交互，您将降低跳出率并鼓励访问者参与。

通过以下方式改进网站设计：

• 保持网站元素简单。
• 避免加载缓慢的图像、插页式广告和闪烁的内容。
• 提供高色彩对比度和易于阅读的字体类型和大小。
• 将文本左对齐。
• 创建逻辑站点架构和直观的导航。
• 使用描述性且清晰的标题。
• 避免使用颜色来突出显示信息。
• 提供浏览网站和消费内容的替代方式。

XML 和 HTML 站点地图

站点地图提供了网站上每个页面的链接，并为搜索引擎提供了如何组织内容以进行爬网和索引的总体概述。 站点地图还为残障用户提供了一种重要的替代导航方法，使他们能够从一个地方快速扫描和定位相关网页。

按部分和子部分组织站点地图以显示站点的层次结构，并在每次添加、移动或删除页面时对其进行修改，以确保没有死链接或丢失页面。

导航

易于导航的网站对于可访问性至关重要，因为如果用户无法使用辅助设备查找或访问内容，他们可能会感到沮丧。 导航也会影响搜索引擎优化，因为搜索引擎会跟踪链接来发现新页面并为其建立索引。

要优化站点的架构：

• 将导航放置在用户期望的熟悉位置。
• 使用有意义的标签，清楚地表明链接将您带到哪里。
• 为无法使用鼠标的用户提供键盘导航选项。
• 在内容较多的页面上添加部分链接以加快导航速度。
• 确保链接足够大，以便用户可以轻松单击它们。
• 在启动网站之前测试导航以发现问题。
• 确保正确设置 Tab 键顺序。

面包屑

面包屑导航是水平显示在页面顶部的特定于页面的导航。 它显示了页面与父页面的关系，对于将用户定向到复杂的网站非常有用，特别是那些通过搜索而不是主页登陆到类别页面的用户。 用户还可以直接从页面快速导航到层次结构中更高的页面。

出于搜索引擎优化 (SEO) 的目的，面包屑导航向搜索引擎显示页面的相关性。 父页面还可以通过内链与子页面共享链接资产，有助于提高排名的权威性。

为了实现有效的面包屑导航：

• 在面包屑中使用视觉分隔符，例如正斜杠或大于号。 使用 CSS 添加面包屑，这样屏幕阅读器就不会读出视觉分隔符。
• 实施结构化数据，以便面包屑导航出现在搜索结果中。 这告诉搜索者如果点击某个片段，他们将到达网站的哪个位置。

页面标题

页面标题总结了网页的目的或内容。 它们通常表现为：

• 搜索引擎结果中的可点击链接。
• 浏览器栏中打开的选项卡的名称。
• 已添加书签的页面的默认标题。
• 社交媒体链接中可点击图像块的标题。

搜索引擎使用 HTML 标题标签来了解页面的内容以进行索引。 屏幕阅读器将宣布页面标题，以帮助用户找到相关页面或了解他们正在使用哪个页面。

要优化标题标签以实现可访问性 SEO，请创建一个有用的页面标题：

• 准确描述页面。
• 自然地包含您的目标关键字。
• 长度为 50 到 60 个字符。
• 迫使用户点击。

标题

标题标签是页面 SEO 的标准元素，用于将文本组织成多个部分以提高可读性。 每个标题都标志着新主题或子主题的开始。

辅助技术使用标题将用户直接带到他们想要的部分，这比阅读整个网页来收集特定信息更容易。 搜索引擎使用标题来理解每个标题后面的内容，以更好地匹配查询。

要优化 SEO 可访问性的标题：

• 使用正确的 HTML 标签，以便辅助技术可以读取它们。
• 确保每个标题准确描述该部分的内容。
• 在部分内按顺序嵌套标题级别，因此不要从 H3 跳转到 H5。

替代文本

替代文本是替代图像的在线图像的书面描述。 它们帮助视力障碍或视力低下的人理解图像，并在图像加载缓慢或丢失时向所有用户提供信息。 由于搜索引擎无法抓取图像，因此 alt 标签对于 SEO 目的非常重要，可以转发图像的主题以进行索引。

编写替代文本时需要考虑以下几点：

• 无需在描述中包含“这是……的图像”，因为屏幕阅读器会自动宣布这一点。
• 写下一个完整的句子并使图片生动起来。 不要使用“冰淇淋”作为替代文字，而是尝试：“手拿着一个华夫饼蛋筒，里面有两勺草莓冰淇淋。”
• 使替代文本与页面内容相关，并考虑人们想在主题上下文中了解什么。
• 如果图像有功能，请描述动作而不是图像。 例如，如果耐克徽标链接到您销售的耐克产品，则替代文本应传达此信息，而不是说明“耐克徽标”。
• 自然地融入关键词。 关键字堆砌会被视为垃圾邮件。
• 对于图表等复杂图像，请链接到详细说明。
• 对于装饰性图像或避免重复详细的屏幕标题，请使用空的 alt 属性，以便屏幕阅读器跳过它们。

元数据

元数据（例如元描述）不会出现在已发布的网页上，但可以帮助搜索引擎和用户了解页面的目的和内容。

元描述出现在页面标题下方的 SERP 中，对于可访问性非常重要。 屏幕阅读器会大声朗读它们，以帮助用户在点击之前确定页面是否满足他们的需求。 它们还通过让搜索引擎深入了解页面相关性来增强搜索引擎优化，以便它们可以将内容与适当的查询相匹配，从而降低跳出率。

有效的元描述：

• 准确描述页面的内容。
• 如果大声朗读，则清晰易懂。
• 包括主要关键字。
• 包含少于 160 个字符。
• 包含号召性用语并迫使用户点击。

移动设备友好性

全球一半以上的网络流量来自移动设备。 Google 首先会抓取所有新网站的移动版本，这意味着您的网站应该可供智能手机、平板电脑和其他设备访问和优化。

为确保您的网站适合移动设备：

• 使用针对不同屏幕尺寸呈现的响应式设计。
• 格式化内容，以便读者可以轻松浏览或阅读。
• 保持您的网站简单、干净，没有侵入性的插页式广告。
• 优化网站速度，以便用户在旅途中快速加载。
• 针对语音搜索的特定关键字。

视频字幕和文字记录

视频内容越来越受欢迎，但直播、网络研讨会、采访和视觉产品演示对于聋哑或听力困难的用户以及搜索引擎来说都可能具有挑战性，除非您提供字幕和文字记录。

对于耳聋或听力有困难的用户来说，屏幕字幕是音频的文本替代品。 有些人在嘈杂的环境中或不想打扰他人时也更喜欢字幕。 虽然 YouTube 提供自动视频字幕，但您应该编辑字幕以确保准确性，以获得最佳用户体验。

完整的文字记录提供了视频口头部分的文本替代（并且非常适合视频搜索引擎优化）。 您应该将它们作为视频发布在同一页面上或带有链接的单独页面上。 屏幕阅读器可以比视频字幕更快地阅读文字记录。 一些用户可能还更喜欢浏览文字记录而不是观看视频或搜索文字记录中的特定术语。

由于搜索引擎无法抓取视频内容，文字记录为索引提供了有价值的信息。 编辑文字记录以删除“嗯”和“啊”等对话元素，以便更易于阅读。

锚文本

锚文本是可点击的文本，它告诉用户和搜索引擎链接将他们带到哪里。 搜索引擎使用锚文本来理解链接周围和目标页面上的内容。 准确的锚文本对于残障用户也很重要，这样他们就不会不必要地单击不满足其需求的其他页面。

编写简洁准确的锚文本，以便用户知道点击链接后会发生什么。 这意味着避免使用通用措辞，例如“单击此处”或使用 URL 作为锚文本。

由于一些使用屏幕阅读器的用户会扫描页面中的链接，因此判断您的锚文本是否可访问的一个很好的测试是看看如果单独大声朗读它是否可以被理解。

可读性

可读性是指阅读一段内容的难易程度。 具有高可读性的页面可以吸引用户并使他们在您的网站上停留更长时间。 试图将内容与用户查询相匹配的搜索引擎也更容易理解它。

您可以通过以下方式提高 SEO 的可读性和可访问性：

• 将内容分组为具有清晰标题的块，以便轻松查找信息。
• 消除冗长的内容并选择简单而引人注目的语言。
• 使用主动语态以获得更直接的写作风格。
• 使用编号或项目符号列表进行扫描。
• 为读者写作，避免关键词堆砌。

辅助功能测试工具

有许多免费和付费工具可以让您了解您的网站的可访问性。 我在下面列出了一些内容以帮助您入门。

访问扫描

accessScan 可以详细分析您的网站在可点击元素、标题、菜单、方向、图形、表单和可读性方面的表现。 这个免费工具会扫描域并告诉您您的网站是否满足各种可访问性标准，以及您未能满足的元素的详细信息。 您可以下载 PDF 报告形式的信息。

辅助功能检查器

Accessibility Checker 根据选定国家/地区的无障碍立法审核网站的合规性。 它提供了总体合规性分数、紧急和次要问题的列表以及解决方案。 该免费工具可以在单个网页上使用，但您必须升级才能一次扫描多个页面。

网络辅助功能评估工具 (WAVE)

该工具由 WebAIM 开发，根据 WCAG 2.1 指南测试网页的可访问性问题。 您可以直接访问 WAVE 网站并输入 URL 以查看错误的可视化。 该工具会在网页上叠加图标，以显示问题所在的位置。 WAVE 还可以作为浏览器扩展使用，因此您可以直接在 Chrome、Firefox 和 Edge 中进行测试。

立即获取统一 SEO 和可访问性的帮助

不要将可访问性作为事后的想法，而是将其与 SEO 结合起来，以简化您的网站优化工作。 我们 Victorious 的团队可以帮助您制定强大的策略，将可访问性和 SEO 结合起来，创建一个有用的、无障碍的网站，吸引尽可能多的受众。 联系我们获取免费咨询。