模板交付最容易出问题的时刻,是"客户打开首页觉得不错,用了三天发现内页 404"。这类问题不难修,但影响信任。
下面这份清单,是我们交付前必过的。二十八项,一项项打勾。
一、内容(5 项)
- 所有占位文字已替换,没有 "Lorem ipsum" 和"这里是描述"。
- 图片都是真实素材,没有图库水印。
- 公司名称、电话、地址、邮箱全部正确。
- 没有"敬请期待""即将上线"这类空页面。
- 错别字检查过一遍(尤其是产品名和参数)。
二、链接(5 项)
- 导航所有链接可点,指向正确页面。
- 页脚链接完整,没有 # 占位。
- 内页的面包屑层级正确。
- 没有死链(用工具跑一遍全站)。
- 外部链接加了
rel="noopener",推广链接加nofollow。
三、表单(4 项)
- 提交后能收到邮件或后台记录。
- 必填项校验有效,错误提示清晰。
- 有防垃圾提交机制(验证码或时间戳)。
- 提交成功后给用户明确反馈,不是刷新空白页。
四、移动端(4 项)
- 在 iPhone 和 Android 各测一遍。
- 导航可展开,能关掉。
- 表格不撑破屏幕(可横向滚动)。
- 按钮大小合适,手指能点中。
五、SEO(5 项)
- 每页有唯一 title 和 description。
- 每页只有一个 H1。
- 图片有 alt 属性。
- sitemap 和 robots 可访问且内容正确。
- 结构化数据通过校验,没有错误。
六、性能(3 项)
- 移动端首屏 3 秒内加载完成。
- 图片经过压缩,使用 WebP。
- CSS/JS 已合并压缩,没有重复加载。
七、安全与合规(2 项)
- 后台路径已改,密码强度足够。
- 有隐私政策页,备案信息展示在页脚。
怎么高效执行
二十八项不要凭记忆过。做成一张表,每项写清"检查方法"和"合格标准",交付时逐项签字。
| 类别 | 工具 |
|---|---|
| 死链 | Xenu、Screaming Frog |
| 性能 | PageSpeed Insights |
| 移动端 | 真机 + Chrome 设备模拟 |
| 结构化数据 | Rich Results Test |
| SEO 基础 | 浏览器查看源代码 |
三个最容易漏的项
- 表单收不到邮件。测试时用的是自己的邮箱,客户环境用企业邮箱,结果进了垃圾箱。
- 移动端表格撑破。PC 上正常,手机上横向溢出,整页可以左右拖。
- robots 带着测试环境的屏蔽规则。上线后整站不收录,查一周才发现。
这三项建议单独列出来,每次交付前重点确认。
验收时最该盯的三类页面
产品详情页(信息最密、最容易崩)、列表页(分页和筛选最容易出错)、表单页(提交链路最容易断)。这三类过了,其余页面大概率没问题。
验收不要只看首页。首页是门面,客户真正停留和决策的是详情页。
交付后的第一周
每天看一次 404 日志和表单记录。上线初期是问题最集中的时候,等到客户反馈才发现,信任已经掉了一截。
清单里最容易被跳过的一项
不是图片压缩,也不是表单测试,而是 404 和 301。上线前把旧站的 URL 全部导出,逐条映射到新地址,确保只跳一次、落到 200 的页面。漏掉一条,可能就是一条有外链的老页面从此消失。
检查完再用手机 4G 走一遍:首页、栏目、详情、搜索、表单。不要只在自己的电脑和公司 WiFi 上测,真实网络才会暴露问题。
交付前让客户自己发一篇测试文章,从登录、上传图片、设置 TDK 到前台查看,全程不帮忙。客户卡住的地方,就是文档该补的地方。很多售后问题,都是交付时没让客户亲手做一遍。
交付前让客户自己发一篇测试文章,卡住的地方就是文档该补的地方。
让客户自己发一篇测试文章,卡住的地方就是文档缺口。
常见问题
清单太长,小项目也要全过吗
内容、链接、表单、SEO 这四类必过。性能和安全可以按项目规模简化,但不能跳过。
谁来检查
最好不是开发者本人。自己做的东西会有盲区,换一个人按清单过一遍,能发现一半问题。
交付后出问题怎么办
合同里写清免费维护期和响应时间。通常交付后一个月内的小问题免费修。
交付前的改造思路,见模板站如何避免同质化。