无障碍优化这个方向,做的人不多,但它跟SEO的很多要求是重合的。你做了无障碍,SEO也跟着受益。
为什么重合。因为两者的目标是一致的,都是让内容能被更好地理解和访问。搜索引擎的爬虫,某种意义上也是在用另一种方式读你的页面。你的页面如果连读屏软件都读不懂,搜索引擎也未必读得明白。
举几个具体的例子。第一,图片的 alt 属性。无障碍要求给每张图写替代文字,让读屏用户知道这是什么。SEO 也要求写 alt,让搜索引擎理解图片。一件事,两个收益。第二,语义化的标签。无障碍要求用正确的标签,标题用 h1 h2,列表用 ul li,按钮用 button。搜索引擎也靠这些标签理解页面结构。第三,表单的标签。无障碍要求每输入框有关联的 label,搜索引擎也靠这个理解表单是干嘛的。第四,链接的文字要能说明去向。无障碍要求别写「点击这里」,要写「下载某某报告」。搜索引擎也喜欢这种描述性的锚文本。第五,颜色的对比度要够。这个是纯无障碍的要求,但对用户体验有好处,用户看得清,停留时间就长。
那我建议怎么做。第一,先把 alt 属性补全,这个最容易做,收益也直接。第二,检查标题层级,别跳级。第三,给表单加上 label。第四,链接文字写清楚。第五,测一下对比度。
做无障碍有个实用的工具,能自动扫描页面,报出问题。跑一遍,把明显的问题修了。这些都是顺手的事,但对那些真正需要无障碍功能的用户来说,意义重大。
做正确的事,往往不亏。无障碍就是这样一个方向。
—— 来自 图趣网 - 优秀网站分类目录 的分享