WordPress → Next.js：给装修公司做网站迁移

为什么要迁移？

我的客户 Reno Stars 是温哥华的一家装修公司。他们的 WordPress 网站能用——有内容、有 SEO 积累、设计也过得去。但它很慢，很难更新，插件一大堆。

他们找到我，想要一个在手机上加载快的现代网站（大部分客户都是手机端来的）。以下是我从零重建中学到的东西。

新旧技术栈对比

视觉对比

首页 Hero 区域

访客看到的第一个东西。旧网站用的是 Elementor 通用模板，新版更干净、更聚焦，加载快得多。

改版前（WordPress）：

改版后（Next.js）：

服务区域

服务卡片完全重新设计。视觉噪音更少，层次更清晰，内容终于能好好阅读了。

改版前：

改版后：

作品集 / 项目展示

作品集是装修公司赢得客户的关键。新版用 Next.js Image 优化懒加载图片——不用再等 3MB 的图库下载了。

改版前：

改版后：

关于我们 & 客户评价

改版前：

改版后：

页脚

页脚也清理了。更好的信息架构，清晰的 CTA，以及完善的服务区域列表。

改版前：

改版后：

后台管理面板

这是最大的升级。WordPress 的 wp-admin 是通用后台——30 多个侧边栏项目，一半来自插件，没有一个带品牌。我的客户不需要知道什么是"Yoast SEO"或"Elementor 模板"。

新后台是定制的：干净的仪表盘一目了然地显示内容数量，分为作品集、内容、CRM 和设置。标题栏有中英文切换——这对温哥华服务华人客户的装修公司来说至关重要。还内置了 AI 辅助内容生成功能。

改版前（WordPress wp-admin）：

改版后（自建管理后台）：

光是项目管理页面就能看出区别。不再需要在 WordPress 的"自定义文章类型"里用 ACF 字段导航，客户看到的是一个干净的表格：PO 编号、标题、城市、精选状态、发布状态——带搜索、标签过滤和一键操作。

真正重要的事

1. SEO 迁移才是硬活

装修行业靠的是 Google。Reno Stars 在"Vancouver renovation contractor"这类关键词上有排名——丢掉这些就是灾难。

我必须：

• 把每个旧 URL 映射到新的对应 URL
• 设置正确的重定向（301，不是 302）
• 保持相同的 meta 结构和 schema 标记
• 保留站点地图并重新提交

经验： 不要只重建前端。先审计每个 URL。

2. CMS 的问题

WordPress 最大的优势是后台。非技术客户可以自己更新内容。拿走这个等于降级，除非你替代它。

我建的自定义后台比 WordPress 的更强：

• 作品集管理 — 项目、服务、服务区域，支持装修照片批量上传
• 内容管理 — 博客、FAQ、图库、社交帖子、信任徽章、合作伙伴
• CRM — 联系人跟踪（WordPress 需要单独的插件）
• AI 功能 — 内容生成和优化直接内置到工作流中
• 双语 — 全程中英文切换，不是 99 美元/年的 WPML 插件

它比 WordPress 后台简单，这其实是个优点——更少的东西会坏，所有功能都跟装修业务相关。

3. 性能提升

Next.js 的服务器组件和图片优化带来了巨大差异：

• 首次内容绘制： 4.2秒 → 0.8秒
• 最大内容绘制： 6.1秒 → 1.2秒
• 页面总大小： 3.8MB → 890KB

对装修公司来说这很重要。工地上用手机搜索的人不会等 4 秒。

4. 双语支持

Reno Stars 同时服务温哥华的英语和中文客户。WordPress 用 WPML 处理（贵、bug 多）。在 Next.js 里，我用 next-intl 实现了 i18n——更干净的路由，没有插件冲突。

坦诚的取舍

不是所有方面都更好：

• 客户自助更难 — 即使有自建 CMS，WordPress 对非技术用户更友好
• 插件生态没了 — 需要联系表单？自己建。需要分析？自己接
• 开发成本更高 — 用 WordPress 主题做网站初期更快

但对于需要速度、可靠性和专业网络形象的企业来说，这个取舍值得。

如果重来

• 写任何代码之前先做 URL 审计
• CMS 功能和前端并行开发，不要之后再做
• 从第一天就用真实内容搭建 staging 环境（不要 lorem ipsum）

结果

新网站已在 reno-stars-nextjs.vercel.app 上线，即将替换生产站点。它更快、更干净，客户终于不用每周打电话找我了。

如果你在考虑把客户从 WordPress 迁移到 Next.js——做吧，但要尊重 SEO 迁移。那才是真正的工作量所在。