你知道吗?44%的B2B点击是指向主页，而不是专门的登录页面?
这是一个大问题，因为登陆页面相关性是质量评分(决定结果和成本的最大因素的关键因素。
向未优化的登录页面发送付费流量，就像在去健身房的路上狼吞虎咽一个巨无霸——你在破坏自己的努力，迫使自己付出两倍的努力(或花费两倍的钱)，只是为了看到微不足道的回报。
但是，如果你能解决这五个常见的登录页面错误(https://www.wordstream.com/blog/ws/2019/02/04/landing-page-design)，你就能停止这些问题，并开始看到你应得的结果。
登陆页面错误1：页面速度慢
标题?没错。CTA是有意义的。
为什么先买速度 ?
因为不管你信不信，速度对登陆页面性能的影响最大。
不相信我吗?有相关数据支持！
如果一个页面在5秒内无法加载，74%的人就会退出。
电子商务网站的情况更糟。仅仅3秒钟的延迟就可能导致你一半的流量反弹。这就是为什么一些顶级品牌在[不到一秒钟]就加载页面(http://www.marketingcharts.com/online/top-100-multichannel-retailers-mobile-sites-16-load-in-less-than-1-second-38068/)!
不幸的是，如果浏览者没有停留足够长的时间去看它，那么登陆页面提供的内容有多有价值也就无关紧要了。特别是移动平台(在互联网使用方面已经超过了台式机)(http://www.smartinsights.com/mobile-marketing/mobile-marketing-analytics/mobile-marketing-statistics/)，以及在一次转换活动中超过多个页面。
下面是一些快速登陆页面的小技巧。
测试页面速度
启动Pingdom或谷歌的PageSpeed Insights工具，快速了解你的页面在桌面和手机上加载的速度(或速度)。您还会得到一些特定修复的建议，比如哪些图像需要优化。
整理并优化代码
最好的登陆页面应该整洁有序。我们将在下一节中进一步讨论。但现在，请记住，同样的道理也适用于“引擎盖下的东西”——网页的源代码。
干净的代码，没有多余的垃圾，是实现快速加载时间的最快的方法。
这意味着不要过度使用Javascript或Ajax，删除不需要的部分和标签等。如果你必须使用Javascript，使用Varvy的Javascript使用工具以确保你先加载其他内容(per谷歌’s recommendations)。
尽可能减少重定向
使用301重定向是seo友好的方式。除非它们过度使用，导致你的服务器陷入瘫痪。
下载并打开尖叫青蛙，转储在你的URL，它会突出显示你的重定向指向重定向指向重定向(这通常发生在网站发展经过一些重新设计)。
调整和压缩图像大小
你在页面上使用的视觉效果(包括图像和视频)也会极大地影响加载时间。
如果可能的话，总是在外部托管较大的文件(特别是视频)(当然，你的首要任务是转换而不是搜索引擎优化)。有了Wistia这样的选项，为什么还要使用其他方法呢?
否则，总是在上传之前调整图片的大小(这样你就不会在每次页面加载时强制将3000+ px的图像压缩到600px)，如果可能的话，使用像compressor.io(明白吗?)
升级你的主机
没有什么比共享主机跨多个站点分割资源更快地消耗负载时间了。对便宜的托管说不就行了。
如果你使用WordPress提供登陆页面(https://www.wordstream.com/blog/ws/2018/05/07/real-estate-landing-pages),升级到管理托管(Kinsta) (http://kinsta.com/), (WP引擎)(http://wpengine.com/),或(页)(http://pagely.com/),让他们照顾的重担。
想要了解更多关于Page Speed的内容，请查看Kinsta关于这个话题的深度指南。或者把它转发给你的技术人员，让他们处理剩下的事情。
登陆页面错误2：凌乱的设计
想听一些令人沮丧的消息吗?
(48%的登录页面)(http://marketingsherpa.com/)包含多个报价。
更糟糕的是只有16%的登陆页面没有导航栏。
这有什么不好的?因为当登陆页面被重点关注并删除导航时，公司可以看到一个100%的改善。
浏览任何列表的顶部资源良好的落地页的例子,像这个或这个和一件事很快脱颖而出:它们都是干净、组织良好、整齐。他们专注于“一个”行动，确保人们“确切地”知道在每一页上要做什么。
可用性方面最好的书之一是《不要让我思考》(http://www.amazon.com/Dont-Make-Think-Revisited-Usability/dp/0321965515/ref=dp_ob_title_bk)*。有了这样一个标题，你可能已经猜到它是关于什么的了。基本上它说，让网站更容易使用(和更有趣)的最好方法是让事情简单和明显，访问者不需要思考。
就像HubSpot的例子:
主要标题是大而醒目的。那个巨大的橙色按钮不容错过。没有导航来转移用户的注意力。而且拷贝是有组织的，所以它流动有逻辑，很容易被扫描(即使有很多)。
或者看看MailChimp的主页：
无可否认，他们有导航系统。毕竟这是一个主页。但页面的其余部分是禅宗的化身。漂亮的图像集中在页面的中心，把你的注意力吸引到页面的目标所在。只有一个简单的句子。一个醒目的红色按钮，让您知道下一步要做什么。
最好的登录页面也会遵循某种“模板”。你有主要标题，英雄形象，好处，和CTA。这个Unbounce one是教科书级别的例子。
这就是像“疯狂yegg”这样的行为跟踪工具的用处所在，它可以帮助你发现人们在一个页面上消费了什么。
从历史上看，短而简洁的页面具有“品牌意识”的流量是理想的。而冷流量(可能来自付费来源)需要一个更长的、更深入的解释。但你永远不会知道，除非你亲自测试。Scrollmap视图(上面的)可以告诉你是否有人在掉线，以及如何相应地调整页面。
一个简单、干净、不受干扰的登录页面是一种解毒剂，可以帮助访问者避免分析或搜索，使他们在短短几毫秒内掌握页面的内容(以及下一步该做什么)。
登陆页面错误3：冗长的标题
好的标题巧妙地用几个简单的、没有术语的词概括了一个复杂的价值主张。当人们看到它在动态消息中滚动或在电子邮件收件箱中弹出时，他们的“第一印象”就是它们。
想要为你的登陆页面设计让人难忘的标题?你要做的就是拿一份标题技巧。
其次，停下来欣赏一下这一页上的特殊标题。
第三，从头到尾通读一遍，找出最有效的标题的区别(提示:它与最初的动机有关)。
第四，开始留意你周围的模板(这是什么，一篇新世纪冥想的文章?!)
像BuzzFeed。
是的，我刚才也翻白眼了。几年前，当我为一个MBA学位砸下重金的时候，我并不知道这些话会从我嘴里说出来。他们的内容可能是垃圾，但标题是黄金。窥视这个:
用“罕见”这样的通用词很容易，但BuzzFeed却熟练地使用了“专一性”(https://blog.kissmetrics.com/how-to-write-headlines/)*是他们的优势，他们指出了确切的数字(从而提高可信度，并在阴谋上加倍努力)。
或者这个怎么样:
在这种情况下，他们承诺用简单的方法解决一个困难的问题。“小抄”指的是人们可以遵循的“窍门”或简化的、按部就班的蓝图，从而为那些工作繁忙的人提供简单的生活方式。
现在请注意一个类似的模板是如何在HubSpot登录页面上弹出的。
标题公式大致是这样的:
[使困难的事情变得容易]的[工具]
最好的标题可以做到以下两件事之一:
- 传递快乐
- 带走痛苦
第一个引用了前面例子中提到的简单或禅宗的目标。人们都很忙——工作过度、压力过大、承诺过多。给他们一个简单，没有痛苦的解决方案(理想情况下对他们有效)是激发他们兴趣的有效方法。
第二种则更深入地研究了“负面信息”，相对于更多的正面信息，它可能导致63%的点击率上升。
负面标题包括那些帮助人们保护自己免受外部威胁的标题。像臭虫一样恶心，而且似乎无处不在!
负面信息还可以帮助他们自己指出如何纠正已经犯下的内部错误。比如本文小编就一直在说这件事。
想要更多的标题例子，请查看CrazyEgg的伟大列表，它涵盖了几十年来使用的一些经典文案，比如:
- (团体或名人)能教会你什么(行业)
- 终极指南[空白]
- X可能影响你的鲜为人知的因素[空白]
登陆页面错误4：无关紧要的视觉效果
库存照片最糟糕！不仅是因为它们的价格高得离谱，而且因为它们“不起作用”。
在真实照片中使用人物(而不是原始照片)可以增加35%的转换率。
为了达到最佳效果，每页的视觉效果应该如下:
- 展示你的产品或服务使用(或上下文)
- 给人们一个他们将要得到的例子
- 显示变换前后
- 强调“之后”的最终结果，这样人们就可以把自己“投射”进去
顶级运动品牌在这方面做得非常好，比如lululemon:
他们在“使用的背景下”展示产品，这样给人感知会很赞。高质量的原创照片也有助于创造一种情绪，并设置一种与标题和副标题中使用的词完美匹配的基调。总之，这是一个强有力的声明，能立即引起共鸣。
如果你回想一下，耐克一直是一个开拓者，像这样展示他们的产品“使用中”，他们所有的广告都结合了产品使用、幽默和讲故事的组合。
这是最理想的。的崇高目标。但即使是在小范围内，有效图像应该有助于人们了解他们将得到什么。尤其是当它是无形的。
这个来自AdEspresso的电子书登录页面使用了一个简单的插图，向人们展示他们在右边的表单中输入信息后将会收到什么。这很重要，因为它提供了“实质内容”，通过提高可信度来增加“感知价值”。
您应该模拟的下一个示例位于RightSignature主页上。
当然，上面的图像很好地描述了电子签名是如何工作的。但要真正欣赏这种视觉效果，你需要用自己的两只眼睛去看。
你得到的是一个小的可视化演示，一个实时的演练，向观众“确切地”展示服务是如何工作的。这是消除模棱两可的完美方式，减轻了在开始试验时浪费时间的恐惧。
登陆页面错误5：CTA
一切都归结于此。
那页码像闪电一样快，不到一秒钟。它整洁而漂亮，令人瞠目结舌。标题简洁地表达了你的产品是多么独特。视觉效果立即描绘了人们如何从中受益。
现在，是时候采取行动了来获取他们的细节。
唯一的问题是，你应该把东西放在哪里?
你的CTA定位是一个小但关键的细节，帮助它从页面上的其他一切。
上面的RightSignature示例完美地强调了这一点，与最近的Basecamp类似。
RightSignature和Basecamp都在右边侧边栏的上方找到了主页面CTA。RightSignature使用不同颜色的背景来帮助区分。而Basecamp也使用了不同的颜色阴影，除了一个有用的小箭头，把你的视线从标题到CTA。
这种定位的另一个关键是通过自由使用whitespace来帮助将注意力集中在真正重要的页面元素上。
例如，这个来自HighRise的登陆页面使用了空格围绕着基于复制的元素，为页面上的主要动作提供了一个很好的“缓冲”——点击“尝试HighRise”按钮!
CTA的用词选择也很重要。Highrise的例子比“Sign Up”这样老套的替代方案更有意义。
正如我们目前所看到的，“相关性”和“特异性”会带来更好的结果。
你可以通过调整你的标题和CTA的措辞来提升“相关性”，copyhacker发现这导致了123.9%的点击提升。
CrazyEgg通过使用主要的好处或用例作为CTA拷贝来做到这一点，在添加URL时再次确认你将得到什么。他们把它做得很大，CTA占据了将近一半的页面。
Sidekick(下)包含了到目前为止所讨论的所有元素。它们还将按钮中使用的面向行动的语言与标题所传递的承诺相匹配。
在这个Sidekick例子中使用的另一个微妙技巧是*点击触发器*下面的按钮。这是一条显示有多少其他用户是满意的用户的细线，它还添加了一个最后的“社会证明”，以减少人们初次使用的不信任感。
总结
如果人们不停留足够长的时间去查看，世界上最好的服务也不会改变。加载缓慢的页面是转化率的克星，每延迟一秒就会让大批访问者离开。
混杂信息的杂乱设计会让访问者感到困惑，并分散他们对页面的主要目标的注意力。
通用的标题并不能抓住或传达为什么，人们应该首先关注你的报价。
不相干的图片无法激励或激励人们迈出关键的第一步，与惰性作斗争。而令人沮丧的行动呼吁，会让访客在真相大白的时刻产生怀疑或不安全感。
优化你的PPC预算是一个很好的开始。但修复这些常见的登陆页面错误却是另一回事，它会严重影响你的活动表现以及你在这一过程中投入或浪费多少精力与财力，所以搭建登陆页面要确保你不会犯这些常见的错误噢~
