我是如何学会停止担心并热爱着陆页的（以及他们的最佳实践）

您的着陆页是转换机器还是跳出率火箭？ 无论您提供的内容多么有价值，或者您的广告文案制作得多么精良，您和新潜在客户之间的着陆页都是如此。 这意味着，如果您的目标网页没有针对转化进行优化，它们基本上就是在浪费您公司的营销资金。 着陆页有很多移动部分，例如 CTA、表单、内容、图形、目标等。 那么，您如何平衡登陆页面的巨型机器和人们在网络上吹捧的所有“最佳实践”呢？

这就是我写这个博客的原因——这样您就可以停止担心并喜欢登陆页面（以及它们带来的线索）。 我将介绍登陆页面和一些可用性基础知识，这样您就可以比一般的 John Doe 了解更多，您可以挺起胸膛，走到设计师那里，告诉他们他们的登陆页面不合格。

以下是您需要了解的有关着陆页的所有信息：从内容到表单按钮、图形等等。

获取可下载的着陆页最佳实践指南！

目录

着陆页 101

什么是着陆页？

有哪些类型的着陆页？

着陆页工作流程

着陆页的剖析

着陆页“最佳实践”细分

着陆页内容最佳实践

着陆页表单最佳实践

着陆页按钮最佳实践

着陆页图形最佳实践

TL;DR 最佳实践总结

着陆页 101

什么是着陆页？

在 Google Analytics（分析）中，着陆页是访问者登陆的任何网页——通过键入 URL 或通过链接。 然而，在市场营销中，我们将此术语保留为具有特定功能的独立网页——无论是引导访问者访问特定页面，还是针对转换优化的页面。

有哪些类型的着陆页？

营销中有两种主要类型的着陆页：

• 点击登陆页面
• 潜在客户生成着陆页

点击登陆页面是经过优化的网页，可引导您进入常规销售渠道或购物车流程（对于电子商务网站）。

如果您想优化您的电子商务网站以进行转换，可以通过以下几种方法进行操作。

潜在客户生成登陆页面用于捕获网站访问者数据。 通常，这是为了交换有用的电子书、指南、清单或其他有价值的可下载内容。

在上面的示例中，着陆页设计针对不同的设备进行了更改，这很好但不是必需的。 如果您的着陆页设计页面元素较少且没有视频，您不妨选择响应式着陆页。

[tweet=“如果您的着陆页设计的页面元素很少，也没有视频，请使用响应式页面设计，而不是创建独特的设备页面设计”]

Vendasta 的所有内容库登陆页面都是响应式的，在移动和桌面浏览器上几乎没有区别。

使用 Vendasta Marketplace 中的 Website Builder 为客户从头开始构建您自己的网站！

着陆页工作流程

每种类型的着陆页都有自己的工作流程，用于说明用户如何从广告来源转到着陆页。

点击登陆页面的工作流程如下所示：

搜索引擎 → AdWords SERP 结果 → 着陆页

对于潜在客户生成着陆页，它看起来像这样：

博客文章 → 博客广告（文字或图片）→ 着陆页

着陆页的剖析

每个基本登陆页面都有相同的主要元素来转换潜在客户：

• 你的标志
• 标题和引导线
• 主要内容，可以包括功能和优点
• 清晰、突出的 CTA
• 合格的内容以建立可信度，例如：
  • 使用您的产品/服务的品牌/公司
  • 来自客户的公司、职位、作者形象和报价的推荐
• 带有版权信息、服务条款和任何其他相关页脚注释的页脚

着陆页“最佳实践”细分

这些 Web 原则对于最简单的企业 Web 应用程序和最复杂的企业 Web 应用程序同样有效。 本节将介绍内容结构、表单、按钮和图形的着陆页最佳实践。

着陆页内容最佳实践

产生潜在客户的着陆页上的内容不应以自然搜索位置为中心，因为这通常不是您产生流量的地方。 人们很可能会通过广告活动或链接（通过博客或电子邮件活动）登陆着陆页。

如果您产生潜在客户的着陆页在 SERP 上表现良好，那么很好，就这样吧，但内容的主要目的是引起页面访问者的注意并说服他们执行特定的预期操作。 所需的操作可能类似于：下载产品定价指南、相机规格表、社交媒体清单等内容，甚至是致电商店获取新优惠的 CTA。

好的内容写作是主观的，但在判断内容时存在结构分解，尤其是在着陆页或网络上。

内容分块

内容分块是一种将长内容分成易于阅读的较短段落的做法。 这不仅使内容在美学上令人愉悦，而且还提高了内容的理解力，因此增加了其可记忆性。

