先说我们的建议。 Proxy Mail QA 是我们做的,所以我们并不中立。这是一份检查整个网站的计划,其中大部分完全不需要 Proxy Mail QA。我们推荐在依赖邮件的步骤中使用它:注册、用验证码或链接登录、重置密码、邀请,以及表单发出的确认邮件。速度、无障碍、链接、搜索和安全方面,我们会列出一些不属于我们的免费工具。Proxy Mail QA 不评判设计或文案,也不接收短信。
1. 像访客一样使用(15 分钟)
先在手机上,再在笔记本电脑上,以从没见过这个网站的人的身份浏览每个页面:
- 你能在五秒内看出这个网站是做什么的、下一步该做什么吗?
- 每个按钮和链接都做到了它所说的吗?
- 有没有东西看起来坏了、互相重叠,或被手机键盘挡住?
- 有没有什么慢到让你想放弃?
把所有问题都记下来,不论多小。这比任何工具发现的都多。
2. 每个表单
对每个表单(联系、订阅、注册、预约、结账):
- 先空着提交,再填错提交。每个错误都应以文字显示在对应字段旁。
- 正确提交。页面应说明接下来会发生什么。
- 如果它会发邮件(确认、收据、“我们会联系你”),检查邮件是否送达、读起来是否通顺、链接是否有效。
每个表单都用一个新的 Proxy Mail QA 测试地址,这样你能分清哪封邮件来自哪里,而且都不会进入你自己的收件箱。在 Labs 中打开“营销和优惠邮件”后,还可以检查营销邮件和退订。
3. 账号(如果你的网站有)
这是 Proxy Mail QA 发挥作用最多的地方:
- 用新的测试地址注册。使用 Proxy Mail QA for Chrome,点一下就能填好邮箱、姓名、用户名、出生日期和密码,验证码一到就会显示在页面中。
- 完成验证,然后确认你已登录。
- 退出后重新登录。 扩展会提供该测试账号及其保存的密码。
- 重置密码,并确认旧密码已失效。
- 更改邮箱地址(如果你的网站允许),并确认新旧地址都收到了通知。
- 在应用中把每封邮件完整读一遍:发件人、主题、每个链接。预发布网站上指向
localhost的链接会被标出。
4. 速度
在首页和最重要的两个页面(如定价和注册)上运行 Lighthouse(Chrome DevTools → Lighthouse,选择移动端)。先修最大的问题,通常是图片。有了流量后,PageSpeed Insights 还会提供真实访客的数据。
5. 无障碍
- 在同样的页面上运行 axe DevTools 或 WAVE。
- 只用键盘操作每个页面:用 Tab 键逐项浏览,确认你始终能看到当前位置。
- 用屏幕阅读器试一个表单(Mac 或 iPhone 上用 VoiceOver,Windows 上用 NVDA)。
自动化工具只能发现一部分问题。剩下的靠键盘和屏幕阅读器发现。
6. 链接和页面
- 运行链接检查器(W3C Link Checker,或 Screaming Frog 等爬虫),修复失效链接。
- 访问一个不存在的页面。你的 404 页面应该帮助用户返回。
7. 搜索
- 每个页面都有自己的标题和描述。
- 你的网站已加入 Google Search Console,并提交了站点地图。
- 不想被搜到的页面(预发布、后台)没有被索引。
8. 基本安全
- 每个页面都通过 HTTPS 加载。Qualys SSL Labs 检查配置,Security Headers 检查响应头。
- 页面源代码和 JavaScript 中没有密钥。
- 后台页面需要登录。
- 如果你的网站用了依赖包,启用
npm audit或 Dependabot。
这不是安全测试。如果你的网站处理付款或个人数据,请认真做一次安全测试。
9. 信任和法律
- 隐私政策和条款与网站的实际行为一致。
- 提供联系你的方式。
- 如果你使用的 Cookie 在访客所在地区需要提示,就加上 Cookie 提示。
10. 上线之后
- 用可用性监控(UptimeRobot、Better Stack)在网站宕机时通知你。
- 用错误跟踪(Sentry),在有人发邮件给你之前就看到什么出了问题。
Proxy Mail QA 能帮上哪些步骤
| 步骤 | Proxy Mail QA? |
|---|---|
| 1. 像访客一样使用 | 否 |
| 2. 每个表单 | 能,针对它们发出的邮件 |
| 3. 账号 | 能:测试地址、验证码和链接、保存的测试密码、对每封邮件的检查 |
| 4. 速度、5. 无障碍、6. 链接、7. 搜索 | 否 |
| 8. 基本安全 | 不能。它检查的是你的邮件签名(SPF、DKIM、DMARC),不是你的网站 |
| 9. 信任和法律、10. 上线之后 | 否 |
让你的智能体来做
如果你用 Qoder 开发,从 Qoder Marketplace 连接 Proxy Mail QA(或安装它的插件,插件会添加八个技能,其中包括 account-email-audit),然后问:
Check my site at https://staging.acme.dev. Start a Proxy Mail QA run.1. Trigger every account email the site sends (sign-up verification and its resend, password reset, sign-in code or link, invite, email change) with new test addresses, check each with check_email, and list what to fix.2. Submit the contact form with a new test address and check the confirmation email.3. Run Lighthouse on mobile for the home, pricing and sign-up pages.4. Check every internal link.Finish the run and give me one list, most serious first: things that are broken, thenconfusing, then slow.先修什么
- 坏了:有人无法注册、邮件没送达、表单丢失已输入的内容、页面报错。
- 令人困惑:用户不知道下一步做什么,或错误信息没说怎么修正。
- 慢:在手机上需要几秒以上才能打开的页面。
- 其他所有问题。
想在一处看到全部工具,请见 帮助构建和检查网站的工具。