最佳登陆页面：50 个示例

在本文中，我将讨论从一般最佳实践到独特功能的优秀着陆页的要素

你会学到什么：

• 着陆页最佳做法：
  • 7秒测试
  • 高分辨率图像
  • 号召性用语
  • 利用折叠下方的空间
• 本地登陆页面
  • GMB 至关重要
  • 顾客评论
  • 本地 CTA
  • 位置图
• 电子商务登陆页面
  • 产品规格
  • 高分辨率产品图片
  • 回答提问
  • 相关博客和文章
  • 相关产品促销
  • 用户评论
  • 推广忠诚度计划
• 使用博客文章转换流量
  • 包括侧边栏
  • 促进铅磁铁
  • 相关文章链接
  • 突出资源

着陆页最佳实践：什么才是好的着陆页？

着陆页可以采用多种不同的形式，用于宣传从消费品到 B2B 电子书、本地商店和订阅服务的所有内容。

然而，虽然着陆页有很多变化，但有一些最佳实践可以保持一致。

例如，一个好的登陆页面总是从一个引人注目的标题、一些支持性的副本和一个强化“询问”的设计开始。 号召性用语 (CTA) 应始终脱颖而出。

着陆页基础知识

它必须通过 7 秒测试

七秒测试是评估登录页面功能的快速过程。 这个想法很简单； 当访问者到达着陆页时，他们应该能够在 7 秒或更短的时间内回答以下问题：

• 这是什么网站呢？
• 我应该做些什么？
• 核心价值主张是什么？
• 这是我可以信赖的品牌吗？
• 我为什么要在乎？

从本质上讲，你需要能够解释你是谁，你解决了什么问题，以及你与竞争对手的不同之处。

请记住，这里少即是多。 人们为了解您提供的产品而需要做的思考越少越好。

1.购物

Shopify 的登陆页面一直都很好，这个也不例外。 标题立即告诉访问者他们的全部内容，通过承认他们庞大的客户群来建立信任，并用高分辨率图像支持它，展示他们的移动响应网站主题。

用户可以轻松掌握预期内容，他们只需输入电子邮件即可开始使用。

另外，如果您有任何犹豫，细则会声明他们提供 14 天的试用期，并且在您确定要承诺之前不会要求您提供信用卡。

2. 对讲机

Intercom 的登录页面也能在几秒钟内切入正题——它们提供旨在提供积极客户体验的聊天机器人。

标题不是很清楚，但与超直接子标题和右侧的示例交互配对 - 毫无疑问该产品应该做什么以及它如何使网站所有者受益。

而且，正如我们在 Shopify 中看到的那样，Intercom 还使开始试用变得非常容易。

3. 指南

来源

在这个例子中，Guideline 使用空格和简单的好处来宣传它的 401k 程序。 表格很短，不会让用户提供不必要的信息，而且所有的副本都超级清晰。

高分辨率图像

无论您销售什么产品，所有着陆页都依赖于高质量的视觉效果，让消费者采取下一步行动。

图片不仅可以帮助您在 7 秒的时间范围内传达您的观点，还可以帮助用户与您的品牌建立联系。

4. 黑色礼服

在这里，BLK TUX 通过几乎完全专注于图像来销售他们的服务来推广他们的礼服租赁服务。 这些活动针对的是现代消费者，他们通常会将晚礼服租赁与舞会联系起来。 这些在传达访客情绪方面做得很好——只要他们瞄准了正确的受众，就可以推动他们想要的行动。

5. ZenDesk

Zendesk 的图像只占着陆页的一小部分，留出更多的白色（或蓝色）空间供观众评估副本并决定是否要采取行动。

留白与蓝白配色相结合，有一种镇定的效果——这表明这种解决方案将为观众的痛点提供一个简单的答案。

6. 波美洛

另一个使用图像优先方法的例子，Pomerleau 使用照片中的线条将观看者的眼睛引导到 CTA。

CTA

理想情况下，您的 CTA 应该充当访问者成为客户或潜在客户的点。

CTA 应始终放在折叠上方，并提出明确的下一步。

无论是关注社交渠道、选择订阅时事通讯还是进行购买，您都需要确保您的 CTA 准确地告诉您的读者该做什么。

这里有一些例子：

7. 松弛

Slack 的 CTA 大胆而醒目，因为那小小的流行色将视线从右侧的图形中拉回来。 “询问”很简单，您可以“免费试用”以换取分享您的电子邮件。

8. 帆布

