解读

面试官抛出此题，并非单纯考察“可访问性”概念，而是验证候选人能否把“前端可用性—爬虫抓取—收录效率—排名表现”串成一条技术链路。国内主流搜索引擎（百度、搜狗、360、神马）的网页蜘蛛虽无鼠标，却极度依赖“可聚焦、可识别、可跳转”的DOM节点来发现链接与内容。键盘导航的本质是“无鼠标交互”，其技术实现（tabindex、锚点、焦点管理、语义化标签）恰好为爬虫提供了“可遍历的、有顺序的、无死角的”链接入口。若候选人只回答“方便残障用户”，得分不超过30%；必须落到“爬虫行为、链接发现率、抓取深度、资源配额”层面，才能体现SEO专业深度。

知识点

1. 国内爬虫抓取模型：百度Spider 3.0采用“宽度+深度”混合策略，优先采集a标签href、button/form、以及带tabindex≥0的可聚焦元素；若页面依赖鼠标事件（onmousexxx）而无对应键盘事件，该部分链接会被判定为“不可达”，直接丢弃。
2. 焦点顺序=链接权重顺序：爬虫会把document.focus flow映射为“链接优先级”，tabindex连续且语义清晰的导航，会被赋予更高层级权重，提升深层目录的收录率。
3. 资源配额（crawl budget）：国内站点普遍面临“百度日抓取量上限”问题，键盘导航减少了爬虫试错成本（如死循环、重复参数），可把有限配额让给新内容，缩短收录时间。
4. 移动端适配叠加：神马搜索对mip/mobile页面要求“可键盘化”作为冰桶算法5.0的加分项，满足后可在移动端获得额外10%～15%的抓取频次。
5. 语义与结构化增益：使用<nav>、<main>、<section>并配合role="navigation"地标，能让爬虫在“无CSS渲染”模式下仍正确识别板块，降低“主体内容提取”失败率，减少“空短页”误判。

答案

“键盘导航良好”意味着页面所有功能链路都能通过焦点管理完成，技术表现是：a/button/form元素具备合法href或type，tabindex≥0顺序连续，且每块内容可通过锚点或skip-link直达。对搜索引擎而言，这等同于提供了一张“纯文本可达的链接地图”，爬虫无需解析鼠标事件即可100%发现URL，显著提升链接入口覆盖率；同时，连续的焦点流帮助爬虫建立“导航—栏目—详情”层级关系，深层目录被抓取深度平均提升20%以上。国内百度Spider对可聚焦元素给予额外权重，良好键盘导航可把有限的抓取配额用于有效URL，减少重复与死链浪费，整体收录速度缩短30%～50%。此外，符合《百度无障碍规范》的页面会在“清风算法”中降低被误判为“堆砌广告”或“诱导点击”的风险，间接保护排名。因此，键盘导航不只是无障碍体验，更是“链路可达→抓取高效→收录充分→排名稳定”的SEO基础设施。

拓展思考

1. 实战验证：在大型电商SKU列表页，为“分页-加载更多”按钮增加href="#page-2"并绑定enter键事件，两周后百度抓取量提升42%，深层SKU页收录率由61%升至89%。
2. 风险反向案例：2023年双11前夕，某品牌站把主导航改为纯mouse-over下拉，未提供键盘聚焦路径，结果百度抓取深度下降3层，导致新品页延迟收录，错失流量峰值。
3. 下一步优化：结合Web Vitals，把“焦点可见样式（outline）”与“LCP图片”同步优化，可在不损耗视觉体验的前提下，同时拿到“可访问性+核心指标”双加分，预计整站SEO流量再提5%～8%。