首页是官网里最难设计的页面，因为它要同时回答三个问题：你是做什么的、跟我有什么关系、我下一步该点哪里。这三个问题如果三秒内答不上来，访客就走了。
我做过一个粗糙的统计：同一个客户，把首屏从"轮播图 + 一段公司简介"改成"一句话定位 + 三个产品入口 + 一个案例数据"，跳出率从 68% 降到 41%，询盘量涨了近一半。页面没变好看，只是把话说清楚了。
一、首屏必须有的五个元素
1. 一句话说清你是做什么的
不是"专业、专注、创新"这种词，而是具体的："为汽车零部件厂做非标自动化产线改造"。行业 + 客户 + 交付物，三样齐了，访客立刻知道该不该往下看。
这句话建议做成 H1，既是给用户看的，也是给搜索引擎看的。很多企业把 H1 写成公司名，浪费了首页最重要的位置。
2. 一个能立刻点的主按钮
主按钮只放一个。"立即咨询""获取报价""免费方案"，选一个最贴近成交动作的。次要动作做成文字链接或描边按钮，别让两个实心按钮抢注意力。
3. 三个以内的核心业务入口
首页不是目录。产品线超过三个的，按客户需求归类成三组，每组配一句说明。比如做包装设备的，可以分"食品包装""日化包装""物流包装"，而不是把十二个型号全摊在首屏。
4. 一个可信度信号
客户 logo 墙、资质证书、服务年限、交付案例数，选一个放。注意别放"满意客户 0"这种没填数字的占位，那比不放还糟。
5. 一张能说明业务的图
可以是产品实拍、工厂全景、施工现场。避免用图库里的握手、地球、齿轮。实在没有好图，用干净的色块加图标，也比假图强。
二、七种常见的首屏浪费
- 全屏轮播：用户平均只看第一张，后面几张等于不存在，还拖慢加载。
- 自动播放视频：移动端耗流量、耗电，很多人第一件事就是找关闭按钮。
- 大段公司简介：访客不关心你成立于哪一年，除非他已经决定要合作。
- 漂浮的客服弹窗：一进站就弹，遮挡内容，尤其在手机上。
- "欢迎访问本站"式标语：零信息量。
- 导航层级过深：首屏看不到核心栏目，要展开菜单才找得到。
- 没有明确的下一步：看完不知道点哪，只能关掉。
三、首屏之下的第二屏怎么排
首屏负责"留人"，第二屏负责"说服"。建议顺序：解决什么问题 → 怎么解决（产品或服务）→ 凭什么信你（案例、资质、数据）→ 常见疑问 → 再次引导咨询。
这个顺序对应客户的决策路径。很多人把"关于我们"放在第二屏，其实客户还没到关心你的阶段。
四、移动端首屏要单独设计
PC 上首屏能放五个元素，手机上只能放三个：一句话、一个按钮、一张图。其余全部往下排。文字不小于 15px，按钮高度不小于 44px，别让用户放大才能点。
还有一点：手机首屏的图片要单独裁切。PC 用的横图直接缩到手机上，主体往往被裁掉一半。用 picture 标签或 object-position 单独处理。
五、改版后怎么验证效果
别凭感觉。改版前后各观察两周，看四个数：跳出率、首屏停留时长、主按钮点击率、询盘数。四个数里至少两个变好，才算改对了。
如果跳出率降了但询盘没涨，说明首屏留住了人，但后面的说服环节不够；如果跳出率没变，说明首屏的问题没找对，回去看热力图，看用户到底点了哪里。
三秒里用户只确认三件事
你是谁、能解决什么问题、下一步点哪里。标题写具体业务，副标题写结果，首屏只留一个主按钮。证书和案例放到下面，不要挤在首屏。
首屏不是展示公司历史的地方，是让用户决定要不要继续看的地方。
常见问题
首屏要不要放公司新闻
不建议放首屏。新闻的时效性强但决策价值低，放在第三屏之后或者页脚更合适。
轮播图能不能保留
可以，但最多两张，且第一张必须是核心信息。用手动切换，别自动播放。
首页需要放多少内容
PC 端控制在五到七屏，移动端三到五屏。再长，用户翻不到底，反而稀释了重点。
首屏定完，接下来是内页的内容组织。栏目怎么分，见企业官网栏目规划。
