in ,

首页上方必须放置的完整内容清单

大多数人的注意力比金鱼还短。

对于您的网站来说,这可能会对您造成伤害。

根据hubspot的说法,“55%的访问者在您的网站上停留时间不到15秒。”

您最好尽快抓住他们的注意力。

但是,您该如何做到这一点呢?

通过将最重要的信息放在折叠线上。

这是最经过验证的网络设计最佳实践之一。

这也是一个引发了很多争议的实践。

我们听到有人说您需要坚守原始公式,保持关键信息在折叠线以上。

我们也听到其他人说这并不重要,因为大多数人都愿意滚动浏览。

考虑到使用移动设备的人数,这一说法近来更合理。

每个人都有自己的观点,这没关系。

但在本文中,我们将分享我们对首页折叠线上应该放置的内容的看法。

我们将涵盖关键元素和绝对必需品,并将它们压缩成一个全面的列表,以便您准确知道应该包括什么。

“折叠线以上”到底是什么意思?

在深入讨论之前,让我们给您一个正式的“折叠线以上”定义,确保我们理解一致。

根据tech target的说法,

“折叠线以上”是指当页面首次加载时在浏览器窗口中可见的网页部分。

换句话说,这是访问者无需滚动即可首先看到的内容。

虽然我们通常在引用“折叠线以上”时是指网站,但这个术语起源于传统的纸质出版物。

它只是报纸的头版上半部分,上面印着头条新闻。

就像这样(图片来源reliablesoft):

为什么“折叠线以上”如此重要?

很简单。

  • 这是人们首先看到的。
  • 这是吸引最多注意力的地方。
  • 这是访问者花费大部分时间的地方。

jakob nielsen在2011年的一个眼动追踪研究中发现,访问者将57%的时间花在“折叠线以上”,另外74%的时间延伸到两页的屏幕视图。

很容易明白为什么人们对决定在“折叠线以上”包含什么内容如此大惊小怪。

虽然关于“折叠线以上”放置内容的重要性总会有一些争议,但不可否认它的重要性。

而我们认为,有几个重要元素需要包含在其中。

独特的销售主张(usp)

这是tech target关于usp的定义的截图:

在“折叠线以上”绝对需要包含这一内容。

您的usp是访问者在着陆您的网站后获取定位的方式。

这是您立即向他们展示您提供什么以及他们如何通过进一步探索您的网站而获益的方式。

这是quick sprout的usp:

访问者立即知道发生了什么。

无论您属于哪个行业,或者您专注于哪个细分市场,清晰而精心设计的usp都是“折叠线以上”内容的重要组成部分。

一些“解释性”文案

因此,您的usp为访问者提供了初步的定位。

但它通常不会解释所有细节。

这就是为什么你必须包含一些说明性的文字,告诉第一次使用者你的产品是做什么的。

下面是ahrefs首页的一个很好的例子:

简洁明了,但访问者可以快速了解使用ahrefs可以实现什么。

在这种情况下,他们可以学习到是什么帮助竞争对手排名靠前,以及他们可以采取哪些步骤来超越他们。

注意它没有用冗长的文字段落唠唠叨叨。

它直截了当地阐述了独特卖点,并解释了产品的功能。

因此,这应该提高访问者的兴趣水平,并鼓励他们继续探索网站。

您的品牌标识

这个非常重要。

在一个行业饱和的世界中,公司通常必须努力爬上行业顶峰,品牌认知至关重要。

这就是为什么您希望在各个方面建立一致的品牌,并利用每一个机会加强您的品牌形象。

看看任何一家大公司的首页,我们可以保证它们都在折叠区域上方包含了品牌标识。

以下只是几个例子。

这是hubspot的首页:

这是dropbox的首页:

这是您让访问者知道您是谁的方式,并在您长期的品牌建设中起到一定的作用。

简单的导航

假设一位访问者第一次进入您的首页。

在看完您的独特卖点和说明性文字后,他们对您的产品有了一个很好的理解。

在看到您的品牌标识后,他们会将它与您联系起来。

此时,您已经引起了他们的兴趣,他们想了解更多。

您有责任为他们提供以流畅、系统化的方式探索您网站的框架。

当然,这是通过简单、直观的导航来完成的。

让我们提供一些做得很好的品牌的例子。

首先,有conversionxl:

接下来是buffer:

最后是pat flynn的smart passive income:

请注意,这三个例子中都有简单、易于发现的导航。

访问者可以很快地找到他们想要的内容,不需要太多的努力。

这对于鼓励访问者深入浏览您的网站并进行转化非常重要。

联系信息

这个元素比您想象的更重要。

根据komarketing的一份网站可用性报告,51%的人认为“详细的联系信息”是许多公司网站缺失的最重要的元素。

除此之外,

64%的人希望在供应商网站的首页上看到联系信息。

如果您经营一个在线销售的电子商务商店,这一点尤为重要。

人们希望确保您是一个合法的企业,而不是一个会拿走他们的钱就消失的骗子。

完整的联系信息可以让访问者在他们第一次访问您的首页后放心。

您的呼叫到行动(有时)

我们在括号中加上了有时这个词可能让您抬起了眉毛。

为什么您不在折叠区域加入一个呼叫到行动呢?

这是首页设计的绝对基础,对吧?

但关于呼叫到行动,这就是问题所在。

几项研究已经确定了放置在折叠区域之上或之下的cta的影响。

其中一项更有趣的研究是由vwo进行的。

他们的主要信息是在主页上将cta按钮/功能放在折叠区域之上,然后再放在折叠区域之下是否有益。

他们的研究结果可能会让你感到惊讶:

令人惊讶的是,折叠区域下方的cta增加了304%的转化率 – 这是令人瞩目的。

这告诉我们,最大化转化并不仅仅是将您的cta放在折叠区域之上。

任何人都可以做到这一点。

更多的是关于将所有其他元素和优秀的文案写好。

如果您引起了访问者的兴趣,很多人会继续浏览您的主页,最终看到您的cta。

我们建议只要合理并与您的其他内容相协调,将您的cta放在折叠区域之上。

这往往是大多数成功品牌的做法。

但是,您绝不想强迫这样做。

您的主要任务是激励访问者并撰写引人入胜的文案。

此外,请确保不要在折叠区域之上混杂页面,例如注册表单、产品链接等等,这可能会使访问者感到不知所措。

相反,保持简洁,专注于一个单一的cta。

就像这样:

结论

在主页的折叠区域上应包含的内容公式非常简单。

以下是重点回顾:

  • 一份精心撰写的usp
  • 一些简要的说明文案
  • 您的品牌标志
  • 简单直观的导航
  • 联系信息 – 如果您经营电子商务店铺,则尤其重要

cta是可选的,通常不会像您想象的那样对转化率产生很大影响。

但是,如果您能够无缝、不打扰地将其融入其中,请务必在折叠区域之上包含您的cta。

虽然您可能还可以包含其他元素,但这些是必需品。

将它们整合在一起,您应该能够吸引到您的读者的相当一部分,并且甚至让他们通过您的销售漏斗。

设计着陆页面时,重要的是要考虑布局并利用最佳工具。

在主页的折叠区域上包含哪个元素最重要?

Written by