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

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

作者:

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

【插图:Google AdSense 单日收入 2~3 美元截图】

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

进入 WordPress 后台 → 系列 → 系列类别 → 添加新系列类别。如图1

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

系列文章总计约 85 篇。如图1

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

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

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

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

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

插入代码后,保存并预览文章,即可看到生成的流程图。以下是预览效果的截图:

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

图5:兼容性测试通过

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

仔细算了算,屏幕宽度超过 1680px 的活跃用户,合计占比 超过了 35%。

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

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

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

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

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

图8:googletagmanager 响应 200,google-analytics 一直 pending

(11) WordPress 网站统计代码部署实战:百度统计、GA4 与 Microsoft Clarity 的完美组合

Google Analytics 来源数据

(12) 我的技术博客,正在进入第二阶段:一次基于真实数据的商业化分析报告

图 2:正常效果

(13) Twenty Twenty-Five:让正文链接更容易识别,同时不影响系列列表等组件

英文标签该用驼峰还是空格?我的 WordPress 双语博客标签命名规范(v2.0)

(14) 英文标签该用驼峰还是空格?我的 WordPress 双语博客标签命名规范(v2.0)

发信失败,163邮箱成功,Gmail失败

(15) 从腾讯企业邮箱到 Zoho Mail:一次失败发信测试后的最终选型记录

图12:Gmail 收件箱成功收到邮件

(16) 从 Zoho Mail 回退到 QQ 企业邮箱:一次企业邮箱选型失败后的 Gmail 发信问题修复记录(SPF + DKIM 实战)

图22:admin 邮箱切换能力

(17) 企业微信 + 腾讯企业邮箱 + 公共邮箱完整打通实战记录

图2:流量主申请表单

(18) 技术博客广告平台选择与注册实战:万维广告 + Carbon Ads 申请记录与后续计划

图6:邮件沟通记录(03:23 首次确认 + 后续回复)

(19) 🚀 Carbon Ads / BuySellAds 对接全过程复盘(从申请到会议异常的完整记录)

在发布文章之后,我收到了来自一个开源项目方的邮件。

(20) 在 Trae CN 中尝试 Dev Containers:一次踩坑之后的“开发者反馈回路”

【图2:我在当天回复邮件,确认下周可以重新安排,并表示时间可以配合对方】

(21) Carbon Ads / BuySellAds 后续跟进复盘:从 Reschedule 到沉默,我决定降低优先级

SEO 孵化合作沟通中发现技术博客与短剧网站方向不匹配的聊天截图

(22) 一次“SEO 孵化”合作沟通复盘:聊到最后才发现,对方要的是新建短剧站

图4:英文新系列第 1 页,共显示 10 篇文章

(23) 从“WP 博客多语言化实操”中拆分 AI 翻译主线:完成中英文系列迁移

图2:Kelly 说明她和 Lara 都属于广告销售团队,并将我的信息转交给 Publisher 团队

(24) Carbon Ads / BuySellAds 第四次沟通复盘:会议前 4 分钟,才发现一直对接错了团队

图9:百度联盟 2017 年历史计费报告,15,283 次广告展现仅产生 2 次点击和 0.19 元收入。

(25) 中国大陆技术博客的广告平台还能怎么选?从 Media.net 申请到百度联盟历史数据复盘

图15:530px 间距下,13 个系列标题中保留 3 个广告。

(26) 从手动广告切换到 AdSense 自动广告:技术博客如何兼顾收益、代码块与阅读体验

图6:欧洲法规消息预览中的“不同意”“同意”和“管理选项”。

(27) 为 WordPress 博客配置 Google AdSense 隐私消息:GDPR、美国州级法规与 CMP 选项实测

图18:第一批实际展示的 Adsterra Native Banner。

(28) 从 403 Forbidden 到正常展示:我为双语 WordPress 博客接入 Adsterra Native Banner 的完整实测

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

一、改版前置基础信息

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?一次操作顺序的权衡与思考 WordPress 网站统计代码部署实战:百度统计、GA4 与 Microsoft Clarity 的完美组合

WordPress 网站维护、性能优化与博客运营咨询

本站已持续运营超过 10 年,累计发布 1000+ 篇原创技术文章,长期实践 WordPress 网站建设、CDN / Cloudflare 配置、缓存优化、Google SEO、广告变现和多语言网站运营。

如果你的 WordPress 网站遇到访问慢、缓存异常、插件冲突、广告不显示、SEO 基础结构混乱、CDN 配置不确定等问题,可以联系我做一次远程技术排查。

适合以下用户:
✅ 个人博客站长
✅ WordPress 网站运营者
✅ 独立开发者与内容创作者
✅ SaaS 产品官网运营团队
✅ 希望优化网站速度与稳定性的站点

服务内容:
✅ WordPress 速度优化
✅ Cloudflare / CDN / 缓存配置排查
✅ 插件冲突与页面异常排查
✅ AdSense 广告显示问题排查
✅ SEO 基础结构检查
✅ 博客运营与商业化咨询

如需了解方案或交流相关问题,请直接联系我,并注明:WordPress 维护咨询

联系方式:
Telegram:@shuijingwan
微信:13980074657
邮箱:shuijingwanwq@gmail.com

评论

发表回复

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

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