跳到主要内容

Locke Lee

返回文章库

SEO

商业网站首屏应该放甚么?

首屏不是要塞晒公司卖点,而是要令一个忙碌、怀疑、未准备联络的人,在几秒内知道自己有没有行错地方。

「引领未来,创造可能。」很好。你到底做甚么?

01 / 先说答案

第一屏唯一任务:让合适的人愿意继续

首屏真正工作不是说服,而是分类。它要帮合适客户快速留下,亦容许不合适的人快速离开。若文案为了迎合所有人而变得空泛,表面受众更大,实际上没有人觉得和自己有关。

最重要先分清:首屏吸引最多人,与首屏让对的人自我辨认。

02 / 判断顺序

访客先判断自己有没有进错门

情境示例,并非实际客户案例:一间香港企业培训公司把首屏写成『启发潜能,共创未来』,HR、学校家长和求职者都可能以为和自己有关。改成『为 50–500 人团队设计可量度的管理培训,由需求访谈到课后跟进』之后,访客少了一部分,企业咨询反而更具体。

客户不是在一个页面内作决定;它系带住你个页面,走入另一个决策环境。

第一屏不需要讲晒,但一定要令下一屏值得看

一个企业培训页如果只写「释放团队潜能」,读者仍不知道是管理课、语言课还是户外活动。示例改写可以是「为新任主管提供企业内训:以你团队的工作情境练习回馈与分工」。它没有保证业绩,却先交代服务、对象同方法,令合适人士知道值得继续看。

网站版面草图:第一屏的工作是安排理解次序。
网站版面草图:第一屏的工作是安排理解次序。 Hal Gatewood / Unsplash · Unsplash License

03 / 五秒问题

五秒内需要回答的不是公司历史

Nielsen Norman Group 将首页形容成给潜在客户的 elevator pitch,应快速讲清楚机构做什么和用户可以完成什么;五秒测试亦用来捕捉初步理解。重点不是五秒内读完整句,而是视觉和语义有没有指向同一个答案。

首屏至少要完成四个判断:这家公司公司服务哪个、处理什么商业问题、提供什么类型结果、下一步会发生什么。案例数字、客户 logo 或认证可以降低风险,但只有在主张已清楚时先有意义;否则证据只会替一个模糊答案加装饰。

04 / 管理误判

首屏塞满卖点,反而提高理解成本

企业常将内部最重视的东西放最前:成立年份、品牌使命、奖项、创办人说话。客户第一秒问的却是『关不关我事』。把公司历史放在客户自我辨认之前,等于要求陌生人先关心你,先至获准知道你可不可以帮它。

我不是反对漂亮句子。只是第一屏的位置太贵,不太适合让读者猜谜。

不同浏览器环境,需要实际检查而非假设一致。
不同浏览器环境,需要实际检查而非假设一致。 Zulfugar Karimov / Unsplash · Unsplash License

05 / 四句框架

用四句话建立一个可行首屏

  1. 五秒后,测试者可否讲出目标客户,而不只讲到行业。
  2. 主标题可否用一句正常说话讲清楚问题和结果。
  3. 副标题有没有加入范围、方法或限制,令承诺可相信。
  4. 主要行动有没有讲明按下后会发生什么,而不是只写『了解更多』。
  5. 手机首屏有没有被 cookie、浮钮、轮播和过大相片遮住。

第一屏的证据要跟承诺配对。话自己擅长技术修正,就展示可理解的诊断及验证方式;话课程贴近实务,就交代教材如何贴近工作情境。奖项同客户标志可以补充,但不应代替读者最关心的具体资料。无法公开名称的案例,可以明示匿名及限制,不好暗示不存在的背书。

06 / 移动端执行

从手机窄屏开始重写

先在没有图片与动画的情况下,写清楚服务对象、解决的商业问题、可信理由及下一步。文字本身站得住,视觉才有放大作用。

  1. 用一句话说清楚为谁处理什么问题。
  2. 补充一个具体限制、成果或方法作为可信理由。
  3. 只保留一个主要行动,降低次要行动的视觉权重。
  4. 在 320px 手机宽度及较慢网络下测试完整首屏。
真实装置的操作方式,会影响第一步是否容易完成。
真实装置的操作方式,会影响第一步是否容易完成。 TheRegisti / Unsplash · Unsplash License

07 / 成效衡量

衡量理解与前进,而不只看跳出

观察层要记录什么管理上代表什么
理解五秒测试后能否说出服务与对象直接检查信息清晰度
前进向下浏览、查看服务或案例的比例显示首屏是否建立兴趣
行动质量首屏触发的合格对话比例避免把误触视为转化

「第一屏」亦不是固定高度。小手机、字体放大、浏览器工具列同翻译后变长的句子,都会改变可见范围。应保住标题、简短说明及一个合理下一步的次序,而不是把文字压细,勉强塞入某个设计稿高度。

08 / 常见问题

设计第一屏最常见的三个问题

Logo 是否应该放大?

Logo 要清楚,但通常不应比客户问题更抢眼;陌生访客首先要知道你做什么。

能否使用轮播?

轮播会分散主信息,而且很多人不会等待第二张。若有多项服务,应先用一个上位价值主张统领。

一定要放价格吗?

未必,但首屏至少要让合适客户了解服务层级或合作性质,避免所有人都误以为适合。

笔记与网站可以一起用来核对首屏有没有回答真正问题。
笔记与网站可以一起用来核对首屏有没有回答真正问题。 Rodeo Project Management Software / Unsplash · Unsplash License

09 / 限制与结论

清楚,比聪明更有商业价值

已知品牌、会员入口或纯交易产品未必需要同样篇幅解释;访客可能本身带住明确目的。但即使品牌熟悉,首屏仍要避免令主要任务被宣传活动、弹窗或多个同等 CTA 淹没。

一个好首屏不会令所有人都想继续;它会令对的人觉得『这家公司公司明白我现在要解决的事』,亦令错的人不使浪费时间。

一个好首屏不会令所有人都想继续;它会令对的人觉得『这家公司公司明白我现在要解决的事』,亦令错的人不使浪费时间。

先让人看懂,再让人欣赏。次序很朴素,但有用。

10 / 资料注脚

资料与延伸阅读

以上资料只用作理解机制及建立测试假设,并不代表任何海外结果会在香港企业自动重现。

只有结论,没有推销。

一篇有用的商业文章,即使没有带来购买,也应该让读者作出更好的决定。

WhatsApp 联系 Locke Lee