什么是网站 QA 检查清单
网站 QA 检查清单是一份系统性的检查项目列表，确保网站在上线前能正常工作。它涵盖从断链和浏览器兼容性，到性能、可访问性和内容准确性的方方面面。
你可以把它看作是"已完成"和"已上线"之间的最后一道质量关卡。一份好的网站 QA 检查清单能捕获单个开发人员和设计师遗漏的问题——因为他们已经盯着同一个页面看了好几周，已经看不出问题了。
本文提供一份按类别组织的、免费可用的网站 QA 检查清单，你可以直接使用或根据项目进行调整。
网站 QA 检查清单（免费可下载）
1. 功能测试
- 所有内部链接正常（无断链）
- 所有外部链接正确打开（检查 target="_blank" 行为）
- 所有表单正确提交（联系表单、注册、搜索）
- 表单验证正常工作（必填字段、邮箱格式、密码规则）
- 表单错误消息有帮助且可见
- 行动号召按钮链接到正确的页面
- 搜索功能返回相关结果
- 分页正常工作（上/下一页、页码）
- 文件下载正确触发（PDF、图片、文档）
- 视频和音频播放器加载并播放
- 灯箱/模态窗口正常打开和关闭
- 404 页面正确显示（不是默认的服务器页面）
- 500 错误页面有样式且用户友好
- 退出登录功能正确清除会话
- 会话超时处理按预期工作
2. 跨浏览器与跨设备测试
- Chrome（最新 2 个版本）
- Firefox（最新 2 个版本）
- Safari（最新 2 个版本，包括 macOS 和 iOS）
- Edge（最新 2 个版本）
- 移动端 Safari（iPhone、iPad——多种屏幕尺寸）
- Android 版 Chrome（多种屏幕尺寸）
- Samsung Internet（如果该地区使用率高）
- 在 320px、768px、1024px、1440px、1920px 下响应式布局正常
- 在任何常见宽度下无水平滚动条
- 触摸目标至少 48x48px（移动端可用性）
- 在小屏幕上字体大小可读
- 图片比例正确，不溢出
3. 性能测试
- 页面加载时间在 3 秒以内（或目标阈值内）
- Lighthouse 性能评分 ≥ 80（移动端）
- 图片已优化（压缩、正确格式、懒加载）
- CSS 和 JavaScript 已压缩
- 阻塞渲染的资源已最小化
- 核心 Web 指标通过（LCP < 2.5s，FID < 100ms，CLS < 0.1）
- 服务器响应时间（TTFB）在 600ms 以内
- 缓存头配置正确
- CDN 已配置（如适用）
- 长时间运行页面（SPA）无内存泄漏
4. SEO 与元数据测试
- 页面标题（title 标签）已设置且每页唯一
- 元描述已设置且有吸引力
- Open Graph 标签（og:title、og:description、og:image）已存在
- Twitter Card 标签已存在
- 规范 URL 设置正确
- h1 标签已存在且包含主要关键词
- 标题层级逻辑正确（h1 → h2 → h3）
- 所有图片已添加 Alt 文本
- XML 站点地图已提交到搜索引擎
- Robots.txt 配置正确
- 预发布/开发页面已应用 noindex 标签
- 结构化数据 / Schema 标记有效（用 Google 富媒体搜索结果测试）
- URL 干净且可读（无下划线，无参数噪音）
- 已更改的 URL 有 301 重定向
- 旧 URL 的 404 错误重定向到相关页面
5. 无障碍测试
- 键盘导航正常（Tab、Enter、Escape、方向键）
- 焦点指示器可见（未通过 outline: none 移除）
- 跳转到内容的链接存在且功能正常
- 颜色对比度满足 WCAG AA（普通文本 4.5:1，大文本 3:1）
- 屏幕阅读器能逻辑导航页面
- 在需要的地方使用了 ARIA 标签（动态内容、自定义控件）
- 表单字段有关联的标签
- 错误消息能被屏幕阅读器播报
- 视频内容有字幕或文字稿
- 交互元素可通过键盘访问
- 页面放大到 200% 不破坏布局
- 尊重减少动画偏好（prefers-reduced-motion）
6. 内容与设计测试
- 无拼写或语法错误
- 品牌语调在所有页面保持一致
- Logo 链接到首页（不是静态图片）
- 联系信息准确（邮箱、电话、地址）
- 法律页面是最新的（隐私政策、服务条款）
- 页脚版权年份是当前年份
- 图片未像素化或拉伸
- 字体渲染在浏览器间一致
- 间距和对齐一致（无视觉异常）
- 动画流畅（60fps）且不会引起眩晕
- 打印样式表正常工作（或内容打印清晰）
7. 安全测试
- 已强制使用 HTTPS（HTTP 重定向到 HTTPS）
- SSL 证书有效（未过期）
- 表单提交使用 POST（不是 GET）
- 输入验证可防止 XSS 和 SQL 注入
- 认证页面仅使用 HTTPS
- 会话 Cookie 是安全的且 HttpOnly
- 源代码中无敏感数据（API 密钥、密码、令牌）
- 安全头（CSP、HSTS、X-Frame-Options）已配置
- 管理 URL 不公开可访问
- 文件上传受限（类型、大小）并经过扫描
网站 QA 测试：如何执行检查清单
第 1 步：选择工具
- 手动测试——逐页检查清单
- 自动化工具——Lighthouse、axe DevTools、WAVE、Screaming Frog
- 视觉反馈工具——BugCapturer 用于直接在页面上标注问题
第 2 步：逐页检查
不要试图一次测试整个网站。选一个页面，检查所有适用的类别，然后进入下一个页面。从高流量页面和关键工作流程开始（首页、结账、登录、搜索）。第 3 步：发现问题立即记录
发现 Bug 时立即记录。使用像 BugCapturer 这样的工具：- 使用带箭头的标注截图和文字指向问题
- 自动捕获 URL、浏览器、操作系统和屏幕分辨率
- 如果 Bug 涉及动画或交互，录制短视频
- 自动捕获控制台错误和网络请求失败
第 4 步：修复和重测
将问题分配给正确的团队成员，设置优先级，修复后重新测试。每个 Bug 都应在上线前验证。网站质量保证检查清单：专业提示
BugCapturer 如何帮助网站 QA
BugCapturer 是一款免费的 Chrome 扩展，用于 Bug 报告和视觉反馈，可以直接集成到 QA 工作流程中：
- 截图标注：拖拽选择问题区域，添加箭头、矩形和文字。无需单独的截图工具。
- 屏幕录制：将当前标签页录制为 WebM 视频，然后裁剪并提取关键帧。非常适合涉及动画、悬停状态或交互的 Bug。
- 自动技术元数据：URL、浏览器、操作系统、屏幕分辨率和视口尺寸自动收集——无需手动输入。
- 诊断数据收集：捕获错误级别的控制台日志和失败的网络请求（HTTP 状态码 ≥ 400）。网络 URL 自动脱敏敏感参数。
- 一键发送邮件：所有内容打包成结构化邮件，随时发给开发人员。
- Excel/TSV 导出：一键复制 12 列结构化 Bug 报告行到剪贴板，用于团队级跟踪。
使用 BugCapturer，执行网站 QA 检查清单的速度会大幅提升。每个 Bug 只需 30 秒就能报告，而不是 5 分钟。
下载：网站 QA 检查清单
将上面的检查清单复制到你偏好的格式中：
- Google Sheets / Excel——创建一个电子表格，每个类别一列，带复选框
- Notion / Trello——为每个类别创建一个检查清单卡片
- Markdown——将原始文本保存在代码仓库或 Wiki 中
- 打印——作为手动测试的实体检查清单
最好的格式是你的 QA 团队实际使用的格式。根据你的项目调整检查清单——添加项目特定的项目，删除无关的，每次发布后更新。