没有不值得去解决的问题,也没有不值得去学习的技术!

站点主导航菜单优化复盘|类目取舍、顺序调整、双语菜单同步全记录

作者:

博客商业化与内容运营体系

博客广告的权衡:收益 vs 用户体验

从广告到服务:我用一个「系列类别」重构了博客的内容体系

我的技术博客 CTA 体系设计:从分类到系列,构建可持续维护的精准转化方案

博客内容结构与分类标签使用规范(v1.0)

独立博客的平衡术:重启广告,如何用“半自动”策略兼顾体验与技术服务转化?

在 WordPress 中使用 MerPress 插件插入 Mermaid 流程图

告别闪烁与不可复制:从 SyntaxHighlighter 到 Code Block Pro 的平滑迁移

纠结了好几天,最后还是决定把主题换了

换主题还是先上CDN?一次操作顺序的权衡与思考

站点主导航菜单优化复盘|类目取舍、顺序调整、双语菜单同步全记录

近期针对本站技术分类、顶部主导航菜单做了一轮精细化改版,解决原有导航逻辑混乱、类目缺失、中英文菜单不对等、板块排布割裂四大问题。全程结合访客浏览习惯、技术类目层级、双语适配规范优化,本文完整记录改版思路、类目取舍标准、最终双语导航定稿,方便后续站点迭代备查。

一、改版前置基础信息

1. 全站现有一级分类(共19个)

  1. IT社区
  2. Web前端
  3. Web应用开发
  4. 云计算
  5. 企业应用
  6. 其他
  7. 区块链
  8. 博客运营
  9. 应用工具
  10. 建站系统
  11. 开发工具
  12. 插件/扩展
  13. 操作系统
  14. 数据库
  15. 服务器
  16. 独立与自由
  17. 移动开发
  18. 程序开发
  19. 管理和监控

2. 改版前原有问题汇总

  • 导航类目缺失:核心技术类目「程序开发」、站点运维类目「博客运营」未加入主导航,访客查找不便
  • 板块顺序混乱:底层运维类目、云服务类目排布颠倒,不符合技术学习自上而下认知逻辑
  • 双语菜单不对等:中英文菜单数量、类目位置、文案无法一一匹配,海外访客体验割裂
  • 无效类目占用风险:小众兜底类目差点混入主导航,造成导航冗余臃肿
  • 文案不统一:英文简写、全称混用,中文适配文案缺失,双语适配不规范

二、导航类目取舍核心规则(本次改版核心标准)

本次遵循「主导航精简核心化、小众类目侧边/下拉收纳、兜底类目隐藏」三大原则,界定类目是否入驻顶部主导航:

✅ 新增入驻主导航类目(2个)

  1. 程序开发:联动编程语言板块,属于全站通用后端、工程开发核心大类,技术访客高频检索类目,必须置顶接入导航
  2. 博客运营:贴合本站自建博客定位,承接建站系统板块,形成「建站-运营」完整链路,建站博主刚需类目

❌ 不入驻顶部主导航类目(统一收纳至侧边分类/二级下拉)

  • IT社区:资讯聚合类板块,非技术学习主线,放置侧边分类
  • 企业应用:垂直小众行业类目,内容体量有限,不入主导航
  • 插件/扩展:归属开发工具子板块,设置为开发工具二级下拉菜单即可
  • 独立与自由:个人随笔感悟类内容,合并至【关于我 & 合作】二级下拉
  • 其他:全站文章兜底归档分类,全程不展示于任何导航位置

补充说明

原有云计算本身已在原版导航内,本次仅调整排序,无需新增,规避重复新增失误。

三、导航排序底层逻辑

完全贴合技术访客浏览、学习路径分层排布,层级逻辑:固定首页个人板块 → 编程基础板块 → 全端开发板块 → 建站运营板块 → 工具资源板块 → 云服务底层运维板块,由浅入深、由应用到底层,降低查找成本。

  1. 首页+个人介绍(固定前置,站点入口)
  2. 编程基础:编程语言→程序开发(语法基础→项目实操)
  3. 全端开发:前端→应用开发→特色链开发→移动端(全业务开发链路)
  4. 站点自建:建站系统→博客运营(搭建→运维闭环)
  5. 工具合集:开发工具→应用工具(专业工具→通用工具)
  6. 底层运维:云计算→服务器→数据库→操作系统→运维监控(云层→硬件→系统→管控)

四、最终定稿:双语一一对应完整版导航

文案严格对齐、位置完全同步、风格统一,英文保留站点原有简写习惯,新增词汇采用指定官方译文:程序开发=Programming Development、博客运营=Blog Operations

中文导航(最终版)

  1. 首页
  2. 关于我 & 合作
  3. 编程语言
  4. 程序开发【本次新增】
  5. Web 前端
  6. Web 应用开发
  7. 区块链
  8. 移动开发
  9. 建站系统
  10. 博客运营【本次新增】
  11. 开发工具
  12. 应用工具
  13. 云计算
  14. 服务器
  15. 数据库
  16. 操作系统
  17. 管理和监控

英文导航(最终版,一一匹配)

  1. Home
  2. About Me & Cooperation
  3. Programming Languages
  4. Programming Dev
  5. Web Frontend
  6. Web App Dev
  7. Blockchain
  8. Mobile Dev
  9. Site Builder
  10. Blog Operations
  11. Dev Tools
  12. App Tools
  13. Cloud
  14. Server
  15. Database
  16. OS
  17. Monitor & Manage

五、本次改版微调细节

  • 调换原版Web前端、Web应用开发顺序:优先排布受众更广的Web前端,贴合行业站点通用排版
  • 重构运维板块顺序:云计算前置、操作系统后置,修正原版底层类目逻辑颠倒问题
  • 英文About Me补充& Cooperation,100%匹配中文「关于我 & 合作」语义
  • 保留全站原有英文简写:Dev、App、OS,维持站点原有视觉风格,不改动历史用语

六、后续迭代规划

  1. 开发工具增设二级下拉:收纳【插件/扩展】分类,精简主导航长度
  2. 关于我&合作增设二级下拉:收纳【独立与自由】随笔栏目
  3. 侧边栏统一陈列:IT社区、企业应用、其他三大小众类目
换主题还是先上CDN?一次操作顺序的权衡与思考

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理