in

如何设计一个能转化的主页

第一印象很重要。

当有人访问你的网站时,他们首先会看到你的首页。你的首页如何设置可以决定你的转化率的成败。

我们知道要提高你的seo排名并为你的网站带来更多流量需要多少时间和精力。

如果你的网站流量增加了,但转化率没有增加,那么现在是你分析你的首页的时候了。无论你经营什么类型的企业,属于什么行业,关注你的首页的设计都是值得的。

从哪里开始呢?

你的网站有很多东西可以提供。决定你想让访问者首先看到什么可能会让你感到不知所措。很容易就想要包括尽可能多的信息。

我们帮助过很多企业改进他们的网站。我们将分享一些你需要关注的顶级首页要素。

如果你遵循这些技巧,你的首页将成为一个转化机器。这是你如何做到的。

保持简单

设计简单的网站有更高的转化率。

正如我们之前简要提到的,有些网站试图将尽可能多的信息塞进首页的一个小空间中。他们想要展示他们的所有产品、服务、奖项、关联、联系信息和其他任何你能想到的内容。

如果这听起来像是你的首页,简化你的设计应该是你的首要任务。

在你的网站上包含大量信息是可以的,但不需要放在你的首页上。看一下mint的首页设计。

你看到这是多么有效吗?

屏幕顶部的菜单栏只有四个选项。文字的数量很少,所以用户可以很容易地浏览页面并专注于标题。

屏幕中央有一个明确的重点。他们的呼叫到行动(cta)按钮鼓励访客免费注册。

即使你从未听说过这家公司,这个设计也让人们明白他们能为客户提供什么帮助:

  • 财务
  • 预算
  • 信用评分
  • 账单
  • 储蓄

这些流行词易于阅读,因为布局非常简单。

现在访问者可以在网站上导航,找到更多关于他们兴趣的信息。但如果mint试图在这个小空间里解释他们的服务的每一个细节,人们会分心和感到不知所措。

虽然这个首页有一些色彩,但使用得很节制和考究。颜色不对比,不会让页面上的任何内容难以阅读。

为了保持你的网站简单,你需要选择合适的配色方案。这将有助于提高你的转化率。

将你现有的首页与上面的示例进行比较。在文本量、导航选项和cta方面尽量复制它。

注重速度

速度对你的转化率有很大影响。如果你的网站加载速度太慢,将会影响你的转化率。

人们很不耐烦。在今天的数字时代,我们习惯了以闪电般的速度获取内容。如果一个网站不能立即加载,它的跳出率可能会增加。

你的页面加载时间直接影响我们之前谈到的点。简单的网站加载更快。

如果你的网站有大量图片、长段文字、复杂菜单、多种颜色、闪烁灯光和其他不必要的元素,那么你的网站加载速度就会很慢。

但是,如果你的网站设计简单而仍然需要较长时间才能加载呢?

我会评估你的网络托管服务。虽然选择最便宜的托管网站选项听起来很有吸引力,但你得到的也只是你所付出的。

花费额外的钱来确保你的网站不会崩溃或加载页面时出现问题是值得的,尤其是首页。

网站流量的增加和转化的提升将很容易支付额外的成本,并从长远来看带来更多收益。

使用高质量的图片

图片确实可以帮助提高你的转化率。

没有图片的网站看起来平淡、乏味且有些不专业。但这并不意味着你应该疯狂地在首页上放置尽可能多的图片。

正如你现在所知,太多的图片会影响页面加载时间。此外,来自google的研究发现,图片较少的页面具有更高的转化率。

要适度使用图片。确保所有的图片看起来专业。如果它们看起来像是你在2006年用翻盖手机拍摄的,那就不会对你有所帮助。

别误解我们,我们并不是说你不应该在网站上使用你认为需要的所有图片。我们只是说你不需要将它们都放在首页上。

例如,假设你有一个电子商务网站。

你应该为每个要销售的物品准备多角度、高质量的图片。你可以为一个物品准备六张、八张或十张照片。

然而,把这些图片留到客户点击该产品时再展示。

如果你在首页上突出显示了销量前五的物品,如果你使用了每一个物品的所有图片,你将会有50张图片。相反,每个物品只使用一张图片。当访客点击其中一个物品时,他们将在相应的页面上看到该产品的其他照片。

