此文是长春品牌策划公司关于设计公司如果推广和营销企业的分享，长春品牌策划公司旨在想让更多的设计公司提高设计业务能力！

注：配图为UCI设计公司作品

长春品牌策划公司转发原文直译：

花很多时间在网络广告上，你会开始到处看到"登陆页"这个术语。但是什么是登陆页面呢？是什么让它不同于其他任何页面？为什么登录页面如此重要？

老实说，虽然在线营销人员喜欢用这个术语，但我们在定义它方面做得很差。然而，在本文中，我们将解决这个问题。我们将了解什么是登录页面，什么是有效的登录页面，以及一些您可以用来创建自己的登录页面的登录页面工具。

公平的警告，这篇文章是对登陆页面相当全面的介绍，所以它不是最快速的阅读。但是，当你学习完这些内容时，你应该对登陆页面以及如何使用它们来改善你的在线营销有了很好的理解。

什么是登录页面？

简单地说，登陆页面是你点击链接后"登陆"的第一个页面。从这个意义上说，登陆页面可以是任何东西：你的主页、博客文章、产品页面、线索捕捉页面……你明白了。

然而，尽管这个定义很简单，当我们谈论在线营销中的"登录页面"时，我们通常指的是专门设计来接收和转换在线营销活动流量的页面。使用这种替代定义，一个主页不能被称为"登陆页"——它不是为了从一个特定的营销活动中转换流量而设计的。

老实说，我把这些定义的混乱归咎于登陆页面专家。大多数最好的登录页面内容来自拥有或受雇于登录页面创建和托管公司的登录页面专家。

现在，不要误会我的意思，这些家伙真的知道他们的东西，但他们赚钱时，人们使用他们公司的登录页工具来创建登录页，所以这是他们的最大利益来编写这样的内容：

与牛津的定义相比：

你能明白为什么这么多人对什么是登陆页面感到困惑吗？定义会根据说话的人而改变！（还有他们卖的东西！).

老实说，如果我们为这个新的、替代的登录页面定义创造一个新的术语可能是最好的，但是在没有新术语的情况下，你只能坚持这个经验法则：

如果一个在线营销者谈论的是"登陆页面",他们可能谈论的是专为特定营销活动设计的页面。

记住这条规则，当我在本文的其余部分谈论登录页面时，我将指的是专门设计来从营销活动中获取流量以做某事的页面（在营销中，我们将这些行为称为转化)。

以下是一些您可能希望人们在您的登录页面上做的事情的示例：

购买

通过提交表格成为销售线索

打电话给你

通过聊天联系您

订阅时事通讯或电子邮件列表

注册参加活动

所有这些转化行为都实现了同一个基本目标：它们促使人们成为付费客户。最终，这是任何登陆页面的目标——不管你使用什么定义。

登录页面元素

既然我们已经弄清楚了什么是登陆页面，以及如何在本文中使用这个术语，让我们来谈谈登陆页面设计的5个基本要素。作为参考，这里有一个方便的信息图，向您展示了每个元素如何适合一个页面：

要在您的网站上嵌入此信息图，请使用以下链接：

破坏性广告。' img src=' https://WP。颠覆性广告。com/WP-content/uploads/2014/11/5-登陆页面设计要点。jpg ' alt='登陆页面设计的5个要素width=' 792 px ' border=' 0 '//a

正如你可能想象的那样，并不是每一个登录页面都符合这种模式，但是这张信息图为我们讨论什么是有效的登录页面提供了一个很好的框架。

1)高于折叠的内容

"折叠以上"是网络营销者从报纸行业偷来的一个术语，指的是用户看到的第一个内容。对于一份报纸来说，"折叠上方"是一个字面上的术语，但在线营销人员用它来描述登陆页面顶部600像素左右的内容。

因为这是你的用户在你的页面上看到的第一件事，你的封面内容——就像一个好的头版故事——是吸引潜在客户的关键，所以你要让你的封面内容尽可能引人注目。让我们来看看一些常见的文件夹上的内容：

1A)主标题

一个好的标题（和英雄照片)就像是你潜在客户的灯塔。它告诉他们，"是的，你在正确的地方，这是你可以期待的……"但是，你的标题需要不仅仅是对你的页面的概述——它需要以某种方式激起读者的兴趣。

根据你的业务，你卖什么，你希望人们在你的页面上做什么，你可能会想使用不同类型的标题。

