老网站重构案例:从过时官网到可转化的企业站

老网站重构案例:从过时官网到可转化的企业站

本页目录17

老网站重构案例:从过时官网到可转化的企业站

先讲结论

这是一家做精密机械零件的客户,老网站是 2017 年外包做的,dedeCMS、首页十几年没换过 banner,海外询盘表单坏了半年才被发现。我们用 4 周 Sprint 把它重构上线,没换域名,没丢索引,保留了原本能带流量的 23 个老 URL,一个一个做了 301。改造目标定了三条:移动端能正常打开、海外客户在 30 秒内看明白这家公司在做什么、表单和 WhatsApp 都能产生可追踪的询盘。上线 6 周后,月度询盘从 2 条涨到 11 条;自然流量没掉,反而比上线前多 18%。这不是一个"奇迹"案例,过程里我们也踩过几个客户旧素材的坑。下面把整个过程拆开讲:审计阶段我们看到的问题、改造时做的取舍、上线那一天没料到的事,以及现在还没解决的遗留问题。

客户背景

客户是江苏一家做精密机械零件的中型工厂,员工 80 多人,主要客户在德国、意大利和东南亚。老板英文不太好,市场只有一个外贸专员兼任。老网站是 2017 年外包做的,用 dedeCMS,一个所谓"中英双语模板"。我们接手时的现状大致是这样:

  • 首页加载 11.4 秒(从法兰克福测),LCP 8.9 秒。
  • 移动端打开是 PC 版缩放,按钮点不准。
  • 中英版本是两个完全独立的 dedeCMS 站,没有 hreflang,URL 路径混乱。
  • 联系表单半年前就因为 SMTP 配置过期收不到了。客户不知道。
  • 12 个产品页里有 9 个产品图是 4 MB 以上的 JPG。
  • 业务部门说"我们 SEO 一直没做",但 Search Console 里能查到 23 个 URL 在德语区有自然排名,主要是几个长尾产品词。这点很关键。

第一次 Kickoff 会上,老板的需求是"改个新版式,看起来现代一点"。我们花了一个小时把上面这些数据一项一项过完,他改口说"那我们能不能就把客户能看到的部分全部做一遍"。这种转折挺常见。客户看到具体问题,会自己把范围拉到真问题上。

审计

我们用公司网站改造前的完整审计清单逐项过了一遍,做了三天。重点输出三份东西:

  1. URL 清单:23 个能带德语区自然流量的老 URL,全部要保留 301 映射。这些是不能丢的资产。
  2. 内容差距清单:12 个产品页里有 4 个根本没人在看(GA 上 12 个月 0 PV),可以直接合并。剩下 8 个要重写英文版本。
  3. 询盘漏斗诊断:表单坏了 6 个月,没有 GA4,没有 UTM,WhatsApp 按钮在底部 footer 但没人点。整个询盘转化是黑盒。

审计之后的关键判断有点反直觉。客户最初想要的是"换个皮肤",但真正卡住生意的是询盘漏斗。所以我们把范围调整成"信息架构 + 询盘链路"为主,视觉只做必要的现代化,不做整站重设计。这个判断后来回头看是对的。如果当时陪老板做整站视觉,4 周 Sprint 一定来不及。

改造目标

我们把"做一个看起来现代的网站"翻译成三条可验证的目标,写进了 PRD 第一页:

  1. 移动端 LCP 控制在 2.5 秒以内(用 PageSpeed Insights 的 Frankfurt 节点验证)。
  2. 海外访客在首屏 + 服务页 First Fold 看到:做什么、客户在哪、怎么联系。可以用 5 个海外朋友做 5-second test 验证。
  3. 上线后 30 天内能把"询盘来源"拆开,至少分清楚来自表单、WhatsApp、邮箱、还是直接打电话。

第三条最重要。前两条是体验问题,第三条是能不能持续优化的基础。没有数据,下一轮迭代就只能靠猜。

信息架构

老站有 47 个页面,其中 31 个 12 个月内 PV ≤ 5。我们做了一次大幅瘦身:

  • 砍到 18 个页面:首页、4 个产品族页(合并自 12 个产品页)、4 个行业解决方案页(新增)、3 个案例页、关于我们、团队、生产能力、联系我们、Blog hub。
  • 把 23 个有自然排名的老 URL 全部映射到新结构。其中 17 个 1:1 映射到新产品族页或新案例页,6 个语义不匹配的指向最相近的父页面。映射表用 Excel 做了一份,技术那边写了一段 nginx rewrite,QA 阶段一条一条跑过。
  • 新增一个 /industries/ 路径,按客户行业(汽车、医疗、食品机械)做解决方案页。这是从老站的 GA 关键词数据里看出来的:德语区进站的访客很多是按行业搜的,老站没有这一层。

