优化良好的登陆页面的转化率比一般页面高 2-5 倍。
着陆页是专门为转换而构建的。与具有多种用途的一般网站页面不同，登陆页面只有一个目标：让访问者采取特定操作。根据 Unbounce 的数据，各行业的着陆页转化率中位数为 4.0%，表现最佳的企业达到 11.5% 以上。着陆页上的每个元素要么支持转化目标，要么有损转化目标。成功的登陆页面消除了分散注意力的导航，将消息集中在单一价值主张上，并引导访问者采取明确的行动号召。
在 x13apps，我们设计了将访问者转化为客户的登陆页面。这是我们的优化框架。
高转化率登陆页面的剖析
首屏内容决定访客是留下还是离开。您有 3-5 秒的时间来沟通：您提供什么、为什么它对访问者很重要以及他们下一步应该做什么。英雄部分必须包含：引人注目的标题（主要价值主张，10-20 个单词）、支持副标题（扩展价值，15-30 个单词）、英雄图像或视频（展示产品或优势）以及主要 CTA 按钮（面向行动、高对比度）。从着陆页中删除导航菜单——根据 VWO 研究，它们会使跳出率提高 30%。
在首屏下方，逐步披露信息。社会证明部分：客户徽标、感言、案例研究结果、评论评级。功能和优势部分：关注优势（用户获得什么）而不是功能（产品的功能）。使用 FAB 框架：功能（它是什么）、优势（为什么重要）、利益（用户得到什么）。解决异议部分：回答有关价格、复杂性、承诺和风险的常见问题。包括解决特定购买犹豫的常见问题解答部分。最终的 CTA 部分：重申价值主张并再次呈现主要转化操作。
视觉层次和设计心理学
通过有意的视觉层次来引导眼睛。最重要的元素应该是视觉上最突出的。使用：尺寸（较大的元素首先吸引注意力）、颜色（高对比度的 CTA 脱颖而出）、空白（隔离元素增加焦点）和方向提示（箭头、目光、指向 CTA 的线条）。眼球追踪研究表明，用户根据内容密度以 F 模式或 Z 模式扫描页面。设计符合自然扫描模式的布局，而不是与之对抗。
色彩心理学影响转换行为。 CTA 应使用从页面中脱颖而出的对比色。橙色和绿色按钮通常表现良好，因为它们分别表明行动和积极性。红色可以用于紧急的报价，但可能会引发谨慎。测试 CTA 颜色而不是假设。信任颜色（蓝色）非常适合金融和医疗保健登陆页面。暖色（橙色、红色）适合冲动购买。与周围页面元素的对比度相比，特定颜色更重要。
移动登陆页面优化
据 Google 称，超过 60% 的着陆页流量来自移动设备。移动着陆页必须优先考虑首屏内容，甚至比桌面版更重要。手机上的折叠要小得多。标题、价值主张和 CTA 必须适合初始视口。使用移动设备专用的 CTA：点击通话按钮、应用商店徽章和点击消息链接。移动设备上的表单应尽可能少：最多 2-3 个字段。使用针对移动设备优化的输入类型：电话字段使用数字键盘，电子邮件字段使用电子邮件键盘。在实际设备上进行测试：在桌面显示器上看起来宽敞的内容在 5.8 英寸屏幕上却显得局促。
加载速度对于移动登陆页面至关重要。据 Google 称，53% 的移动用户会放弃加载时间超过 3 秒的页面。据德勤 (Deloitte) 称，移动加载时间每缩短一秒，转化率就会提高 20%。在 x13apps，我们构建了可立即加载并在所有设备上一致转换的登陆页面。欲了解更多信息，请阅读我们的CRO基础指南。