Canva 为用户提供了使用 Google 或 Facebook 登录的选项，从而消除了注册过程中的摩擦。 这使它们能够更快地启动和运行，删除额外的步骤（以及需要创建新密码的步骤）。

9. 转换实验室

转换实验室让事情变得简单，蓝色背景、白色边框和最少的副本——这使得橙色按钮非常流行。 标题立即获得好处——登陆页面的转化率更高——并将“获得登陆页面帮助”按钮贴在价值道具的正下方。

10. 得到回应

然后是 GetResponse。 诚然，这不是我最喜欢的设计，但它们在这里做得非常好。

绿色按钮在黑色和灰色背景下非常醒目，而箭头将注意力重新集中在采取行动上，如果眼球滚落到一边。

此外，该品牌在消除与注册相关的风险方面做得很好——30 天免费试用，无需信用卡。 他们相信用户会看到价值并决定长期坚持下去。

为您的报价提供理由

在幕后，您正在转换一些齿轮并与可能处于决策过程早期阶段的人交谈。 虽然这个群体可能与那些在抵达时采取行动的人有着相同的目标和痛点，但他们可能需要更多信息。

虽然与页面顶部相比，您在设计和复制方面具有更大的灵活性，但您可以将一些基本元素添加到任何页面，以便在访问者滚动以了解更多信息时与他们建立信任。

推荐、评论、功能、行业奖项、媒体提及和常见问题解答都可以在这里提供帮助。 让我们看几个不同品牌的例子：

11. 大师班

虽然 Masterclass 在此页面上做了很多工作，但页面上的元素可以很好地协同工作。 该页面以明确定义的价值主张和视频引导，有助于建立用户期望的感觉。

当您向下移动页面时，您可以查看示例课程计划、阅读评论和推荐，以及查看相关课程。

12. 代码学院

CodeAcademy 的这个登陆页面让事情变得非常简单。 虽然他们已经立即切入了核心价值支柱，但潜在客户在注册之前可能需要更多详细信息。

在这里，该品牌使用视频推荐来强调该解决方案的价值。

13. 弹跳

Unbounce 的这个例子通过突出显示一长串媒体提及来建立可信度。 如果您曾出现在任何知名出版物中，添加这些图标可为您的受众提供一个快速的视觉提示，即您的品牌是合法的。

14. 网络利润

WebProfits 以稍微不同的方式建立信誉。 他们将副本保持在最低限度，专注于核心利益，推动增长。 想更多地了解他们如何获得结果？ 下一节将用几个简短的段落解释他们的过程，让访问者更好地了解他们已经找到了问题的解决方案。

15. Munchery

Munchery 的登录页面使用品牌 TrustPilot 帐户中的客户评分来建立信任，从而为他们的服务提供支持。

社交证明的附加元素，再加上页面引人注目的图片、简单的注册和 20 美元的折扣，为读者提供了很多理由来尝试这个品牌。

本地登陆页面

本地登陆页面与传统登陆页面有很多共同之处。 您仍然需要考虑七秒测试，包括社会证明，并确保您的标题、文案和图片对您的目标受众有吸引力。

也就是说，有一些设计本地页面的独特之处，我将在这里快速介绍。

本地架构和优化的 Google 我的商家页面至关重要

在执行任何其他操作之前，您需要确保您的“Google 我的商家”资料完整且包含准确的商家信息。

设置 GMB 页面后，您需要将本地架构应用于页面，以便为搜索引擎提供有关此位置的更多信息，例如姓名、地址、营业时间、服务等。

结合 Yelp、TripAdvisor、Facebook 等网站上的第三方列表，本地搜索者可以在不离开 SERP 的情况下找到他们需要的一切。

顾客评论

对于本地企业来说，评论就是一切。 不相信我？ 考虑一下您在没有评论的餐厅用餐的可能性有多大？ 如果没有更多地了解其他患者的经历，就去拜访一位新牙医会怎样？

评论和星级评分可以包含在您的着陆页上，并使用结构化数据进行标记。 这里的好处是，只要有人输入相关的本地查询，这些评级就会显示在 SERP 中。

16. Carisma 餐厅

来源

在此示例中，Carisma Restaurant 将来自多个平台的评论聚合到一个登录页面中。 外卖 - 无论平台如何，人们都非常喜欢这个地方。 意思是，可以肯定的是，食物很好吃。

本地 CTA

本地登陆页面 CTA 通常使用比其他类型登陆页面更通用的语言——想想“获取路线”或“电话”。

