外贸独立站上线前 QA 测试清单：你的站有一个错别字、三个死链、表单不可用——上线第一天就在丢客户

新站上线是一个"要么一次过关、要么上线就丢客"的节点。没有测试过的站，大概率有至少一个表单不工作、至少三个页面 404、至少一张图片裂了。

而且这些问题是你看不出来的——因为你是用你熟悉的浏览器、在你的网络、在桌面端看的。你的客户在看你的站的时候：手机浏览器、不同的网络、不同的语言设置——他遇到的问题你不会遇到。

上线前的 QA 测试就是把你能想到的所有客户场景跑一遍，确保第一批访客看到的是一个完整的、工作的站。

一、QA 测试的 8 大维度

二、完整测试清单（67 项）

A. 功能测试（21 项）

表单测试

1. Contact Us 表单：填写并提交 → 检查是否成功提交 → 检查邮箱是否收到邮件
2. RFQ 表单（如有）：填写并提交 → 同上
3. 文件上传：上传一个 PDF → 确认服务器收到
4. 文件上传——大文件：上传一个接近上限的文件 → 能否上传
5. 文件上传——不支持格式：上传一个 .exe → 是否正确拒绝
6. 必填验证：留空必填项提交 → 是否阻止并提示
7. Email 格式验证：填 “notanemail” → 是否提示
8. 提交后 Thank You 页：自动跳转了吗？信息正确吗？

链接测试

1. 全站链接（Screaming Frog 爬一遍）→ 无 404
2. 导航菜单：每一项都点 → 能到正确页面
3. Footer 链接：每一项都点 → 有效
4. CTA 按钮：每个按钮点了 → 跳转正确
5. 外部链接：点了不报错，且建议 target="_blank"
6. PDF/下载链接：能打开/下载

搜索和功能

1. 站内搜索：搜一个已知存在的内容 → 是否返回结果
2. 语言切换器：切换到每个语言版本 → 是否正常
3. LiveChat / Chatbot（如有）：发出测试消息 → 是否收到
4. WhatsApp 按钮：点了 → 是否跳转正确的 WhatsApp 链接
5. 社交媒体链接：Facebook/LinkedIn/YouTube 图标 → 跳转正确
6. 订阅 Newsletter 表单：提交 → 是否成功

B. 视觉测试（12 项）

1. 首页：所有图片正常加载、布局不错乱
2. 产品页 × 3（抽查）：图片 + 参数表 + 按钮正常
3. 博客文章页 × 3（抽查）：文字格式正常、图片正常
4. 案例页：布局一致
5. About Us 页：照片正常、时间线正常
6. Contact 页：表单布局正常、地图（如有）正常
7. 404 页（访问一个不存在的 URL）：有自定义 404 页面吗？不是空白页或 nginx/apache 默认页
8. 响应式——手机竖屏：页面不横向溢出
9. 响应式——手机横屏：页面利用横屏空间
10. 响应式——平板：页面适配
11. 浏览器兼容：Chrome 最新版 → 正常
12. 浏览器兼容：Safari（Mac 或 iPhone）→ 正常

C. 内容测试（10 项）

1. 无 Lorem ipsum——全文搜索 “lorem” → 0 结果
2. 无占位文字——搜 “placeholder” “sample text” “test” → 0 结果
3. Title 标签——每页都有独特的 Title，长度 50-60 字符
4. Meta Description——每页都有独特的 Description，长度 120-155 字符
5. H1——每页只有一个 H1（SEO 最佳实践）
6. 拼写检查：跑一遍 Grammarly 或 LanguageTool
7. 图片 Alt 文本：每张产品图都有 alt（SEO + 无障碍）
8. Favicon 已设置——浏览器标签页上显示正确的图标
9. 版权年份：Footer 里的 © 年份是今年
10. 电话号码/邮箱/地址：三处显示都一致

D. 性能测试（8 项）

