结论先行：官网第一屏承担的是筛选任务，访客在几秒内判断这家企业是否对得上自己的需求，判断不了就退回搜索结果，后面的内容再好也没机会被看到。

手机屏幕小，搜索结果页给出的信息越来越多，访客留给单个站点的耐心在变短。第一屏没对上，后面几屏等于没写。

本文要点

• 第一屏要回答做什么、给谁做、凭什么信这三件事；
• 版式只是形式，能不能被一眼看懂才是标准；
• 手机端第一屏高度更紧张，信息要按优先级砍。

一、第一屏是一次匹配判断

访客打开页面时并不读文案，他先扫一眼找关键词：这里有没有我要的东西。

扫到了就往下滚，扫不到就按返回。这个过程只有几秒，发生在文案被完整读完之前。

二、三类常见版式，各自适合谁

版式没有高下，区别在于把什么放在访客的视线落点上。选版式前，先想清访客带着什么问题进来。

三、第一屏要回答三个问题

• 做什么：一句话说清产品或服务，不用行业黑话；
• 给谁做：写清服务的客户类型，帮访客自我归类；
• 凭什么信：放可核对的资质、案例入口或服务地区。

三件事装在一屏之内，不求字多，求一眼能看到。手机端先保前两件，第三件落到下一屏也来得及。

自检的办法很简单：把页面缩到手机宽度，按住五秒，看能不能说出这家企业做什么、给谁做。

术语与定义

第一屏

访客打开页面不滚动就能看到的区域，高度随设备和浏览器不同而变化。

匹配信息

帮访客判断你是不是他要找的供应商的内容，通常是业务一句话、客户类型与服务范围。

常见问题

Q：第一屏一定要放轮播图吗？

A：不必。轮播图适合有实拍场景的企业，纯服务型业务用一句话加一张实景图更省事，也更好维护。

Q：产品很多，第一屏放不下怎么办？

A：按主要客户群归类，一屏只讲一类，其余放到下一屏或产品页入口，别把所有品类挤在首屏。

Q：手机端和电脑端要做成一样吗？

A：结构一致、取舍不同。手机端屏幕窄，优先保留业务一句话与联系入口，其余顺延往下排。

延伸阅读

• 昆山网站设计服务
• 企业网站建设流程
• 建站与改版案例

想重排官网第一屏的信息顺序，可致电 13913177687，或先看网站设计服务。