在这里，首要任务是让移动用户尽可能轻松地联系或访问您的企业。

17. 耶鲁电器

Yale 设备允许用户通过一系列简单的指令来安排参观展厅——选择约会类型、时间、地点，仅此而已。

18. 布莱顿种植诊所

Brighton Implant Clinic 使用本地广告来增加流量，以向新患者宣传特别优惠。 虽然该优惠适用于所有地点，但访客可以通过选中该框来指明他们想要预约的地点。

位置图

本地排名由三个关键因素决定 - 显着性、邻近性和相关性，这意味着 Google 地图、您的 Google 我的商家资料和本地架构共同帮助您的受众找到您的商家，并获得他们可以信任的一些保证你。

19. 宗教学

来源

Pielogy 将流量从其本地 SERP 列表引导到带有嵌入式地图的特定位置页面。 这告诉用户他们在正确的地方，然后可以通过下订单采取行动。

20. Hy's Steakhouse

Hy's Steakhouse 遵循类似的原则，只是这次 CTA 会引导访客进行预订或查看菜单。

电子商务登陆页面的最佳实践

产品页面需要与本地或以潜在客户为中心的登录页面略有不同的方法。 您需要包含更多细节——考虑规格、尺寸和社会证明，同时更加强调视觉效果。

以下是一些需要重点关注的关键领域：

包括每个产品的规格

21. 离开

Away 提供详细的产品规格，以及单击“我应该得到哪个”的选项，以比较不同尺寸和样式。

22. 重磅炸弹

Bombfell 提供订阅服务，允许顾客试穿衣服并退回他们没有保留的东西。

虽然这种模式已被多个品牌（最著名的是 StitchFix）所接受，但它并不像以“传统”方式购买产品那么简单。

这个登陆页面的好处在于，它以某人打开盒子的图像开头，宣布您将“只为您保留的东西付费”，然后开始对服务的运作方式进行简单的细分。

在折叠上方，图像和副线很好地配合，立即激发了游客的兴趣。

也就是说，我希望看到一个更具描述性的标题来真正推动这个价值支柱回家。

23. 伟人

运动鞋品牌 Greats 使用他们的登陆页面来帮助客户了解在购买豪华运动鞋时要寻找什么。

该页面以一些一般性优势开头，然后突出显示展示所用材料质量的特定功能。

24. 巅峰设计

虽然可以分解产品描述以获得更好的视觉体验，但 Peak Design 包括多个产品照片、视频链接、比较图表，甚至在页面顶部的媒体提及。

高分辨率产品照片和视频

虽然高分辨率照片是任何登陆页面的重要组成部分，但它们是您销售服装、家居装饰或其他消费品时的主要焦点。

您需要包含多张图片，让用户可以清楚地了解该产品的外观。 这将有助于确保客户满意度（您已达到预期）并降低退货的可能性。

25. 俏皮话

26.尼康

尼康带领观众参观产品，以比典型规格表更具吸引力的方式展示主要功能和优势。

当您销售具有多项技术功能的复杂产品时，这尤其有用。 营销人员可以专注于向观众展示，而不是告诉他们产品可以做什么。

27. 全鸟

Allbirds 使用视频来展示运动中的产品，让用户更好地了解鞋子的外观。

28. 寓言

Fabletics 以稍微不同的方式使用视频——展示不同的产品来推广其紧身裤订阅服务。

29. 土著联盟

来源

Native Union 提供了一种更“DIY”的方法，但值得注意的是，这是一种向消费者展示产品如何特别适合他们现有习惯的有效方式。

在页面上回答问题

30. 每日收获

Daily Harvest 的登录页面解决了消费者可能对其产品提出的问题。 该页面包含几个可扩展的部分，涵盖成分、营养信息和说明。

相关博客和文章

31. 柯达

柯达的产品页面通过链接到与产品相关的几个视频演练提供了更多信息。 这不仅让用户更好地了解这款相机的功能，还鼓励访问者观看该品牌提供的其他视频。

推广相关产品

您在这里要做的另一件事是推广相关产品，以鼓励访问者浏览您的网站并进行购买。

几个例子：

32.REI

33. 布鲁克林

34. Made.com

35. 阿索斯

用户评论

用户评论对于任何登陆页面都是必不可少的，但是，

36. Consulting.com

Consulting.com 超越了典型的书面评论，并以过去客户的视频推荐为特色，以展示其服务的价值。 这样做的好处是，访问者可以听到真实客户用他们自己的话解释主要好处，这会立即在新人之间建立信任感。

