外贸网站首页怎么设计，先定顺序，再定样式。判断标准只有一条：采购方在 30 秒内能否确认你做什么、为谁做、凭什么信你，并找到下一步入口。首屏不是视觉封面，而是信息排序的结果。下面按这个顺序拆解首屏区块、信任要素的位置与上线自查方法，栏目总览见外贸建站。
首屏只回答三个问题
结论：首屏要在一屏内回答「做什么、为谁做、凭什么信」，其余往后放。三件事对应一句话主张、一组可核对证据、一组品类入口。三块齐了，采购方才愿意继续往下滚。
常见反例是把首屏做成企业形象片：大幅厂房图、一句「追求卓越」、再加一个轮播。访客看不到能力边界，只能去猜。改法是把主张写成可判断的句子，例如「为食品工厂做整线包装设备，单线产能 60–200 包/分钟」，数字带单位，读者能自我匹配。
首屏信息的推荐顺序
顺序依据阅读节奏，不是设计美感。移动端 4G 下，访客通常在前 3 秒决定是否停留，10 秒内扫完证据，25 秒内点开一个品类。四块内容的顺序与判断标准如下表。
| 顺序 | 区块 | 写什么 | 判断标准 |
|---|---|---|---|
| 01 | 主张 | 做什么、为谁做、产能或规格区间 | 遮住公司名仍能读懂 |
| 02 | 证据 | 认证名称、验厂记录、客户类型 | 有名称、有年份、可核对 |
| 03 | 品类入口 | 3–6 个主营方向 | 每个入口对应一个栏目页 |
| 04 | 询盘入口 | 主按钮、邮箱、电话 | 首屏可见，不折叠 |
四块总高度要控制。以 360×640 视口计算，首屏可用高度约 560 px，扣掉地址栏后只够主张与一小段证据。证据条被挤到第二屏时，把品类入口上移。
信任要素放在哪里
结论：信任要素要出现在决策点附近，而不是集中堆在「关于我们」。采购方看主张时会怀疑能力，看产品时会怀疑交付，看价格时会怀疑合规，三个位置需要的证据并不相同。
- 主张下方：放认证与标准，如 ISO 9001、CE、FDA，写清证书编号年份与覆盖的产品范围。
- 品类入口旁：放客户类型与行业，如「服务 12 家乳品工厂」，不便署名时用行业加数量。
- 产品页顶部：放交期、起订量与质保期，单位分别用天、台、年，不要只写「快速交付」。
- 表单与联系页：放工厂地址、营业执照、对接人与响应时间，响应时间以小时计。
- 全站页脚：放公司全称、注册地址与电话，与结构化数据里的组织信息保持一致。
这些位置的作用是降低核对成本。采购方要拿页面说服老板或客户，可核对事实越多，解释成本越低。产品页的要素组织方式在外贸网站产品页怎么写里有逐项拆解。
导航与品类入口的排法
结论：导航第一层要露出主营方向，而不是「首页 / 关于我们 / 新闻中心」这类内部视角的分法。采购方找的是品类，不是组织架构。
通常 4–6 个一级栏目即可覆盖：主营品类、能力与设备、应用行业、案例、资料下载、联系。超过 7 个会把首屏横向空间占满，移动端折叠后更难找。每个入口对应一个栏目页，多个入口跳到同一页面，栏目页就拿不到独立关键词。
设备与制造类企业还要考虑型号入口。客户已知型号时，首页给一个搜索框比给十个栏目更有效。相关栏目划分可参考机械设备外贸网站建设的做法。
移动端首屏要单独排一版
结论：移动端首屏不能按桌面版等比缩放，要单独排一版。桌面端的左右分栏在窄屏堆叠后，主张、证据与入口的顺序会被打乱。
具体三条：主张控制在 20 字以内，字号不小于 16 px；首屏只留一个主按钮，次要入口收到页面底部固定条；首屏图改用 WebP 并按视口裁切。Google 官方文档给出的 LCP 良好阈值为 2.5 秒（第 75 百分位），首屏大图常是主要拖慢因素，排查顺序见外贸网站打开速度优化。
上线前的自查顺序
结论：自查按「能不能看懂、能不能核对、能不能联系」三步走，比逐项对设计稿有效，下面五项约 30 分钟可完成。
- 遮住公司名读一遍首屏，仍能读出做什么、为谁做，主张才算合格。
- 随机挑一条证据，看能否在 1 分钟内找到对应的证书或记录。
- 用手机 4G 打开首页，计时首屏主要文字出现的时间，超过 3 秒先压缩图片与脚本。
- 点一遍所有品类入口，确认都能到达对应栏目页且不出现 404。
- 提交一次表单，确认有回执邮件与后台记录，避免线索在最后一环丢失。
五项检查能提前发现多数返工。首页由外部团队交付时，验收要求可对照外贸建站公司怎么选里的六项清单；B2B 站点的整体结构见外贸B2B建站。