例如，如果你运行一个飞行员认证程序，你想让人们报名参加你的课程，你可以使用这样的标题"今天就学习飞行!"另一方面，如果你想让人们注册你的邮件列表，"了解更多飞行学校"可能是一个更好的选择。

写好标题的关键是了解你的读者是谁，为什么他们会出现在你的登陆页面上，他们希望你能为他们解决什么问题。一旦你知道了这三件事，想出标题来试试就相当容易了。

1B)支持标题

如果在标题中描述你的受众是谁，为什么和什么有点困难，你可以用一个支持性的标题来扩展。把你的支持标题看作是你补充重要细节的机会。

你的标题应该始终是最重要和最有说服力的论据，让你采取任何你希望别人采取的行动，但有时一点额外的细节可能是人们真正转变的推动力。

例如，这是破坏的的一个登录页面：

我们的大多数潜在客户觉得他们在(法)离开(our prendre conge)广告上浪费钱（可悲的是，这几乎总是真的)。他们通常是企业主或营销人员，通过在谷歌上搜索"点击付费代理"之类的东西来访问这个页面，然后点击我们的广告。

记住这一点，这个登陆页面的标题立即向访问者确认了三件事：

每个人都在(法)离开(our prendre conge)上浪费钱——这意味着你关注自己的活动是正确的

我们是专家，非常了解PPC，可以提供帮助——因为我们计算过数据，知道浪费了多少广告费用

他们在点击了一个点击付费广告代理的广告后，来到了他们期望的地方

总之，这个标题说明了我们的观众是谁，为什么和什么，但这是一种令人沮丧的信息。因此，为了不让人们觉得他们的竞选注定失败，我们使用了一个支持性的标题："你值得更好的。"或者，换句话说，有了颠覆性，你就不必浪费那么多的(法)离开(our prendre conge)广告支出。

正如你所看到的，主要信息在标题中，但是支持标题增加了重要的细节，使主要标题更引人注目。并不是每个登陆页面都需要一个支持性的标题，但是如果使用得当，一个好的支持性标题可以让你的登陆页面更加引人注目。

1C)英雄射击

当然，你的主标题和辅标题只能说几句。仅仅用一两句话就能让某人产生情绪反应是很难的。这可能需要数百到数千个单词。

幸运的是，对此，我们有图片。

在很多方面，你的英雄照片和标题一样重要。你的英雄照片是你的登陆页面的美学组成部分，告诉人们，"是的，你在正确的地方，你可以信任这家公司",而他们甚至没有意识到这一点。

为了突出这一点，让我们回到我们的飞行学校的例子。你认为以下哪一页对一个有抱负的飞行员更有吸引力？

这个吗？

还是这个？

很有可能，第二页会带来更多的转化。但是为什么呢？两页的标题完全一样！

答案当然是英雄投篮。即使第一页的标题是"今天学习飞行",任何人点击飞行员认证广告，并最终出现在一个带水肺潜水员的页面上，都会立即认为出事了。他们想要飞行，而不是游泳，那么他们怎么会出现在一个关于水肺潜水的页面上呢？

虽然这个例子有点极端，但它强调了重要的一点：你的英雄照片可以成就或打破你的标题（要了解更多关于选择正确的英雄照片的信息，请查看这篇文章)。

1D)福利摘要

这一部分并不总是在折叠上方结束，但当它结束时，它是重要的。本质上，收益总结是一个钩子，它把人们从你上面的内容拉到你页面的其余部分。

本质上，你的收益总结应该说，"嘿，如果你做了我鼓励你做的事情，这就是你将得到的。看到它有多棒了吗？您应该转换或向下滚动以了解更多信息!"

也就是说，优势总结就是你的电梯间推介。如果你决定使用一个，你会希望它保持简短，简单和中肯。你可以在文件夹下面找到更多的细节。

2)行动号召(CTA)

虽然大多数公司都把行动号召(CTA)放在首页的上方，但是因为你的三醋酸纤维素是你要求你的访问者在你的登陆页面上做的事情，所以它应该在本文中有自己的一节。

但是，在您创建三醋酸纤维素之前，您需要决定您希望人们在您的登录页面上做什么。这一点很重要，因为否则您可能最终没有三醋酸纤维素或者有多个不同的（甚至是冲突的)CTA .

这两种情况都不好。

例如，点击Spotify的(法)离开(our prendre conge)广告会将你带到这个登陆页面：

这里有太多的选择。

