从标题到页脚的完美着陆页剖析

已发表: 2021-01-12

每个登录页面都由某些构建块组成。 您需要了解所有这些才能创建最有说服力的页面,并且永远不要冒销售漏斗漏水的风险。 一旦您了解了基础知识,您就可以对这些块进行试验。 在本文中,我们将介绍一个好的着陆页的主要元素,并就如何布置页面的副本和设计为您提供一些指导。

内容
  1. 着陆页的结构是什么?
  2. 登陆页面的关键元素
    1. 标题
    2. 正文
    3. 图像、动画或视频
    4. 潜在客户形式
    5. CTA 按钮
    6. 倒计时器
    7. 社会证明
    8. 好处
    9. 特征
    10. 常问问题
    11. 页脚
  3. 准备好了吗?

着陆页的结构是什么?

所有登陆页面都是一种点击后页面,旨在促使访问者做出决定。

您解释了您的优惠的所有好处和特权,并邀请用户采取一些所需的行动。 由于这是漏斗的一个极其重要的阶段,因此不应有任何干扰,例如导航栏或指向其他页面的链接。

可靠的着陆页结构可以帮助您讲述整个故事。 没有它,潜在客户最终会反弹,因为您的页面看起来不可信或不具有说服力。 请记住,您希望访问者进行转化——确保给他们足够的理由来做到这一点。

你知道有什么心理技巧可以勾引用户吗? 查看我们关于提高着陆页转化率的技巧的文章。

以下是您需要考虑的主要着陆页元素:

  • 独特的报价;
  • 引人入胜的视觉内容;
  • 清晰简洁的正文;
  • 您的报价的好处;
  • 特征;
  • 社会证明;
  • 引导形式和明确的行动号召。

我们将解释这些元素的含义,但首先,让我们立即声明您的报价应该是整个着陆页的本质。 比喻地说,它不仅仅是香草糖衣——它是整个蛋糕。 您可以使用登录页面的多个组件来传达您的主张,我们将介绍如何进行。

一个简单而强大的登陆页面构建器

为 Instagram 创建登陆页面、在线商店或生物链接页面,并通过电子邮件、短信或聊天机器人消息将链接发送给您的订阅者——在单一平台上进行推广。

创建一个页面

登陆页面的关键元素

在这里,您会发现比我们之前列出的更多元素。 怎么来的? 好吧,并非所有这些都是强制性的,您拥有最后的发言权。 例如,如果您的产品简单且利润率低,您可能希望完全跳过常见问题解答。 我们建议无论如何都将所有这些块包含在您的着陆页结构中——只要让它们简单明了就行了。

标题

每个报价都可以归结为一句话——把你的报价作为标题。 你可以让它大胆、富有表现力或简短,只是不要用不必要的措辞淡化其背后的核心思想。 你可以做的是引入一个新的解决方案,找出每个人都面临的恼人问题,或者挖掘人们对快速修复的渴望。 添加一个小的支持副本以提供详细信息并支持您的声明。

这是一项使远程协作更易于访问的服务。 这是访问者登陆页面后学到的第一件事:

landing page structure headline
因此使用简单的标题和支持文本

你可以让你的标题更加情绪化并吸引用户的痛点,就像 Perspective API 所做的那样:

landing page headline example
Perspective API 鼓励用户通过标题使他们的数字空间更安全

从设计师的角度来看,重要的是让你的标题成为主要焦点之一。 使用优雅的字体配对,因为漂亮的排版有助于传达信息并营造氛围。 为标题和支持文本选择对比字体大小,例如 30 像素和 15 像素。

正文

最佳做法是说您的听众的语言。 使段落简短——每段两到三个句子。 随意使用编号列表和项目符号将您的副本分成易于消化的块。 主要规则是不要让您的潜在客户需要通过长篇阅读来获取他们需要的信息。

通过更多地谈论产品的积极影响而不是产品本身,让您的着陆页副本以利益为中心。 你的特制酱汁是什么? 你的产品将如何让人们的生活更轻松? 简而言之。 下面是一个例子:

landing page copy
Letter 是一个独家的银行平台,他们的登陆页面副本解释了它是如何工作的

注意你的排版选择。 你的字体应该很吸引人,但也应该清晰易读。 为不同的字体使用不同的行间距和字母间距。 避免在正文中使用 6px 字体大小和浅灰色文本——它们在你的模型中可能看起来很时尚,但它们会使你的文本更难阅读。

图像、动画或视频

使用让人们梦想的引人入胜的内容。 您可以通过使用相关的高质量图像和动画来传达某些情绪或创建隐喻。 永远不要使用图像来填补空白。

对于复杂的产品,您可以使用独特的抽象插图:

landing page images
Superhi 在他们的登陆页面上使用了一个明亮的抽象图形

正如我们之前提到的,如果您正在处理技术含量高的产品,添加隐喻插图也很有帮助:

landing page illustrations
Directus 使用彩色幻灯片和球坑的图片来可视化数据的分布

如果您销售实体产品或线下服务,请使用您真正满意的客户的产品照片和图片来传达感受:

landing page structure
Mack 和 Pouya 提供婚纱摄影,并使用他们的登陆页面图片来激发游客的灵感

有时您想立即吸引用户,而图像是不够的。 对于体验式服务和科技公司来说尤其如此。 他们经常使用视频来解释他们的报价或展示以前的工作:

landing page structure video
Metomic更喜欢借助视频直接与用户交谈

请记住,使用陈规定型的库存照片是不受欢迎的。 最好让您的视觉效果令人难忘,并且永远不要在真实性上妥协。

