外贸网站手机端打开是乱的？先查这五处

电脑上看挺正常，手机上一打开，导航挤成一条、产品图被裁掉一半、表格要左右拖才能看全。这种站自己刷不出来，因为老板平时都用电脑看，杭州十家里有八家是这样。

外贸站六成以上流量来自手机，展会现场客户拿手机查供应商，第一眼就是移动端。下面五处是最常见的毛病，按顺序查，半小时能定位。

一、导航在小屏上没折叠

十个一级菜单横排在 375 像素宽的屏幕上，字挤成一团或者直接换行堆两排，把首屏全占了。正常做法是收进汉堡菜单，只留 logo、语言切换、询盘按钮三个可见元素。

在杭州见过更麻烦的一种：导航折叠了，但点开之后菜单项超出屏幕，最下面两项点不到。这种是 CSS 高度写死了，换个屏幕尺寸就废。杭州做小家电的客户就栽在这一条，菜单里"联系我们"点不到。

二、产品表格被压扁或者溢出

参数表是 B2B 站的核心内容，也是最容易在手机上崩的地方。三种表现：表格宽度超出屏幕出现横向滚动条、单元格文字挤成竖排、表头固定但内容错位。

合理的处理是：手机上把表格转成"参数名 + 参数值"的两列卡片，一行一个参数，不用横向滚动。或者在表格外层加一个横向滚动容器，加一句"左右滑动查看完整参数"的提示。

这条改起来工作量不大，但对询盘影响直接——客户看不到参数就不会问价。

三、首屏图太大，三秒打不开

一张 4000 像素宽的车间大图直接上传，文件四五兆，手机 4G 下要七八秒。谷歌的移动端体验指标里，加载超过三秒就开始扣分，客户更没耐心。

做法：首屏图压到 200KB 以内，用 WebP 格式，配上 `srcset` 让小屏加载小图。详情页的产品图也一样，杭州不少站的产品图单张两三兆，一个页面十张图，打开就是十几兆。杭州的产品图多为车间随手拍，原图直接上传是常态。

四、询盘表单被浮动条挡住

底部固定了一个客服条或者 Cookie 提示，高度八十像素，正好盖住表单的提交按钮。客户填完点不到提交，以为坏了。

自查办法：手机打开产品页，滚到表单位置，看提交按钮是不是完整可见。这类问题在杭州的站上出现频率很高，因为做站的人在电脑上测，浮动条不挡按钮。

五、电话和邮箱不能直接点

页脚写着电话和邮箱，是纯文本，客户要长按复制再打开邮箱粘贴。手机上这个动作的流失率很高。

改成链接就行：电话用 `tel:`，邮箱用 `mailto:`，WhatsApp 用 `https://wa.me/`。三个标签，五分钟的事，转化差别很明显。

怎么自查

不用专业工具也能查个大概：用自己的手机，关掉 WiFi 用 4G，从首页开始走一遍——点导航、找产品、看参数、填表单、提交。全程计时，超过一分钟或者中间有任何一步想放弃，那就是客户的感觉。

要更准就用谷歌的 PageSpeed Insights，输入网址，看移动端的分数和三项核心指标（LCP 首屏内容出现时间、CLS 布局偏移、INP 交互响应）。LCP 超过 2.5 秒、CLS 超过 0.1，就得改。杭州的站可以先测三个主力产品页，问题基本都集中在那几页上。

这五处修完，多数站的移动端体验能从"能用"到"顺手"。在杭州做外贸，客户第一次接触你的方式很可能就是手机上一张产品图加一段参数，这一分钟的体验，比首页做了多少动效都重要。

改的顺序建议：先修表单遮挡和导航（影响能不能联系上），再压图（影响打开速度），最后优化表格（影响看不看得懂）。前两项一天能改完。