网站打开三秒人就走了，说个实话——不是内容差，是你首屏把人劝退了

做设计这些年，我见过不少老板把网站做得跟画册似的：满屏大图、自动轮播、进去先放一段视频。他自己觉得高级，我说你先看看数据——打开三秒，人走了一半。不是客户不想了解你，是你首屏把人家劝退了。

首屏这件事，说白了就是"第一眼让人家知道你是干嘛的、怎么联系你、接下来点哪儿"。就这三件事，你能在手机一屏之内说清楚，这个站就成了一大半。你放一个全屏大图，图上写一句"创新·品质·未来"，谁看得懂？客户来你网站是想解决问题的，不是来欣赏艺术的。

我现在给客户改首屏，第一件事就是把那行"创新·品质·未来"拿掉，换成一句大白话："西安旧房翻新，20年老师傅团队，水电走顶保10年。"就这么一句，客户进来就知道你是谁、干啥的、靠不靠谱。再把电话按钮放在最上面，一眼能点到。

第二件事，大图先压缩。我见过一个客户网站首页头图8MB，手机上转半天圈。我让他压到300KB以内，加个懒加载，秒开。客户跟我说，打开速度快了之后，跳出率直接降了三成。图片这件事，不是越大越高级，是越小越友好。

第三件事，别搞花里胡哨的动效。什么鼠标跟随、视差滚动、进场动画，电脑上看着炫，手机上一卡一卡，客户没耐心等。我一般只保留最必要的：按钮 hover 有点反馈，导航滚下去吸顶，其他全砍。

第四件事，字别太小。好多老板用12px的字，觉得显得精致。你自己拿手机站起来离一米远看看，能看清吗？正文最小16px，标题按比例放大，行间距1.6倍。客户眯着眼读两行就走了，你内容再好也白搭。

第五件事，也是设计圈还在争论的——AI爬虫现在也会看你的页面速度。你图片一堆、JS一堆，页面加载慢，AI爬虫爬两次超时就不来了。这跟GEO直接挂钩：你人都留不住，爬虫也懒得理你。

还有一个新手常踩的坑：手机端没单独适配。直接把电脑版缩到手机上，字小得跟蚂蚁一样，按钮挤在一起。我让客户改站，第一件事就是打开手机版自己划一遍，哪里点不动、哪里字太小、哪里图片变形，全记下来改。现在70%以上的流量是手机来的，你还只顾电脑版，等于把七成客户拒之门外。

设计这件事，到最后不是比谁更炫，是比谁更省心。客户三秒内能搞清楚你是谁、能找到电话、能看到案例，这个站就赢了。王尘宇博客 www.wangchenyu.com 里我写过不少设计改站的案例，有兴趣可以对照看看自己站的问题。

常见问题

问：网站首屏放什么最合适？
答：一句话说清你是谁+你做什么+怎么联系。别放空话口号，别全屏大图只放一句"创新"。

问：图片多大合适？
答：单张尽量压到300KB以内，用WebP格式。首屏图尤其要小，别让客户等。

问：要不要做炫酷动效？
答：能不做就不做。手机上卡顿比没有动效更伤客户。按钮反馈和吸顶导航足够了。

问：手机端要单独做设计吗？
答：必须的。现在七成以上流量来自手机，直接把电脑版缩小是大忌。

问：页面慢会影响AI收录吗？
答：会。爬虫超时就不来了，GEO和SEO都受影响。速度本身就是排名因素之一。