在你的网站访问者感到厌烦并离开之前，你有多少时间?
有很多消息来源说它来自任何地方15秒到七个或更少。
撇开数据不谈，它们都指向同一个结论:你需要出色的登录页面来吸引访问者的注意力，吸引他们的注意力(同时吸引他们的钱包)。
登陆页面与普通网页不太一样。他们更有针对性，更有行动导向。他们是来给你买的转换．
因此，他们需要高度关注你想要实现的目标。
在这篇文章中，我们将看看是什么造就了一个好的登陆页面。然后，我们将放大7个登陆页面的例子，这样你就可以为自己的活动收集一些见解。
让我们这样做。
文章内容
如何制作一个好的登陆页面?
在我们讨论什么是一个好的登陆页面之前，让我们快速概述一下什么是登陆页面以及它与网站上其他页面的区别。
登陆页面是一个独立的页面，它被设计用来完成一个特定的目标——像注册你的电子邮件列表，注册你的VIP项目，或购买物品。
通常情况下，品牌通过一个特定的活动，如谷歌或Facebook的广告或者一个电子邮件营销的报价。
那么，怎样才能有一个好的登陆页面呢?以下是基本的:
- 具有单一焦点的定向消息传递:驱动访问者进行特定的转换操作
- 简短(有力)的标题和副本，说明提供了什么，为什么它的价值，以及为什么访问者应该相信你
- 极简的布局，设计和链接，使访问者不会分心，点击离开页面而不转换
- 清晰,引人注目的文字-动作(CTA)按钮引导用户进行转换，如填写表格或进行购买
请记住，这些是登陆页面的一般最佳实践。你不需要一直遵循它们。
让我们来看看说明这些原则的一些最好的登录页面示例——以及一些违反规则的例子。
7个最佳登陆页面示例
1.一页的爱
这个登陆页面来自一页的爱有一个聪明的策略，可以让他们的电子书《登陆页热门提示》大卖。
在顶部的横幅上，你可以看到该书预售的通知。
它给游客一个的紧迫感以及FOMO，他们会说30美元的预售优惠已经结束了，但在这个月剩下的时间里，他们仍然可以获得20美元的优惠。
神奇的是，接下来会发生什么:对于那些感兴趣但还没有完全售出的人，他们可以注册，在100天的时间里每天通过电子邮件收到一条提示。
这就提供了适当的承诺，并让访问者有机会“在购买前尝试”。如果他们喜欢第一批邮件，他们就会买这本书，而不是等三个多月才能得到所有的建议。
天才。
在注册表单下，他们包含了一些来自客户的推荐，这是作为社会证明小费真的很好。下面是一封电子邮件的样例。
“一页爱”在创造吸引力和紧迫感方面做得很好，促使访问者购买这本书或试用它的内容。
2.Shopify
Shopify的免费试用登陆页的任务是让你注册。
根据登陆页面的最佳实践，整个页面只有一个CTA按钮:“开始免费试用”。它会在英雄中出现一次，然后在最底部再次出现。
双CTA是一种有效的策略。页面的最上方为准备访问的访问者提供了简洁明了的页面。
但对于那些需要更多说服的人来说，他们可以浏览Shopify的卖点。一旦他们浏览到页面底部，他们就会被提醒到这个页面的唯一目的，并有机会在不需要返回页面的情况下注册。
这说明了所有优秀的登陆页面的一个关键元素:它很容易让访问者转换。每一次额外的滚动或点击，你就增加了一次失去转化率的机会。
在你的登陆页面上考虑这个策略，你会惊讶地发现有多少人点击底部按钮!
3.Fitbit
通常，最好的登陆页面示例遵循的基本规则是只有一个CTA按钮或链接。
但有些规则是可以被打破的。
Fitbit的“新”登陆页面就是一个很好的例子。伞形CTA是为了了解更多的新事物，有机会通过点击了解每个访问者感兴趣的具体新事物。
它以他们的一些产品的一个大而漂亮的英雄形象开始。在这下面，有一个可点击的菜单，显示页面的四个主要部分。
当你沿着页面往下看时，每个部分都使用了吸引眼球的视觉技巧，比如:
- 各部分之间颜色和图像的粗体、清晰的分离
- 焦点物体周围的负空间或空白空间，将访客的目光吸引到照片的主角上
- 生活方式摄影，展示了人们使用Fitbit产品的实际情况
每张图片都配有一个简短的标题和一句话的描述，这样可以避免页面变得过于杂乱或分散注意力。
尽管有几个cta, Fitbit还是通过简化的体验引导游客，教他们所有的新知识。
4.Mixpanel年
Mixpanel年有一个有趣的和创造性的登陆页面的例子，用户下载他们的免费电子书。
这铅一代技术可以帮助你收集感兴趣的人的电子邮件地址，你可以通过电子邮件营销活动和你的其他策略培养他们销售漏斗．
该页面使用负空格来吸引人们对英雄图像的注意。这本电子书是这个节目的明星。Mixpanel创建了一个实体图书图形，尽管它是一本电子书——这一技术使提供的内容更有形，更容易可视化。
电子书的封面是白色的，在抽象的图像中加入了流行的颜色，这吸引了注意力，同时仍然保持了它的优雅。
下面是高乐氏(Clorox)和美国银行(US Bank)等过去客户的社会证明。
然后是你将在书中获得的信息的摘要。
页面上有三个CTA按钮:前两个固定在页面底部，这意味着当您单击它们时，屏幕会自动向下滚动到底部。在这里，你可以填写你的信息，然后访问这本书。
这个页面遵循一些最好的转换登陆页面的实践:
- 简洁的设计，恰到好处的吸引眼球
- 几个机会，让访客的主要行动，你想让他们执行
- 适当数量的信息使访问者相信这个服务是合法的，值得信赖的，并且包含有价值的内容
5.绞车
绞车说到简单，Winery拥有最好的电子商务登陆页面之一。
这个页面以一个吸引人的优惠开始:第一次订货打五折。你甚至不需要做任何事情，它是自动应用的。
为简化用户体验．
简单的三个字标题“打开盒子，打开软木塞，享受”配上一个副标题“我们将葡萄酒的世界带到您的家门口”。这两者结合在一起，为你在Winc购物时所获得的轻松和简单描绘了一幅图景。
在英雄的背后，有三个简单的卖点价值主张他们会了解你的口味，为你设计专门的酒盒。
Winc用福布斯的有力背书结束了这一页:“证据就在瓶子里。”
页面上有两个相同的CTA按钮，这两个按钮都可以引导你进入他们销售流程的第一步:一个有六个问题的测试，让你感受一下自己的味觉。
最酷的是，他们解释了每个问题的意思。例如，第一个问题问的是你喝咖啡的方式，这表明你喜欢红酒中味道苦涩的单宁酸。
6.家庭厨师
送餐公司家庭厨师马上就会出现用户障碍:页面顶部的一条横幅提供了购买前四盒盒饭60美元的优惠。
这个页面使用大量的品牌来引导你到销售。该标志是在英雄的正中间，以及自豪的公告，他们在客户满意度排名第一的竞争对手。
(不幸的是，这是一个空洞的声明，因为他们没有提供任何研究或信息来支持它。我建议你避免在自己的登陆页面上发表毫无根据的声明。)
但《家庭大厨》在下一节以真诚的透明度跟进。标题是“为什么我们认为你应该试试家庭厨师。”
它继续列出了灵活性、多样性和价值三个方面价值主张．对于任何正在探索外卖服务的人来说，这几乎是做出选择的三个决定性因素。
Home Chef以一对年轻夫妇的简短视频结束了这个电子商务登录页面的例子，并以同样的“Pick Your Meals”CTA作为主角。
7.疯狂的蛋
疯狂的蛋是我见过的最好的转换登陆页面之一。这是有道理的——这项服务旨在帮助客户提高他们的网站性能和转化率。
当你登陆主页时，英雄下面没有任何内容。你只有几个选择。一种是输入你的网站URL，这样它就会向你显示一个热图，它会显示你的访问者正在点击你的网页的哪个部分(因此是最感兴趣的)。
在主要CTA下面是次要CTA:“还没准备好开始吗?了解更多。”
点击它可以展开登陆页面的其余部分，提供有关Crazy Egg的功能以及如何使您受益的有用信息。
疯狂的蛋不是谈论公司和吹嘘它的能力，而是专注于“它对你有什么好处”(WIIFY)。这有助于访问者建立联系，并可视化产品如何符合他们的需求和目标。
在英雄下面，有几个部分都有相同的CTA:“从分析你的网站开始。”这将引导您回到顶部部分，以获取您的热图。
这个登陆页面有一个明确的目标和几个机会来引导访问者进行转换。
它简洁、有效，在展示产品的同时又不会失去对潜在客户的关注。
做笔记!
更多的提示，令人敬畏的登陆页
当你创建你的登陆页面时，请记住这些额外的提示:
- 确保它们是移动友好的。这适用于你网站的每一个页面。在2019年,占所有网络流量的53%来自移动设备。别把那些v星人排除在外。
- 如果你的登陆页面使用表单，尽量减少他们需要填写的字段数量。有一家公司把11个领域缩减到4个转化率增加120%．
- 每个人都喜欢视频，所以如果可以的话，在你的登陆页面上放一个视频。如果你能自己做而不是用别人的就更好了。一项研究表明，加入视频可以通过以下方式提高你的转化率高达86%．
杀手锏登陆页，抓住注意力，获得转化率
正如你所看到的，没有单一的正确方法来制作登陆页面。最好的登录页面示例都遵循最佳实践的一般列表，但您有很多机会发挥创造性。
游戏的名称是真正了解你的客户。当你知道对他们来说什么才是真正重要的，以及如何用他们的语言与他们沟通时，你就能一次又一次地赢得他们的芳心。
只要记住:所有优秀的登陆页面都有清晰直接的信息传达，并伴随着流畅流畅的用户体验。
一旦你掌握了这一点，你就已经赢得了战斗的一半。
