近期针对本站技术分类、顶部主导航菜单做了一轮精细化改版,解决原有导航逻辑混乱、类目缺失、中英文菜单不对等、板块排布割裂四大问题。全程结合访客浏览习惯、技术类目层级、双语适配规范优化,本文完整记录改版思路、类目取舍标准、最终双语导航定稿,方便后续站点迭代备查。
一、改版前置基础信息
1. 全站现有一级分类(共19个)
- IT社区
- Web前端
- Web应用开发
- 云计算
- 企业应用
- 其他
- 区块链
- 博客运营
- 应用工具
- 建站系统
- 开发工具
- 插件/扩展
- 操作系统
- 数据库
- 服务器
- 独立与自由
- 移动开发
- 程序开发
- 管理和监控
2. 改版前原有问题汇总
- 导航类目缺失:核心技术类目「程序开发」、站点运维类目「博客运营」未加入主导航,访客查找不便
- 板块顺序混乱:底层运维类目、云服务类目排布颠倒,不符合技术学习自上而下认知逻辑
- 双语菜单不对等:中英文菜单数量、类目位置、文案无法一一匹配,海外访客体验割裂
- 无效类目占用风险:小众兜底类目差点混入主导航,造成导航冗余臃肿
- 文案不统一:英文简写、全称混用,中文适配文案缺失,双语适配不规范
二、导航类目取舍核心规则(本次改版核心标准)
本次遵循「主导航精简核心化、小众类目侧边/下拉收纳、兜底类目隐藏」三大原则,界定类目是否入驻顶部主导航:
✅ 新增入驻主导航类目(2个)
- 程序开发:联动编程语言板块,属于全站通用后端、工程开发核心大类,技术访客高频检索类目,必须置顶接入导航
- 博客运营:贴合本站自建博客定位,承接建站系统板块,形成「建站-运营」完整链路,建站博主刚需类目
❌ 不入驻顶部主导航类目(统一收纳至侧边分类/二级下拉)
- IT社区:资讯聚合类板块,非技术学习主线,放置侧边分类
- 企业应用:垂直小众行业类目,内容体量有限,不入主导航
- 插件/扩展:归属开发工具子板块,设置为开发工具二级下拉菜单即可
- 独立与自由:个人随笔感悟类内容,合并至【关于我 & 合作】二级下拉
- 其他:全站文章兜底归档分类,全程不展示于任何导航位置
补充说明
原有云计算本身已在原版导航内,本次仅调整排序,无需新增,规避重复新增失误。
三、导航排序底层逻辑
完全贴合技术访客浏览、学习路径分层排布,层级逻辑:固定首页个人板块 → 编程基础板块 → 全端开发板块 → 建站运营板块 → 工具资源板块 → 云服务底层运维板块,由浅入深、由应用到底层,降低查找成本。
- 首页+个人介绍(固定前置,站点入口)
- 编程基础:编程语言→程序开发(语法基础→项目实操)
- 全端开发:前端→应用开发→特色链开发→移动端(全业务开发链路)
- 站点自建:建站系统→博客运营(搭建→运维闭环)
- 工具合集:开发工具→应用工具(专业工具→通用工具)
- 底层运维:云计算→服务器→数据库→操作系统→运维监控(云层→硬件→系统→管控)
四、最终定稿:双语一一对应完整版导航
文案严格对齐、位置完全同步、风格统一,英文保留站点原有简写习惯,新增词汇采用指定官方译文:程序开发=Programming Development、博客运营=Blog Operations
中文导航(最终版)
- 首页
- 关于我 & 合作
- 编程语言
- 程序开发【本次新增】
- Web 前端
- Web 应用开发
- 区块链
- 移动开发
- 建站系统
- 博客运营【本次新增】
- 开发工具
- 应用工具
- 云计算
- 服务器
- 数据库
- 操作系统
- 管理和监控
英文导航(最终版,一一匹配)
- Home
- About Me & Cooperation
- Programming Languages
- Programming Dev
- Web Frontend
- Web App Dev
- Blockchain
- Mobile Dev
- Site Builder
- Blog Operations
- Dev Tools
- App Tools
- Cloud
- Server
- Database
- OS
- Monitor & Manage
五、本次改版微调细节
- 调换原版Web前端、Web应用开发顺序:优先排布受众更广的Web前端,贴合行业站点通用排版
- 重构运维板块顺序:云计算前置、操作系统后置,修正原版底层类目逻辑颠倒问题
- 英文About Me补充& Cooperation,100%匹配中文「关于我 & 合作」语义
- 保留全站原有英文简写:Dev、App、OS,维持站点原有视觉风格,不改动历史用语
六、后续迭代规划
- 开发工具增设二级下拉:收纳【插件/扩展】分类,精简主导航长度
- 关于我&合作增设二级下拉:收纳【独立与自由】随笔栏目
- 侧边栏统一陈列:IT社区、企业应用、其他三大小众类目
发表回复