经过一番挠头之后，看起来这个页面的目标是让人们注册Spotify的免费月付费服务。然而，该页面也给你提供了免费收听他们的非付费节目的选项。

这个页面恰好也是他们的主页，所以在页眉中有"下载"、"注册"和"登录"的选项（这忽略了页脚中所有可点击的元素！).所有这些选项使你很难确切地知道你应该在这个页面上做什么。事实上，如果你向下滚动，你可能甚至不确定你在注册什么。

相比之下，以下是尼尔帕特尔的CTA:

三醋酸纤维素是简单的，并且在整个页面上都是一致的。如果你正在寻求发展你的业务，他的页面会很快表明你已经找到了可以帮助你的人，然后鼓励你采取下一步行动来实现它。

此外，CTA是显而易见和直接的。互联网上的大多数人都在寻找快捷的信息，所以你让他们更容易找到和吸收你的CTA，他们就更有可能转化。

例如，"获取您的免费报价!","马上联系我们!"或者"今天就开始"都是三醋酸纤维素的好例子。

拥有与三醋酸纤维素相关的特定优惠或好处也有助于提高转化率。具体的优惠让你的受众觉得他们的信息得到了回报，并激励他们现在就行动。所以，不要说"今天联系我们",试着说"今天联系我们打九折"。

最后，让你的三醋酸纤维素成为一种从页面中脱颖而出的颜色，并放在显著的位置，这将使它更容易被找到并采取行动。很简单，对吧？

3)向他们展示好处

如果有人开始滚动你的登录页面，这意味着你正在做正确的事情。无论是你的广告、标题、英雄照还是其他，阅读你整个登陆页面的人基本上都在告诉你，"我感兴趣。说服我为什么要皈依。"

唯一的问题是，大多数企业不知道如何谈论自己，或者以对潜在客户重要的方式销售什么。为什么？所有企业都在自我中心主义中挣扎。毕竟，你花了一整天，每天都在思考和改进你的产品或服务。想要谈论所有让你的企业独一无二的特别之处是很自然的！

唯一的问题是，你登陆页面上的人不在乎。

大多数人也在自我中心中挣扎。他们不在乎你在这个漂亮的功能上投入了多少时间。他们甚至可能根本不关心这个特性。大多数网站的访问者都会问自己一个简单的问题：

这会让我的生活更轻松吗？

根据你卖的东西和你的营销对象，你可以用不同的方式回答这个问题。例如，如果无病菌软件对你的潜在客户来说是一件大事，你可能想要关注你的软件有多好。你可能想包括一个关于你的支持团队的部分，你有多少用户，你如何处理错误…你明白了。

重要的是把注意力放在你的无缺陷软件如何让他们的生活变得更容易——而不是你的业务、产品或服务有多棒。

4)-社会证明

不幸的是，大多数人本能地不信任营销材料。一般来说，大多数营销人员讲述的故事都尽可能地展示了他们的产品。毕竟，营销人员通过告诉人们他们的产品很棒来赚钱。也许你的提议和你说的一样好，但是很难相信一个拿了钱的人会说他们的提议有多棒。

另一方面……一个真正的顾客？他们会如实相告。

因此，推荐是将社交证明添加到您的登录页面的最简单方式。不幸的是，因为它们很容易放在一起（甚至是伪造的),推荐信没有太大的分量。所以，如果你想让你的证明可信，你需要可靠的，可证实的来源。

考虑到这一点，以下是一些收集可信证明的方法。

引用权威消息来源。如果其他商业领袖（尤其是你所在行业知名企业的领袖)愿意说你很棒，那一定意味着你有非常酷的东西。

更多细节=更可信。如果你的证明包括足够多的细节（姓名、地点、职位等),可以很容易地找到你的信息来源并核实你的引用，那么你的证明会更可信。

包括图片。同样，照片进一步证明了你的证明的真实性。毕竟，如果你的推荐人对你使用他们的照片感到舒服，你的读者也会对给你他们的业务感到舒服。

视频见证。视频证明将这一原则发挥到了极致。视频推荐书更难伪造，而且带有音调变化和肢体语言的额外好处。如果你的视频证明显示出对产品的真正热情，你可以打赌你的观众会对你的提议感兴趣。

嵌入内容。如果你在推特上有狂热的评论，把它们拉进你的网站。第三方网站上的评论无法做到尽善尽美，所以感觉更原始更真实。

