技术SEO

SEO和辅助功能(1):简介

seo 可访问性

你认识视力受损的人吗?也许他们视力低下或存在色盲,或者完全失明。想想他们将如何使用互联网。闭上眼睛,或者至少用力眯眼,试着在Facebook上找到今天的新闻或与朋友互动。这是许多人每天不曾考虑的挑战性的事,但我们在搜索引擎优化中所做的一些事情可能会优化视力障碍者在访问页面时的体验。

可访问性和互联网

Animated image of accessibility settings on a computer

视力受损的互联网用户可以使用屏幕阅读器VoiceOverJaws)导航和使用网络。屏幕阅读器很像搜索引擎爬虫程序,依靠代码中来确定它们正在爬行的结构和上下文。搜索爬虫查找和解释的内容与屏幕阅读器之间的重叠很小,但概念是一样的:此页面的元素在哪里,我如何理解它们?

seo 和a11y 的重叠和冲突

虽然了解搜索引擎优化(SEO)和可访问性(a11y)在哪里重叠很重要,以便为两者进行正确优化,但同样重要的是要注意,为其中一个进行优化并不一定类似于为另一个优化。换句话说,如果您为搜索引擎优化了页面,这并不意味着您一定可以访问它——反之亦然。

最近,网络可访问性专家卡尔·格罗夫斯写了一篇名为《辅助功能和搜索引擎优化神话》的帖子。格罗夫斯先生从内到外了解无障碍世界,他知道无障碍的优化远远超出了为视力障碍人士进行优化的范畴,总体上来说,这与为搜索引擎进行优化是截然不同的(严格地说,是从技术角度来看)。他是对的——尽管SEO和a11y有重叠,但a11y是完全不同的。但如果您理解重叠,您就可以成功对两者进行优化。

以下是搜索引擎优化和可访问性可能重叠的一些示例:

  • 视频转录
  • 图像标题
  • 图像alt属性
  • 标题标签
  • 标题标签(H1、H2等)
  • 链接锚文本
  • 网站地图、目录、面包屑导航
  • 内容订购
  • 文本的大小和颜色对比度
  • 语义HTML

如果您自己开发页面,我建议您了解更多关于除与SEO重叠之外的可访问性可以做的许多事情,比如了解ARIA属性。看看W3C Web内容可访问性指南,你会发现可访问性的考虑因素比我们通常在技术搜索引擎优化中考虑的要复杂得多。如果你觉得技术搜索引擎优化很有趣,那就等着看吧。

针对辅助功能或搜索引擎优化进行优化

如果您正在优化可访问性,您可能会覆盖那些可访问性和SEO重叠的技术优化的基础。但这取决于你采取的搜索引擎优化策略,并不矛盾。

Image of a shoe on the Converse site displaying an alt tag

谢天谢地,Converse网站有一个非常有描述性的alt属性!

考虑屏幕阅读器看到一双女式黑色Chuck Taylor All-Star鞋的图像,并将其替代属性解读为“女式黑色Chuck Taylor ALL-Star在线购买Chucks 女式Chuck Taylor ALL-Star出售”。就很烦人,不是吗?或者将这些页面标题与搜索引擎优化可访问性进行比较:“计算您的纳税申报表”和“在线税务计算器|纳税申报估算器|退税/退税”。想象一下,你刚刚进入这个页面,却看不到内容。哪一个更清楚地符合您对这个页面的期望?

虽然很庆幸知道适当的技术SEO将影响在网站之中使用屏幕阅读器的人,但同样重要的是要了解:

  • 在更大的层面上,这两个优化行业大不相同
  • 您在SEO和a11y重叠的情况下为SEO所做的将影响访问者能够(或不能)理解您的网站的内容。