如果您确实需要在着陆页上包含大量信息，请将其分成几段，并将其与要点和视觉效果结合起来。 让您的信息容易被读者消化！

这篇博文的内容还包含副标题和视觉效果。

一目了然

不要指望人们阅读网络上的每个单词——他们真正做的是扫描页面以获取信息，并快速浏览关键字和选择的句子。 不要在这个问题上与我争论，我可以在研究人们如何真正消化网页上的内容后向您进行研究。

人们不阅读，这是点击诱饵文章获得更多分享的另一个原因（人们只是浏览并分享，如果他们甚至打开帖子）。

在屏幕/显示器上阅读内容与在纸上阅读内容不同（尽管像我这样的人自从 Kindle 和 iPad 面世以来一直吹嘘不购买实体书而感到内疚）。 互联网上有眼睛疲劳和一百多种其他东西试图引起我们的注意。 因此，将您的着陆页内容规划为易于浏览且对懒惰的读者友好。

问：如何使内容更易于浏览？
A.使用突出显示或粗体关键字、副标题、项目符号列表，并限制每个段落的想法！

[clickToTweet tweet="突出显示/粗体关键字、子标题、项目符号列表和每段一个想法使您的内容更容易理解！" quote="突出显示/粗体关键字、子标题、项目符号列表和每段一个想法使您的内容更容易理解！"]

倒金字塔写作风格

倒金字塔写作风格是一个在新闻界广泛使用的术语，用于说明信息应该如何在您的内容中传递和排列优先级。 在这种风格中，您在介绍中披露整个内容片段的基础知识，然后深入研究重要细节，然后是其他一般信息和背景信息。

打个简单的比方，就好比打911，先说目睹了抢劫，然后再慢慢说出事情的经过。

这不仅适用于着陆页，也适用于一般网络内容。 营销人员不喜欢听到这个，但人们没有时间阅读他们遇到的每篇博文。 因此，他们只需选择内容丰富、浏览速度更快、能够回答他们的问题并为他们提供谈话要点的内容。 这就是为什么倒金字塔风格能够如此顺利地从新闻界转移到熟悉且相似的内容写作世界的原因。

无论您认为自己的内容多么重要，它都可能与 Youtube、Netflix 和其他耗时的平台争夺用户的注意力。 因此，在一开始就给出摘要并没有什么坏处，这样他们就可以查看目标网页或博客文章是否是他们想要阅读的内容。

客户之声

客户之声策略或“角色驱动的内容”策略是指使用您的用户自己使用的确切词语和语言。 这使您的内容更符合您的观众正在寻找的内容，并且他们将更容易与您向他们展示的内容相关联。 这几乎是不费吹灰之力的事情，但它是内容编写中非常重要的一步，有助于建立信任，并最终说服用户与着陆页进行交互。

我喜欢阅读简洁的网络副本，它总结了句子，没有使用任何缓冲声明、绒毛、没有市场术语和感叹号。 感叹号就像你在我的 Facebook Feed 上的波多黎各旅行照片，我会像在乎一样微笑，但我不在乎。 我还有其他事情要担心，比如完成这篇博文。 另外，你的波多黎各照片很烂，买个更好的相机吧！

想象一下康纳·麦格雷戈 (Conor Mcgregor) 的刺拳文案：恰到好处并发送信息。

着陆页表单最佳实践

当您向目标受众提供免费信息时，表单是唯一（非 1984 年或非奥威尔式）获取用户数据的方式。 控制您的内容以获得潜在客户！

在构建着陆页时，着陆页表单通常会被忽视。 并非所有形式生而平等，这是一个非常陈词滥调的短语，但确实如此。 根据您为表单选择的布局，您可以影响阅读速度，以​​及它给网站访问者带来的认知负担。

提示：认知负荷越少越好！

着陆页表单的类型

着陆页表单剖析

每个着陆页表单都有几个关键要素：

• 表格标题
• 标签
• 占位符文本
• 输入字段
• 文本区域或消息框
• 转换按钮/CTA

与表单相关的最佳实践来自各种眼动追踪研究，研究人员在这些研究中使用高频/快速相机来跟踪网页浏览者的眼睛。 如果你读过这些研究，你会发现那些让你的眼睛走得更少的表格被阅读得更快。

永远不要对表格的设计过于花哨。 原因是我们的大脑比我们有意识地更快地识别形状和结构。 因此，让表单元素间隔合理并正确对齐，但不要添加任何不必要的设计元素，因为这会降低用户的速度。