包括各种证明。每个人都知道，你的客户中只有一小部分愿意代表你出去。所以，如果你有几份简历，一定会有很多人喜欢你的公司（滑动条是展示多份简历的好方法，不会在你的页面上占据太多空间)。

据瑞沃公司称，顾客评论增加了18%的销售额。但是，你不能把任何旧的证明放在你的网站上。相反，你想突出那种让你的潜在顾客认为"你知道吗？如果不转换，那我就太傻了"(要了解更多关于如何有效使用社交证明的信息，请查看这篇文章)。

5)结案陈词/strong化陈述

一个好的登录页面应该自然地引导用户得出这样的结论：转换符合他们的最大利益。然而，要做到这一点，你需要确切地知道你想让他们做什么，以及为什么他们可能不想做。然后，在你的整个登陆页面，你解决他们的问题，并向他们推销他们转换后所获得的价值。

特别是，如果有人坚持到了你登录页面的末尾，你还有最后一次机会来说服他们转变（顺便说一下，这是另一个三醋酸纤维素的好去处)。在你的结束语/加强性陈述中，你应该总结你在登陆页面的其余部分所涵盖的一切，然后加入你认为可能达成交易的任何其他卖点。

老实说，大多数人不会读你的结束语/strong化陈述，但对于那些从头到尾阅读你的页面的人来说，一个好的结论可能是他们点击后退按钮还是转变的区别。

创建您自己的登录页面

现在所有这些登陆页面理论都很好，但是阅读关于登陆页面设计和实际设计一个有效的登陆页面是两回事。如果您想为营销活动创建登录页面，您有两个基本选项：1)直接在您的网站上创建页面，或者2)使用登录页面工具创建登录页面。

在你自己的网站上建立登陆页面

第一种选择相当简单。像你网站上的任何其他页面一样，你可以在自己的网站上创建和托管登陆页面。唯一的区别是，您创建的是特定于活动的页面，而不是常规的网站页面。

然而，许多企业不喜欢在他们的网站上添加数十或数百个额外的营销页面——尤其是如果他们不打算永远进行某个特定的营销活动。此外，在大多数网站上创建登录页面可能是一件非常头疼的事情，所以除非你有扎实的设计和编码技能，否则在你自己的网站上创建登录页面可能会让人不知所措。

使用登录页面工具

这就是我前面提到的登录页面工具发挥作用的地方。登录页面工具允许您使用第三方服务构建甚至托管您的登录页面。是的，你必须为大多数登录页面工具付费，但是它们提供了简单的设计界面和测试选项，这使它们成为一个很好的选择。

以下是大玩家的分解方式：

打开

拆封是首批登录页面构建和测试服务之一，它允许营销人员创建登录页面，而无需信息技术部门参与。多年来，它已经成为最强大的登录页面开发和优化选项之一。

对于大多数真正想充分利用其登录页面的企业来说，取消绑定是一个很好的选择。我承认这里有一点个人偏见，但这确实是一个很棒的平台。

打开具有丰富的特性，高度可定制，并为页面设计和测试提供了一个易于使用的界面（稍后我们会谈到)。即使你刚刚开始学习使用他们的界面，取消绑定也配备了各种内置模板（你可以从主题森林购买更多),这使得组装一个合适的页面并开始测试变得很容易。

打开还具有强大的移动优化设计平台，这在当今以移动为中心的世界中越来越重要。此外，它与大多数

customer relationship management (CRM) platforms like Salesforce?(and you really should be using a CRM)?as well as Google Analytics, Zoho, Campaign Monitor and 60+ other 3rd party apps, allowing you to track your landing page results and leads in a variety of ways.

Essentially, Unbounce is a great fit for intermediate-to-advanced online marketers or novice marketers who care enough about their results to put a little time into learning a new system. At Disruptive, we’ve used Unbounce for years to drive great results for our clients and it’s become one of our favorite landing page platforms.

However, if you’re just looking for a plug-and-play, get-credit-and-forget-it landing page platform, Unbounce is probably going to be overkill.?That being said, if that’s what you’re looking for, you probably don’t need a landing page platform?anyways.

Instapage

If you don’t have the time to learn a robust system like Unbounce,?Instapage?is an excellent option. The name is no misnomer,?their templates are incredibly easy to use.

Of course, going with a template means you won’t have the flexibility to really get the most out of your landing pages, but it also simplifies the design process substantially. Plus, Instapage does offer some A/B testing options, so you still have the ability to figure out which template and content works best for your audience.