37. 两叶

38. 埃塞尔烘焙公司

39. 光泽度

Glossier 的产品页面通过并排显示最受欢迎的正面和负面评论来建立信任，并允许用户应用年龄、皮肤类型和肤色等过滤器，以了解有关该品牌产品可能如何为他们服务的更多信息。

推广您的忠诚度计划

产生潜在客户的一个好方法是为用户提供一些福利以换取访问者的电子邮件地址。

40. Urban Outfitters

如何使用博客文章转换更多流量

博客文章与我浏览过的其他类别略有不同。 核心重点是提供信息，而不是推动转化。

也就是说，未能包括让客户朝着下一步前进的机会就是错失的机会。

您需要以一种鼓励用户进一步浏览您的网站、注册新闻通讯或下载资源的方式来组织您的帖子。 这里有一些想法

博客应包含侧边栏

在您的博客中添加侧边栏可以确保所有访问者都能收到有关您品牌的一些信息。 在 Ignite Visibility 博客上，我喜欢将侧边栏视为品牌的“电梯宣传”。

这样，即使访客离开，他们也会留下我们是谁以及我们做什么的印象。

41. 文案博主

来源

Copyblogger 遵循与 Ignite 博客类似的结构，使用侧边栏突出显示热门帖子并鼓励选择加入电子邮件。

42. 疯蛋

来源

Crazy Egg 使用侧边栏作为推动时事通讯注册的机会。

推广铅磁铁

从您的博客中生成潜在客户的最佳方法之一是推广一种需要读者输入电子邮件才能访问的资源。

一般来说，你的磁铁应该与博客文章中的内容相关。 例如，如果您的博客文章是关于设计登录页面的，您可以使用 100 个免费登录页面模板来宣传下载。

请记住，下载需要对您的读者有价值，与他们在购买者旅程中的位置相关，并提供某种类型的“速赢”。

43. 甲骨文

Oracle 的登录页面是一个可靠的下载示例，您可能会在此过程中向买家提供下载。

此下载提供了更深入的了解，消除了营销自动化的常见神话——如果他们正在积极研究解决方案，人们可​​能想知道这一点。

这种类型的内容在早期效果不佳，因为新手可能会试图弄清楚营销自动化到底是什么。

44. 诺托

另一个有力的例子来自 Nauto。 此页面设计精良，在 CTA 上方带有“书”的图像。

他们很好地解释了读者将学到的内容，并且通过将表单字段保持在最低限度，使下载此资源变得容易。

此外，社交分享按钮允许用户一键与他们的网络分享此资源，进一步增加页面的潜在客户。

45. 漂移

Drift 通过在每个页面上嵌入聊天机器人，采用完全不同的方法来生成潜在客户。 当访问者阅读网站内容时，Driftbot 始终可以引导用户实现正确的目标。

内置聊天机器人从用户那里收集信息，这些信息以后可用于未来的营销活动，同时消除了依赖表单带来的一些摩擦。

链接到相关文章和热门类别

在每篇博文的底部包含相关文章可以鼓励读者在您的网站上花费更多时间，同时也鼓励用户点击内部链接，这可以提高您网站的可用性。

另一个技巧是链接到顶级类别，因为它有助于改善内部链接，并使读者更容易找到相关内容。

46. 活动监视器

来源

47. Hubspot

来源

Hubspot 的想法相同，尽管他们使用了不同的设计。 这个例子的好处是，标题是粗体和清晰的，每篇文章都带有描述，告诉用户点击后他们会找到什么。

48. 库诺创意

Kuno Creative 遵循与 Hubspot 类似的方法，但是，它们使访问者可以轻松地按类别对内容进行排序。

突出其他有价值的资源

除了突出显示相关文章之外，我还喜欢在 Ignite 网站上做的另一件事是推荐其他有价值的资源，例如您的视频库、播客或专注于特定主题的内容集。

这是将流量吸引到网站其他部分的另一个机会，同时帮助您将自己确立为受众的首选来源。

49.石蕊

Litmus 在这里做了一些有趣的事情。 他们的登陆页面旨在通过证明他们会向您的收件箱提供有价值的信息以及指向以前的时事通讯的链接来吸引时事通讯订阅者。

50. 社交媒体审查员

来源

您可能在此处使用的另一种方法是将博客读者定向到资源库。 此示例使用图形元素来确保每个指南都能脱颖而出，让用户可以找到他们最感兴趣的资源。