着陆页按钮最佳实践

按钮可以成就或破坏用户的着陆页体验。 很多设计师/开发人员，甚至我自己，都会犯错按钮（使其太宽、太短等）。

几年前我为设计 iOS 应用程序所做的一些用户测试让我意识到按钮的视觉样式在登录页面、网页以及用户界面中的重要性。

在很多地方，当屏幕上的东西太多时，按钮看起来就像图形一样消失在页面中。 出于这个原因，按钮应该看起来像人们以前见过的按钮。

这类似于酒店的水槽水龙头，看起来超出了 HR Giger 的想象。 它们让您多思考一点，弄清楚它们是如何工作的。 人们不会离开那家酒店，但在网页上他们只会返回或关闭选项卡。 请不要重新发明按钮。

[clickToTweet tweet="不要重新设计目标网页上的按钮！按钮越像按钮，点击的人就越多。" quote="不要重新设计您的着陆页上的按钮！按钮越像按钮，点击的人就越多。"]

有按钮：会点击

我的用户界面座右铭是：“如果它看起来像一个按钮，它就会被点击。 ”所以请永远不要让那个页面上的任何其他东西看起来像一个按钮。 尝试只有一个按钮或主要的号召性用语。
在某些情况下，您甚至必须使用三个 CTA 按钮来执行同样重要和相关的操作。 当您这样做时，不要因为所有按钮上的热图或转化率数据都太热而感到高兴。 我是说如果有一个按钮，它就会被点击，不管它在页面上的什么位置。 也许如果有一个按钮和两个链接，您可能会看到按钮点击次数比其他两个点击次数加起来还要多。

F 型按钮放置

眼动追踪研究表明人们以 F 模式扫描网页，因此如果您想让页面更有效率，请将按钮放在这些地方。 这就是为什么我们在页面的右上角和左下角使用表单。 这是一种非常常见的模式，我们在 Amazon、GAP 或 Apple.com 上看到过。

亲自查看跟踪研究，以更好地了解如何编写内容和放置可转化的 CTA！

至于号召性用语的文案，应该毫不费力。 只要说出访问者按下按钮后会得到什么。 用户越少用他们的大脑来弄清楚 CTA 告诉他们做什么，就越好。

着陆页图形最佳实践

图片的重要性仅在于，如果人们记得他们访问过的网站有一张螺旋桨飞机或波音 777 的照片。图片越简单，传达信息的效果就越好。 更简单地说，我的意思是照片的主题应该与背景隔离开来并且清晰对焦。

图形的最佳实践展示比告知更好，因此请查看这些示例。

虽然这些图形并不都是特定于着陆页的，但它们与网络图像的作用高度相关。

限制竞争元素

图形/图像的清晰度非常重要。 如果图形或图像中有太多竞争元素，则不要使用它。 如果你看摄影或新闻摄影杂志，大多数获奖照片的主题要么在视觉上与照片中的元素隔离，要么被照片中的元素框住。

把事情简单化！

保持你的图形清晰和集中，并选择简单而不是复杂来帮助传达你的信息。

TL;DR 着陆页最佳实践总结

• 两种类型的着陆页——点击和潜在客户生成
• LP 剖析- 标题、表单框、FAB、信誉构建器（徽标或推荐）
• 着陆页的信息矩阵——您希望它的信息密度如何？
• 内容/复制
  • 内容分块——将长段落分成小段，每一段有一个核心思想。 它有助于记忆，并提高理解力
  • Glanceability – 将内容设计为略读而不是阅读。 使用突出显示或粗体关键字、子标题、项目符号列表、限制每个段落的想法。
  • 倒金字塔式的写作风格——从你想告诉人们的内容开始你的内容。
  • 客户之声——使用目标受众使用的语言。
• 形式
  • 表单结构很重要。 使您的眼睛更少移动的表单设计可以更快地阅读。 看我的例子。
  • 元素对齐——保持元素正确对齐并保持良好的间距，但要保持简单。
• 纽扣
  • F–Pattern – 想象一个 F 形覆盖在您的网页上，这是大多数人在浏览器上查看新页面时的动作。
  • 简单的话——传达结果，不要让用户思考
• 图形
  • 保持简单，使用元素最少的图像，并将主题与背景隔离开来。
  • 停止使用视差。 或者继续使用它们，只会让我们看起来更好。
• 奖励：对于着陆页优化，我建议进行 A/B 测试。 更改登陆页面标题，保持按钮简单且与控件相同。 除非按钮副本很奇怪或在页面上不清晰可见，否则它不太可能是那个按钮。