潜在客户形式

大多数情况下,您希望从潜在客户那里收集一些数据以开始对话并更好地了解您的受众。 这些有价值的信息可以像用户的电子邮件地址和职位一样简单。

您可以使用我们简单直观的表单构建器创建订阅表单!

保持您的潜在客户表单简约、直观,并为其添加一些支持副本:

lead form example
Faculty 是一个设计工作室,使用线索表格将访客转化为客户

一些营销人员坚持认为你应该把它放在首屏,在你的着陆页的顶部。 但这完全取决于您:拆分测试并找出最适合您的报价的方法。

CTA 按钮

这是您通常在任何好的着陆页的折叠上方和页脚中看到的内容。 这种想法是,你需要推销你的产品并提出购买报价,然后详细描述它的好处,并以更有说服力的行动号召结束。

一些用户需要时间来阅读所有功能并探索您的优惠的好处。

并且一些用户可能从他们登陆您的页面的那一刻起就准备好进行转换——您也需要给他们这个选项,所以页面上有两个甚至三个 CTA 按钮就可以了。

这是 CTA 按钮通常的样子:

landing page structure cta button
明天是一个银行系统,可以帮助用户在几分钟内获得他们的新卡

在设计 CTA 按钮时使用主动动词和对比色。 它应该包含五个或更少的单词,并被一些负空间包围,以集中用户的注意力。 不要忘记添加点击触发器,例如“无需信用卡”或“退款保证”。 而且,当然,给它一些支持副本。

渴望了解有关创建令人信服的 CTA 的更多信息? 我们有一篇关于如何优化网站和电子邮件号召性用语的博客文章。

倒计时器

老但黄金,这个技巧增加了你的报价的稀缺性,人们讨厌错过大优惠。 但是一个老式的倒数计时器看起来和感觉有点可疑,更不用说是欺诈了。 到目前为止,许多人已经知道营销人员使用常青计时器,从访问者进入他们的页面那一刻开始倒计时。 用户的信任度直线下降。

你可以智胜你的竞争对手,并使用更微妙的工具增加一些稀缺性。 例如,向您的访问者展示只剩下几个空闲位置,他们需要迅速采取行动:

limited time offer
预设计工作室在他们的 CTA 按钮旁边显示空闲插槽的数量以创造紧迫感

当然,当有真正有限的优惠时,您仍然可以使用典型的倒数计时器,例如,在黑色星期五。

了解如何制定有效的限时优惠以推动销售和提高利润。

社会证明

着陆页的结构很重要,但这不是推动销售的因素。 在做出任何承诺之前,人们想知道谁已经在使用您的产品以及他们的体验如何。 要获得信任,请使用社会证明,例如评论、推荐和视频。 理想情况下,社会证明应该支持您的营销主张并证明您兑现了承诺。

这将有助于您的潜在客户了解您的产品已经解决了哪些问题。 即使是简短的反馈也可以提供信息:

landing page social proof example
Tailwind CSS 展示了客户的真实评价

使用客户的真实照片和真实评价是多么重要,我们再怎么强调也不为过。 过度使用且易于识别的库存照片绝对是信任杀手。 询问您的客户是否可以使用他们的实际照片。

好处

你的产品产生了什么影响? 在此块中,描述您的解决方案带来的所有积极变化。 例如,Elementor 帮助设计师在工作流程中将混乱变为有序,其登陆页面描述了该工具的确切优势:

landing page structure
Elementor 向设计师展示他们如何更有效地工作

使用要点或简单的段落来列出好处——这会让它们更吸引人、更易读。 添加一些视觉效果,使页面的这一部分更加迷人。

特征

在所有着陆页元素中,这个是最以产品为导向的。 最后,您可以在此处详细介绍并描述产品本身。 强调使其真正独特或创新的功能。 列出您的产品或服务的所有特定品质:

landing page elements
Hypersay Events 解释了用户如何使用他们的所有功能

不要用 20 个功能和长描述的列表让用户不知所措——保持简单和信息丰富,不要忘记使用更主动的动词。

常问问题

这是一个重要的块,您可以在其中回答热门问题、消除反对意见并回应客户的恐惧。 首先,它会为您节省一些资源。 它还将建立信任,因为人们会看到您关心他们的积极体验。

例如,Squarespace 提供最常见问题的答案,并建议使用他们的个性化支持:

landing page elements
Squarespace 在其登录页面上使用常见问题解答

您的常见问题解答基于真实的反馈和客户支持数据,以便新手可以找到最相关的答案并克服他们的恐惧。

页脚

点击后登录页面上的页脚不应该是典型的充满链接的沉重页脚。 它不需要站点地图或任何相关链接,除了您的联系信息(我们稍后会介绍)。 你想要的是摆脱干扰并添加一个高转化率的 CTA 按钮:

landing page footer
Narrative BI 在整个登陆页面重复他们的 CTA

有时,特别是如果您的报价是优质或复杂的,您的访问者会想先与您公司的专家交谈。 页脚是添加要填写的联系表格的好地方。 您可以保留一些指向社交媒体页面的链接,因为它们也是网络平台。

准备好了吗?

如您所见,所有这些着陆页元素都有助于展开您的报价并引导用户浏览页面,直到他们最终转换为止。 低跳出率表明您已经掌握了着陆页的结构。 您接下来需要的是培养潜在客户并与客户保持联系的工具。 SendPulse 可以同时做更多事情——它非常适合发送自动电子邮件以及为 Facebook 和 Telegram 创建聊天机器人。 您还可以使用我们的服务向您的客户发送网络推送通知和短信!