1. 桌面端 PageSpeed Insights → 得分 ≥ 70
2. 移动端 PageSpeed Insights → 得分 ≥ 50（B2B 移动端普遍偏低）
3. Core Web Vitals：LCP < 2.5s、FID < 100ms、CLS < 0.1
4. 产品页（含最多图片的）加载速度
5. 首页加载速度（含 Hero 大图/视频）
6. 视频页面：视频使用 YouTube 嵌入（不自己托管）
7. Google PageSpeed 建议的主要问题 → 记录并在下周改
8. GTmetrix 测试 → 看 Waterfall 找到最慢的资源

E. SEO 测试（8 项）

1. robots.txt 存在且不屏蔽重要页面
2. XML Sitemap 存在且包含所有页面
3. Canonical 标签：每页自引用 canonical
4. hreflang 标签：多语言站所有语言版本双向标注（见 #50）
5. Open Graph 标签：分享到 Facebook/LinkedIn 时标题+图片+描述正确
6. Schema 标记：Organization、Product、Article、BreadcrumbList 已配置
7. URL 结构：无中文 URL、无特殊字符、短且有含义
8. 自定义 404 页面存在且包含导航链接

F. 安全测试（3 项）

1. HTTPS：全站强制 HTTPS（http → https 301 重定向）
2. 无混合内容：HTTPS 页面不加载 HTTP 资源
3. 表单使用 HTTPS 提交

G. 多设备/多环境（3 项）

1. iOS Safari（iPhone 真机测试——不是 Chrome 模拟器）
2. Android Chrome（真机测试）
3. 不同网络：4G/5G 蜂窝网络下加载速度

H. 合规测试（2 项）

1. GDPR Cookie 弹窗（如有面向欧洲客户）
2. 隐私政策页存在且链接在 Footer

三、测试工具包

四、测试流程——什么顺序最高效

Day -3（上线前三天）：自动测试

1. Screaming Frog 爬全站 → 死链 + 缺 Title/Description + 缺 H1 → 修
2. PageSpeed Insights 跑首页 + 3 个核心产品页 → 记录最慢的资源 → 压缩

Day -2：手动功能测试 3. 每个表单提交一遍 → 确认邮件正常 4. 导航栏 + Footer + CTA 按钮全点一遍 5. 语言切换器全走一遍

Day -1：视觉 + 内容 + 设备 6. 真机过首页 + 产品页 + Contact + Blog × 3 7. 搜 “lorem” “placeholder” “sample” → 0 结果 8. 最后一轮拼写检查

Day 0（上线当天）： 9. HTTPS 全站强制 + 无混合内容 10. robots.txt + Sitemap 提交到 GSC 11. GSC URL Inspection 测 5 个关键 URL

五、上线后 48 小时内必做

1. GSC 提交 Sitemap
2. GSC URL Inspection 提交首页 → 请求收录
3. GA4 → 实时报告 → 确认数据在进来
4. 表单再提交一次 → 确认线上环境正常
5. 不同 Wi-Fi/4G 环境再测一次表单
6. 搜索品牌名 → 确认能搜到

底线思维

上线前 QA 花半天时间，避免的是第一批访客遇到坏页面然后再也不回来的损失。第一批访客是你最珍贵的流量——他们是你写了几十篇博客、做了关键词、投了广告才引来的。如果他的第一印象是"这个站有问题"，他会下意识地把"网站不专业"等同于"公司不专业"。

尤其表单——上线后 48 小时内，每天亲自提交一次自己的表单。插件更新可能导致表单静默失效，而这个 bug 你是最后一个发现的——因为客户不会告诉你"你的表单坏了"，他只会关掉页面然后找你的竞品。

用 NeoGress AI 建站的上线前自动检测系统——SSL 配置、Sitemap 生成、Schema 添加、robots.txt、表单测试、404 页面——建站平台自动完成基础 QA，你只需手动走一遍功能和视觉清单。