
这篇是示意复盘,综合了外贸 B2B 目录站改造里反复出现的结构,不是某一家公司的审计报告。文中的时间、查询数和指标是验收时要记录的口径,用来对照改造前的基线,不能当成对外承诺的转化率。
改造前的典型问题
- 主题带完整购物车,但客户实际要的是规格、起订量和报价,访客被送进结算页后离开;
- 产品字段散落在短描述和附图里,筛选和多语言都无法复用;
- 英文页是复制出来的另一篇文章,没有 hreflang,搜索里中英文互相占用;
- 详情页原图超过 1MB,海外访问时 LCP 落在 4 秒以外。
主题本身是否扛得住商品页,先用外贸独立站 WooCommerce 主题测评的维度排除一轮,再改信息架构。
产品数据先结构化
每个 SKU 至少固定这些字段:型号、材质或规格、起订量、交货周期、包装方式、对应的 PDF 规格书。字段放进商品属性或独立的产品字段,而不是写在正文段落里。这样做的直接结果是:
- 列表可以按规格筛选,不必为每个系列复制一个页面;
- 英文翻译有明确的字段边界,不会把整页 HTML 交给翻译插件;
- 询价车里能带上型号和数量,销售收到的不是“我想了解一下”。
用询价代替强制下单
B2B 站保留 WooCommerce 的商品和库存结构,结算流程改成询价篮:访客选择型号和数量,提交公司、国家和邮箱。价格可以不公开。验收时检查三件事:
- 询价邮件和后台线索里能看到型号、数量和来源页面;
- 没有价格的商品不会出现“0 元下单”;
- 移动端提交按钮在首屏下方,但不要被固定页脚挡住。
线索之后如何进 CRM,结构上与教育培训机构表单线索打通 CRM 复盘相同:先定字段,再谈用哪一个表单插件。
多语言只维护一套商品
语言版本挂在同一商品上,而不是另建一批“英文商品”。每种语言有自己的固定链接,页头互链,并输出 hreflang。插件取舍见多语言插件对比。验收时抽 10 个商品:切换语言后规格字段还在,PDF 要么有对应译文,要么明确标注为原文。
海外速度单独列验收
- 图片:详情主图宽度限制在展示所需的尺寸,提供 WebP,并写上宽高。
- 字体:全站最多一套网页字体,图标改用 SVG。
- 缓存:商品页可以缓存;询价提交、购物车片段和已登录账号排除在外。组合见缓存与性能插件组合。
- 记录:改造前后各留一张未缓存的商品页瀑布图,LCP 元素必须是主图而不是轮播的最后一帧。
上线前的最小清单
- 10 个商品的中英链接、规格和询价内容一致;
- 询价通知到达指定邮箱,后台能按国家筛选;
- 站点地图只包含应被收录的语言版本;
- 停掉一个非必要插件后,商品页仍然可以打开。冲突时用插件冲突排查流程。
