导航菜单自然搜索体验设计

解决什么问题

导航菜单容易在三个地方失分：搜索引擎看不到结构、用户找不到入口、键盘和读屏用户无法稳定操作。常见现状是关键链接由 JS 注入，首屏 HTML 里没有可抓取的导航；锚文本写成“点击这里”，既丢失关键词也丢失上下文；移动端把导航藏进汉堡后，打开状态缺少焦点与层级说明。该技能把这些点收敛成一套可执行的规范，避免把导航当成纯视觉组件。

它如何工作

技能首先读取 .claude/project-context.md 或 .cursor/project-context.md，若存在则提取关键页面与受众；否则要求明确站点结构、主目标和平台范围。然后给出结构建议：主导航控制在 7–9 项，子导航最多 2 层，优先按任务或主题分组，而不是照搬 sitemap。

输出包含四类内容：

• 结构：主项与子项的层级草图，标注哪些页面进入主导航。
• 锚文本：面向搜索与扫读的描述性文案，避免泛化词。
• HTML/ARIA：语义化地标、当前位置标记、焦点可见性与跳转链接的写法要点。
• SEO 与无障碍清单：首屏直出导航 HTML、文字链接优先、对比度 4.5:1、触控目标 >=44x44px、完整键盘可达等。

适用边界

它不生成完整站点，也不替你决定业务优先级；最终取舍仍需结合数据与内容策略。若导航依赖客户端渲染或强交互，需要同步评估渲染策略与降级方案。涉及部署、发布或外部写入时，应先确认影响范围再执行。