获嘉一家食品加工企业的官网重做：手机端从 5 秒到 2 秒以内

背景

这家企业在获嘉本地做速冻面点，员工 40 人左右，客户以周边餐饮店和商超为主。生意主要靠老客户和口口相传，谈新客户时，对方常先搜一下公司名字——去年下半年他们才发现，这一步到自己这里会断掉。

找到我们时，负责人的要求很朴素：手机上能正常打开，产品看得清楚，电话能找到，别人搜名字能搜到。至于设计，他们只补了一句“别太花”。

之前的问题

官网是几年前做的静态页，桌面端勉强能看，手机上排版是错位的，首屏要 5 秒左右才出来。来谈事的客户一半以上是用手机点开链接的，不少人停在等待的那几秒就走了。

比网站本身更耗人的是产品图和报价：客户在微信里问某类面点，行政就一张张翻相册往外发，客户问的是同一类产品，收到的却是十几张混在一起的照片。

想改一条产品信息或者调个价格，得先整理好发给外包，再等对方排期。搜索上也吃亏：搜公司名字，第一页里没有自己的站点，先出来的是同行的页面。

做了什么

• 先把页面清单定下来：首页、产品分类 3 页、关于、联系等，共 8 个页面，每页写清楚给谁看、放什么，删掉重复的栏目。
• 重做版式并逐页做手机端适配：按手机优先的顺序排内容，桌面端再加分栏和图组，不再用两套各自维护的页面。
• 产品图统一处理：统一压缩、统一比例与尺寸，一屏能看到 4—6 个产品，图不再糊，也不再一张占满屏。
• 后台换成可以自己发布的后台：产品分类、参数、图片、报价说明都能改，改完直接发布，不用等排期。
• 补基础 SEO：每页独立标题与描述、生成站点地图、按语义结构写标题层级，去掉原来只有图片没有文字的首页板块。
• 上线前做手机端与桌面端双端逐页确认，并给行政人员做了一次后台操作培训，培训内容留存成一份操作说明。

结果

手机端首屏加载从 5 秒降到 2 秒以内，是同一台手机、同一网络环境下实测的，不是换个说法重算一遍。

行政人员现在自己就能发一条产品：拍照、压缩、填参数、发布，10 分钟内能完成，不用再等外包。改一条价格也是同样的流程，谁负责谁改。

办公室电话改成了可点击拨打，客户在手机上点一下就能打进来；来电也能看出是从哪个页面进来的，产品页和联系页分开算。

客户原话

客户的口头反馈是正面的，但我们还没有取得书面的引语授权。这一节先留空：不转述、不编写近似原话的句子，也不放没有出处的评价。