企业网站开发制作完成后的验收测试清单:功能、性能、安全、兼容性逐项检查
上线前不做验收等于交付一半
企业网站开发制作完成后,很多公司急着上线,草草看了一眼就觉得"差不多了"。结果上线一周内问题不断:表单提交后数据丢失、手机端排版错乱、某个浏览器打不开、被搜索引擎判定为不安全站点。
这些问题如果在上线前的验收环节被发现,修复成本几乎为零。上线后才发现,不仅要紧急修复,还可能已经给真实用户留下了差印象。
本文提供一份系统的验收测试清单,分为功能测试、性能测试、安全检查、兼容性测试和SEO基础检查五大模块。每一项都是可以直接操作的具体检查点。
一、功能测试:每个功能都要点一遍
导航和页面跳转
- 顶部导航的每一个菜单项是否都能正确跳转到对应页面
- 下拉子菜单是否能正常展开和收起
- 面包屑导航是否准确显示当前位置
- Logo点击是否返回首页
- 页脚的所有链接是否正确指向目标页面
- 404页面是否有自定义设计(而非服务器默认错误页)
- 所有内部链接是否都能正常访问,没有死链
检测方法:除了手动逐个点击外,可以使用在线工具(如Dead Link Checker)批量扫描全站链接。
图片和多媒体
- 所有图片是否正常显示,没有破图
- 图片加载失败时是否有替代文本显示(alt属性)
- Banner轮播图是否正常切换(自动播放和手动切换都测)
- 视频是否能正常播放(如果有嵌入视频)
- 图片点击放大功能是否正常(如果有Lightbox效果)
表单功能
表单是企业网站最核心的转化路径,必须重点测试:
提交流程测试:
- 正常填写所有字段后提交,是否成功
- 提交后的反馈是否明确(成功提示、跳转到感谢页面等)
- 提交的数据是否能在后台正常查看
- 是否有邮件/短信通知发送给管理员
验证逻辑测试:
- 必填字段不填时,是否有错误提示
- 手机号格式错误时,是否拦截
- 邮箱格式错误时,是否拦截
- 超长文本输入时,是否正常处理(不报错、不溢出)
- 特殊字符输入时,是否安全处理(防XSS和SQL注入)
防滥用测试:
- 快速重复提交同一表单,是否有防重复提交机制
- 验证码功能是否正常(如果有的话)
- 不登录的情况下能否提交(根据业务逻辑判断是否合理)
搜索功能
如果网站有站内搜索:
- 输入关键词能否返回相关结果
- 搜索结果为空时的提示是否友好
- 搜索结果的排序是否合理
- 点击搜索结果能否正确跳转到详情页
- 搜索框内输入特殊字符是否安全处理
后台管理功能
- 登录是否正常(正确密码可登录、错误密码有提示)
- 文章/产品的增删改查是否都正常
- 富文本编辑器是否能正常使用(加粗、图片上传、链接插入等)
- 图片上传功能是否正常(大小限制、格式限制是否有效)
- 分类管理是否正常
- 批量操作是否正常(如批量删除、批量发布)
- 后台列表的分页是否正常
- 后台的操作日志是否有记录
其他常见功能
- 在线客服插件是否正常弹出和工作
- 分享到微信/微博等社交平台的功能是否正确
- 返回顶部按钮是否正常工作
- 页面滚动时的固定导航栏是否正常显示
- 弹窗/对话框的显示和关闭是否正常
- 多语言切换是否正确(如果有多语言版本)
二、性能测试:速度决定用户去留
为什么性能重要
研究数据表明:页面加载时间每增加1秒,转化率下降7%。如果一个网站3秒内打不开,超过50%的用户会直接关闭。
页面加载速度测试
测试工具:Google PageSpeed Insights、GTmetrix、WebPageTest
| 关键指标: | 指标 | 合格 | 良好 | 优秀 |
|---|---|---|---|---|
| 首次内容绘制(FCP) | <3秒 | <1.8秒 | <1秒 | |
| 最大内容绘制(LCP) | <4秒 | <2.5秒 | <1.5秒 | |
| 累积布局偏移(CLS) | <0.25 | <0.1 | <0.05 | |
| 首次输入延迟(FID) | <300ms | <100ms | <50ms |
常见性能问题排查
图片未优化(最常见的问题):
- 检查是否有超过500KB的图片(展示用图压缩到100-200KB就够了)
- 检查是否使用了WebP等现代图片格式
- 检查是否做了图片懒加载(页面外的图片先不加载)
- Banner大图建议不超过300KB,缩略图不超过50KB
CSS和JavaScript未压缩:
- 检查CSS和JS文件是否做了压缩(去除空格和注释)
- 检查是否合并了多个CSS/JS文件(减少HTTP请求数)
- 检查是否有未使用的CSS和JS代码
服务器响应时间:
- 首字节时间(TTFB)是否在500ms以内
- 是否开启了Gzip/Brotli压缩
- 是否配置了浏览器缓存策略
- 数据库查询是否有效率问题(后台列表打开很慢可能是SQL没有索引)
CDN配置:
- 静态资源(图片、CSS、JS)是否通过CDN分发
- CDN节点覆盖是否合理(你的用户主要在哪里,CDN就在哪里加速)
并发压力测试
如果预计网站会有一定流量(如做了推广活动),建议做简单的压力测试:
- 使用Apache Bench(ab)或JMeter模拟并发访问
- 50个并发时响应时间是否正常
- 100个并发时是否出现超时或错误
- 数据库连接数是否足够
对于一般的企业展示站,能稳定承受50个并发访问就够了。
三、安全检查:上线前的安全底线
HTTPS配置
- 是否安装了SSL证书并启用HTTPS
- HTTP请求是否自动301重定向到HTTPS
- 混合内容检查:页面中是否有通过HTTP加载的资源(图片、CSS、JS),这会导致浏览器出现"不安全"警告
- SSL证书是否在有效期内
检测工具:SSL Labs(ssllabs.com/ssltest)可以全面检测SSL配置质量。
输入安全
- 所有表单输入是否做了服务端验证(不能只依赖前端JavaScript验证)
- SQL注入测试:在输入框中输入
' OR 1=1 --等常见注入语句,观察是否报错或返回异常数据 - XSS测试:在输入框中输入
<script>alert(1)</script>,检查提交后页面上是否执行了脚本 - 文件上传安全:尝试上传一个.php或.exe文件,看是否被拦截
后台安全
- 后台登录地址是否做了隐藏或修改(不要用/admin这样的默认路径)
- 连续登录失败是否有锁定机制
- 后台是否设置了操作日志
- 管理员密码强度是否足够(至少8位,含大小写字母和数字)
- 是否禁用了不必要的PHP函数(exec、system、eval等)
信息泄露防范
- 服务器错误页面是否暴露了技术栈信息(PHP版本、服务器版本等)
- robots.txt中是否泄露了后台路径或敏感目录
- 源代码中是否遗留了调试信息或注释中的敏感内容
- 目录浏览是否关闭(直接访问目录URL不应列出文件列表)
备份策略
- 是否配置了自动备份(数据库+文件)
- 备份频率是否合理(至少每周一次完整备份)
- 备份文件是否存储在与网站不同的位置
- 是否做过备份恢复测试(备份能不能真的恢复回去)
四、兼容性测试:不同设备和浏览器都要跑一遍
浏览器兼容性
至少在以下浏览器中测试:
PC端:
- Chrome(市场份额超过60%,必测)
- Edge(Windows默认浏览器,市场份额约10%)
- Firefox(约5%,有些用户群体偏爱)
- Safari(Mac用户的默认浏览器,如果有Mac用户必测)
移动端:
- Safari iOS(iPhone用户默认浏览器)
- Chrome Android(安卓最主流浏览器)
- 微信内置浏览器(很多用户通过微信分享链接访问)
- 华为/小米/OPPO等系统浏览器
每个浏览器要检查的内容:
- 页面布局是否正常(没有错位、溢出)
- 字体是否正常显示
- 动画和交互效果是否正常
- 表单功能是否正常
- 图片和视频是否正常播放
响应式设计测试
使用Chrome开发者工具(F12 → 切换设备模式)模拟不同屏幕尺寸:
| 设备类型 | 测试宽度 |
|---|---|
| 小手机 | 320px-375px |
| 大手机 | 375px-428px |
| 竖屏平板 | 768px |
| 横屏平板 | 1024px |
| 小笔记本 | 1280px |
| 大显示器 | 1920px |
重点检查:
- 文字是否溢出容器
- 图片是否超出屏幕宽度(是否出现横向滚动条)
- 按钮和链接的点击区域在手机上是否足够大(至少44x44像素)
- 弹窗和下拉菜单是否在小屏幕上正常显示
- 表格内容是否有横向滚动或自适应处理
不同网络环境测试
- 模拟3G网络:页面是否能在合理时间内打开
- 弱网环境:图片加载失败时是否有友好处理
- 切换网络时:表单填写到一半断网再恢复,数据是否丢失
五、SEO基础检查:让搜索引擎找到你
页面标题(Title)
- 每个页面是否都有独特的标题
- 标题长度是否在30-60个字符之间
- 首页标题是否包含品牌名和核心关键词
- 内页标题是否包含该页面的目标关键词
页面描述(Meta Description)
- 每个页面是否都有独特的描述
- 描述长度是否在70-155个字符之间
- 描述是否包含关键词并具有吸引点击的信息
标题标签(H1-H6)
- 每个页面是否只有一个H1标签
- H1标签是否包含页面核心关键词
- 标题层级是否合理(H1 > H2 > H3,不跳级)
图片优化
- 所有图片是否都有alt属性
- alt内容是否描述了图片实际内容(而非堆砌关键词)
- 图片文件名是否有语义(product-display.jpg 而非 IMG_001.jpg)
- 图片大小是否合理(不影响加载速度)
URL结构
- URL是否使用了语义化的路径(/products/website-design 而非 /page?id=123)
- URL中是否包含了关键词(用英文或拼音)
- 是否做了URL规范化(同一页面只有一个URL能访问)
- 末尾斜杠是否统一(要么都有要么都没有)
站点地图和Robots
- sitemap.xml是否存在且包含所有重要页面
- sitemap.xml是否提交到了百度站长平台和Google Search Console
- robots.txt是否正确配置(没有错误地阻止搜索引擎抓取重要页面)
- robots.txt中是否引用了sitemap.xml
结构化数据
- 是否添加了JSON-LD结构化数据
- 组织信息(Organization schema)是否包含公司名称、logo、联系方式
- 文章页面是否有Article schema
- 产品页面是否有Product schema(如果有电商功能)
- 面包屑是否有BreadcrumbList schema
移动端SEO
- 是否通过Google的移动端友好测试
- 是否配置了viewport meta标签
- 触摸元素之间的间距是否足够
- 字体大小是否在移动端可读(不需要缩放)
验收流程建议
第一轮:内部团队测试
安排2-3个人分别用不同设备测试,记录所有问题。建议用一个表格统一记录:
| 编号 | 页面 | 问题描述 | 截图 | 设备/浏览器 | 严重程度 |
|---|---|---|---|---|---|
| 1 | 首页 | Banner第三张图片不显示 | [截图] | Chrome/Windows | 高 |
| 2 | 联系我们 | 表单提交后无反馈 | [截图] | Safari/iPhone | 高 |
| 3 | 产品列表 | 第二行第三个产品图片偏移 | [截图] | 微信浏览器 | 中 |
第二轮:修复后复测
建站公司修复问题后,只需要复测修复项目和受影响的相关功能,不需要全部重测。
第三轮:上线前最终确认
- 域名DNS解析是否正确
- 301重定向是否正常(www和非www统一)
- 网站统计代码是否安装
- 在线客服功能是否就绪
- 所有联系方式是否正确
- 内容中是否有测试数据未清理
广州万户网络在项目交付时会配合客户完成整个验收流程,提供标准化的测试用例清单,确保每一项检查都有据可循。
验收通过后的交接确认
验收通过后,在正式上线前确认以下交接事项:
- 源代码:完整的网站源代码已经交付(通过压缩包或代码仓库)
- 数据库:数据库备份文件已提供,数据库访问信息已告知
- 服务器:服务器管理权限已移交(IP地址、登录凭证、控制面板地址)
- 域名:域名管理权限确认在企业名下
- 文档:后台使用手册、技术文档已提供
- 培训:后台操作培训已完成(至少有一个人会用后台发文章和改内容)
- 维护约定:免费维护期限、维护范围、联系方式已明确
企业网站开发制作的验收不是走过场。花两三天时间按照这份清单认真测试一遍,比上线后手忙脚乱地修问题值得多。毕竟网站是面向客户的窗口,第一印象只有一次机会。
需要网站建设、软件开发或爬虫定制?
模板建站1280元起,价格公开不加价。电话/微信 13535321113