这一步最大的取舍:要不要保留中文站?讨论了两次,最后决定保留但简化。中文站只留首页 + 关于我们 + 联系我们三个页面,主要服务来访的国内 OEM 询价。所有产品和案例只做英文版。原因是客户的中文询盘 90% 都来自展会和介绍,不靠官网带流量;继续维护两套内容会让小团队消耗在翻译上。

视觉与前端

我们没做整站重设计,只把以下几件事处理掉:

  • 首屏 hero:换掉 2017 年那张工厂大门照片,换成实拍的车间作业镜头 + 一句明确的英文 value prop("Precision parts for European machinery brands since 2009")。这一个改动后来在 5-second test 里被 5 个测试者中的 4 个准确复述出来。
  • 导航:从 11 项砍到 5 项。Industries / Products / Cases / About / Contact。Sticky header 在移动端保留,桌面端去掉。
  • CTA 系统:每一个产品族页和行业页底部都放一个相同样式的 CTA 卡片:左边一句"Need this part for your line?"、右边一个 WhatsApp 按钮 + 一个表单短链。这一招很简单,但显著提升了 WhatsApp 点击。

前端用 WordPress + 一个轻量主题(GeneratePress),关键页面(首页、产品族、行业页)写了自定义 block。没用任何 page builder。原因是客户外贸专员需要后期自己维护内容,page builder 学习成本太高,而且性能损失明显。CMS 的选择和取舍可以参考我们的小团队如何跑一个 4 周网站重构 Sprint里的细节。

询盘链路

这部分是这个项目对生意影响最直接的。三件事:

  1. 表单:从 9 个字段砍到 5 个。收件邮箱改成企业邮 + Zapier 同步到客户的 CRM(HubSpot 免费版)。SPF/DKIM/DMARC 重新配过,Mailgun 做发送,避开了之前 SMTP 凭证过期没人发现的坑。
  2. WhatsApp:用WhatsApp Business 设置清单里那套配置,业务号绑定,每个产品族页和行业页都有按钮,按钮跳到带预填消息的 wa.me 短链,预填里带产品族编码,方便客服一眼看出来访问的是哪个页面。
  3. UTM:表单和 WhatsApp 按钮全部带 UTM。Google Analytics 4 + Search Console 重新接入。GA4 里设置了 4 个 conversion event:form_submit、whatsapp_click、phone_click、email_click。

详细的转化逻辑可以参考企业官网转化率检查清单里那一份字段级清单。我们这次几乎是按那个清单逐项过的。

SEO 保留

这是改造里压力最大的部分,因为 23 个老 URL 在德语区有真实的自然流量,丢了就是丢生意。我们的做法:

  • 301 映射表:23 条全部 1:N 映射到新结构,nginx 层做。上线前在 staging 用 curl 跑了一遍,确认每条 URL 返回 301 + 正确 Location。
  • 内容保留与重写:老 URL 上的产品描述并不是简单删掉,关键内容全部迁到新产品族页。图片 alt 全部重写英文版(老站很多 alt 是空的或者直接是中文)。
  • schema:新站加了 Organization、Product、BreadcrumbList、FAQPage 四类 schema。参考Google Search Central 的结构化数据指南
  • Sitemap 与 GSC:上线当天提交新 sitemap,旧 sitemap 保留 30 天让 Google 抓到 301 信号。
  • 图片重压:所有产品图压成 WebP,平均从 4.2 MB 降到 180 KB。具体怎么处理图片可以参考图片和案例页 SEO

上线后第 7 天和第 21 天,我们用 Search Console 的 URL Inspection 抽查了 12 个有排名的老 URL,11 个已经被 Google 识别为重定向并把权重传递给了新页面,剩下 1 个在第 35 天追上来。整个过程自然流量短暂下跌 6%(第 1-2 周),第 4 周回到上线前水平,第 6 周比上线前高 18%。

上线检查