Generally speaking, the more competitive your industry, the more effective and customized your landing page needs to be. You have to set yourself apart from the competition and a template usually won’t cut it. If you know you need a focused, conversion-optimized page to make your online marketing profitable, Instapage probably isn’t your best option.

Webflow

If you’re really looking to get the most out of your A/B testing,?you might consider looking into Webflow. Unlike the other landing page platforms listed here, Webflow is primarily designed for building websites rather than creating landing pages.

Although Webflow isn’t a classic landing page design tool, it’s included in this list because it’s easy enough to use and implement that you can readily design?pages on your site for use as landing pages.

Because the pages are part of your overall site architecture, you can use robust site testing tools like Optimizely?or?VWO?to really improve your page/site?performance.?Unfortunately, while most landing page tools have built-in A/B testing features, they typically lack the options and level of detail available from more dedicated site testing tools.

So, if you want to?take your conversion rate optimization efforts beyond simple A/B testing, Webflow is probably worth considering.

LeadPages

While I give LeadPages a hard time for their definition of “landing page”, LeadPages is a really good landing page tool. It’s probably most similar to Unbounce in terms of options and customizability.

The only real downside is the fact that you have to start from a template and are limited by the original options of the template, which can be frustrating if you want?elements from multiple templates simultaneously.

That being said, one of the more interesting?features of LeadPages is the way they let you sort templates by conversion rate.?Don’t get your expectations too high, though, conversion rates rarely translate directly from site to site or product to product. Still, it is nice to have an idea of which pages are performing best for other companies.

Overall, LeadPages is a lot like Unbounce. You can customize and test to your hearts content and the platform is fairly simple to learn and use. Can’t go wrong with that!

All of these landing page tools are good options for creating landing pages. It all depends on what your business needs are and how much you want or need from your tool (for more information about landing page tools and how to make the most of them, check out this article)

Testing Your Landing Pages

Unfortunately, even if you use the right landing page tool and follow every landing page best practice, there’s no guarantee that your landing pages will work the way you want. People are hard to predict and—even if you think you have a great feel for your target audience—it can be hard to predict what sort of landing page design will deliver the results you need.

To really get the most out of your landing pages, you’ll need to test different designs.

Fortunately, it’s not hard to create a successful landing page testing strategy—one that teaches you something with every test. It takes some planning and documentation, but a solid testing strategy will save you a lot of time and dramatically?increase your profitability in the long run.

Once you’ve created a decent landing page, it’s time to come up with a hypothesis about how your target audience might interact with your page. Go back to the who, what and why that you used to create your headline. Does your page fit all of your target audience’s needs? Are there alternative ways that you could address the same needs?

Once you have a few hypotheses, build your testing strategy around those ideas.

For example, there might be a few different?ways to write or present your CTA. Your first attempt might be the perfect version of your CTA, but there’s probably a better way to present your CTA that you can identify with a few tests.

To see?if changing?CTA improves your conversion rate, you can put together a spreadsheet like this:

See how each test sets up the next test? You learn something from each iteration and then use that to guide your next test. Plus, everything is thoroughly documented, so if anyone ever wonders why you made a certain choice, you’ve always got a handy reference!

You can use this approach to test a wide range of landing page hypotheses. If you do it right, each test will provide more information about your audience and help you achieve the dramatic sorts of results you’re looking for.

Conclusion

While the term “landing page” can apply to any page on your site, in marketing, a “landing page” usually refers to a specific page created for a specific marketing campaign. These types of landing pages can do wonderful things for your online advertising by creating targeted experiences for your traffic.

In this article, we’ve gone over the nuts and bolts of landing pages. We’ve covered what they are and how to create and test them. Of course, this is just the tip of the iceberg. Try building a page or two and then come check out some of our other landing page content for more in depth content (click here to check out additional content).

By the way, if you’d like help putting together some landing pages, let me know here or in the comments. I’d love to help!

Do you use landing pages? What has your experience been like? Any other tips you’d add to this article? Leave your thoughts in the comments!

Aden Andrus

Author

Over his career, Aden has developed and marketed millions of dollars of successful products. He lays awake at nights figuring out new marketing tactics and is constantly upping Disruptive's internal marketing game. He loves to write, dance and destroy computer monitors in full medieval armor.

注：配图为UCI设计公司作品

长春品牌策划公司

通过长春品牌策划公司的精彩分享，设计师更轻松快捷地掌握长春品牌策划公司分享的营销与设计知识，帮助北京vi设计公司更好地服务好客户 。