无障碍做得好,SEO也跟着受益

无障碍 可访问性 a11y

无障碍优化这个方向,做的人不多,但它跟SEO的很多要求是重合的。你做了无障碍,SEO也跟着受益。

为什么重合。因为两者的目标是一致的,都是让内容能被更好地理解和访问。搜索引擎的爬虫,某种意义上也是在用另一种方式读你的页面。你的页面如果连读屏软件都读不懂,搜索引擎也未必读得明白。

举几个具体的例子。第一,图片的 alt 属性。无障碍要求给每张图写替代文字,让读屏用户知道这是什么。SEO 也要求写 alt,让搜索引擎理解图片。一件事,两个收益。第二,语义化的标签。无障碍要求用正确的标签,标题用 h1 h2,列表用 ul li,按钮用 button。搜索引擎也靠这些标签理解页面结构。第三,表单的标签。无障碍要求每输入框有关联的 label,搜索引擎也靠这个理解表单是干嘛的。第四,链接的文字要能说明去向。无障碍要求别写「点击这里」,要写「下载某某报告」。搜索引擎也喜欢这种描述性的锚文本。第五,颜色的对比度要够。这个是纯无障碍的要求,但对用户体验有好处,用户看得清,停留时间就长。

那我建议怎么做。第一,先把 alt 属性补全,这个最容易做,收益也直接。第二,检查标题层级,别跳级。第三,给表单加上 label。第四,链接文字写清楚。第五,测一下对比度。

做无障碍有个实用的工具,能自动扫描页面,报出问题。跑一遍,把明显的问题修了。这些都是顺手的事,但对那些真正需要无障碍功能的用户来说,意义重大。

做正确的事,往往不亏。无障碍就是这样一个方向。

—— 来自 图趣网 - 优秀网站分类目录 的分享

🔗 推荐网站

  • 拼多多 社交电商平台,以拼团模式提供高性价比商品。
  • 优酷 阿里巴巴旗下视频平台,影视综艺内容齐全。
  • 虎嗅网 聚焦科技与商业的深度媒体,提供行业洞察。
  • 维基百科 自由的多语言百科全书,内容全面中立。
  • CSDN 国内大型IT技术社区,技术博客与问答资源丰富。
  • 掘金 国内优质开发者技术社区,汇聚前沿技术文章。

« 返回文章列表