Sprint 第 4 周的最后两天我们做的不是开发,是上线 checklist。这份 checklist 的核心 25 项:

  • 23 条 301 全部命中(curl 验证)
  • 移动端 LCP < 2.5s(PageSpeed Insights, Frankfurt)
  • 表单提交 → CRM 同步 → 邮件通知 三条链路全跑通
  • WhatsApp 按钮在 iPhone Safari 和 Android Chrome 都能正确跳转(带预填消息)
  • 4 个 conversion event 在 GA4 DebugView 里能看到
  • sitemap.xml 提交 GSC 和 Bing Webmaster Tools
  • robots.txt 没有 Disallow 关键路径
  • hreflang 在中英两个语言版本之间正确互指(虽然中文版只剩 3 页,hreflang 还是要配)
  • 邮箱 SPF/DKIM/DMARC 全部 pass(mail-tester.com 验证)
  • 5-second test:5 个海外朋友看 5 秒后能描述这家公司在做什么

完整版我们做成了一个内部 checklist 模板。客户那边的市场专员自己执行了一遍,发现一条 301 漏配(一个老博客 URL),上线前一天补上。

上线后 30 天

上线后两周里出了三件没料到的事:

  1. WhatsApp 按钮在欧洲点击量比预想高 3 倍。客户的客服来不及回。我们临时帮他们写了 3 个英文回复模板(询价、需要更多信息、不在服务范围)。
  2. 一个意大利客户填表后没收到自动确认邮件。查下来是 Mailgun 在意大利的某个 IP 段被对方公司的邮件网关 ban 了。改了一下发件 IP 池就好。这种事在审计里看不出来,只能上线后碰到再补。
  3. 某个被 301 的老 URL 之前其实是一个 PDF 产品手册的下载页。我们当时映射到了产品族页,但用户其实想下的是 PDF 本身。第 10 天发现这个问题后,给那个老 URL 单独配了一个新页面,保留下载入口。

第 30 天我们出了一份内部复盘,三个数字:月度询盘 2 → 11、平均响应时间从 36 小时降到 4 小时(因为 CRM 同步 + WhatsApp 直连)、自然流量 +18%。后续的优化方向定为:每月写 1 篇行业 hub 文章、补 4 个客户案例、英语版 FAQ 扩到 20 条。

遗留问题

这个项目并不完美,有几件事我们没解决:

  • 多语言扩展:客户提过想加意大利语和德语版。但我们建议先把英文版的内容厚度做足,再考虑多语言。多语言不是翻译问题,是内容运营问题。参考多语言网站结构与 hreflang
  • 案例授权:3 个案例页里有 2 个客户名字打了码("a German automotive supplier")。这种半匿名的案例转化效果不如带客户 logo 的。下一阶段要去拿授权。
  • CRM 还在用免费版:HubSpot 免费版的自动化能力有限,等月度询盘稳定到 30 条以上再升级。

常见问题

一次 4 周 Sprint 真的够吗?

够,但前提是范围被严格限制。我们这次把"整站视觉重设计"从范围里砍掉了,只做信息架构 + 询盘链路 + SEO 保留这三件事。如果客户想要新视觉系统,就要 8-10 周。范围怎么切的判断逻辑可以看网站改版、重构、迁移有什么区别

这种改造大概多少预算?

这个项目落在中等区间。开发 + 内容 + SEO 配置在 4 周 Sprint 里完成,外加上线后 30 天的轻量优化。具体的成本和时间影响因素见公司网站改造要花多少钱、多久能上线

老 URL 一定要全部做 301 吗?

不一定全部,但带过自然流量的必须做。判断标准简单:把过去 12 个月有 ≥ 1 次 organic click 的 URL 全部列出来,逐条决定是 1:1 映射、合并到父页面、还是 410(明确告诉 Google 这个页面没了)。这件事不能省,省了就是直接丢索引。

询盘漏斗的工具栈贵吗?

我们这次用的全是免费或低价方案:WordPress + GeneratePress、HubSpot Free、Mailgun(按量付费、月费 < $20)、Cloudflare Free CDN、GA4、Search Console。月度运行成本 < $50。客户的预算主要花在了一次性的开发和内容上。

想做一次类似的诊断?

如果你的公司官网也是 5 年以上没动过,移动端打不开、表单不知道有没有人收、海外询盘几乎为零,可以带着现有域名和 Search Console 截图,跟我们做一次免费的网站重构服务初步诊断。我们会用同一份审计清单逐项过一遍,告诉你是先做询盘漏斗、先保 SEO、还是先做视觉,并给一个可执行的范围切法。