进行a/b测试

假设你改变了首页,并注意到转化率增加了。这是个好消息。这意味着你完成了吗?

当然不是。虽然你的转化率可能已经增加,但你不知道是否已达到最佳设计。继续努力改进你的网站。

确定你的首页是否具有最优化的设计的最佳方法之一是进行a/b测试。

也就是说,a/b测试涉及到运行同一页面的替代版本,以查看哪个版本具有更高的转化率:50%的流量看到一个设计,而另外50%看到另一个设计。

在这些测试中,你改变的元素不要太多。否则,你就无法知道哪个因素影响了结果。

你最好只改变一个元素,比如cta按钮的文字、颜色或位置。

下面是一个来自 sim city 首页的a/b测试示例:

看看两个变体之间的差异。右侧的首页删掉了一些文字和一张图片。结果,简化版本的结账率增加了43%。

那是因为对照组版本有太多的干扰。变体更简单,使用户更容易专注于结账。

我们在咨询工作中经常遇到这种情况。企业通常相信像上面这样提供购买时可减免20美元的优惠,可以帮助推动销售和增加转化率。

但直到他们进行a/b测试才能发现真正有效的方法。

在进行a/b测试时,可能的选择几乎是无限的。在测试了一个元素之后,改变其他东西并进行另一次测试。

如果你最初测试了cta按钮的措辞,下一步可以测试颜色。之后,测试大小或位置。甚至可以测试不同的图片来看哪个效果更好。

a/b测试是一个持续进行的过程。测试应该一直持续到你认为结果准确为止。

不要让这些测试妨碍你对主页进行其他改进,比如简化设计或增加页面加载时间。

确保你的呼叫至行动清晰明确

我们知道我们在本指南中已经多次提到了cta,但更详细地讨论一下是很重要的。

如果你的主页上的cta不明显,就不能指望有高转化率。尽管它至关重要,但许多网站都忽视了cta:

访问你网站的人不会花太多时间寻找能给你带来收益的按钮。如果不明显,他们会离开。

这就是为什么之前讨论的简洁性非常重要。如果你的网站上没有太多干扰,访问者的注意力会直接转向你的cta。

再看看mint网站或sim city的a/b测试。在这两种情况下,只需几秒钟就可以找到呼叫至行动按钮。

下面是crazy egg的主页:

正如你所看到的,我们言行一致。

这个主页的设计非常简单,cta一眼就能看到。

还有一点你应该记住。你的主页只应该有一个cta。是的,你在网站上会有其他页面的链接。

但是,当涉及到获得转化时,呼叫至行动按钮需要明显可见:

  • 立即注册
  • 立即订阅
  • 免费加入
  • 点击了解更多
  • 现在购物,享受8折优惠。

这些都是主页上很好的cta。然而,如果同时使用它们,它们就不会有效果。

网站访问者不知道应该点击哪一个,这会降低你的转化率。专注于最有利可图的行动。

优化你的网站以适配移动设备

你的网站在桌面上工作良好是很好的,但如果你想获得最高的转化率,这还不够。你的主页需要为智能手机和平板电脑进行优化。

之前我们讨论过速度的重要性。如果你的网站加载时间太长,用户会离开页面。

显然,这会严重影响你的转化率。一半的互联网用户希望你的移动网站在两秒钟内加载完毕。

移动优化对于每个行业的所有网站都很重要。但对于电子商务店铺来说,更加重要。

那是因为大多数在线购物者使用他们的智能手机来购物。如果让他们等待,你将失去他们作为潜在买家。

如果您的电子商务商店没有针对移动优化,您将错过市场的一个巨大部分。

优化主页以便移动用户能够顺利访问是一个重要的任务。

结论

如果您对转化率不满意,请分析您的主页。

首先要简化设计。这将使访客更容易找到您的cta。

简洁也意味着页面加载时间更快。确保您拥有适合的网络托管服务。

您的主页应该有高质量的图片。只是要确保适度使用。过多的图片可能会对您的转化率产生负面影响。

运行a/b测试,查看可以修改哪些主页元素以改善转化率。

确保您的主页和其他页面已经针对移动设备进行了优化是绝对必要的。

如果您按照这些建议去做,您将几乎立即看到转化率上升。

您的网站的哪些元素是为了优化转化率而设计的?

Written by