首页  /  所有类型电子商务行业网站开发WordPress的  / 提高转化率的热门主页设计元素

提高转化率的热门主页设计元素

您的主页在转化访问者方面发挥着关键作用。 即使人们访问您的登陆页面,他们也往往会先浏览一下您的主页(可能还有您的关于页面),以更好地了解您并确保您值得信赖。

首页优化是转化率优化的第一步。 在本文中,我将分析一些标准主页元素并展示如何优化它们。

1. 原型设计 

人们对专业网站的看法很大程度上取决于它是否符合标准规范和最佳实践。 一项研究 表明网站的高度原型性(包括许多原型设计元素)使其在美学上对访问者更具吸引力。  

您需要确保您的网站看起来像一个典型的专业设计的网站。 一些专业的网站设计元素是:   

网站速度: 

您网站的性能优先于任何设计元素。 如果您的网站需要几秒钟的加载时间或执行操作的速度很慢,人们就会对您的网站失去兴趣。 1在4 人们表示,如果某个网站加载时间超过 4 秒,他们就会放弃该网站。 Google 建议网站管理员在移动设备上将加载时间控制在 3 秒以下。

随着页面加载时间从 10 秒增加到 XNUMX 秒,移动网站访问者跳出的概率会增加 123%.

image13

导航:

确保您有一个简单直观的导航菜单。 人们在尝试在您的网站上查找所需内容时不应感到困惑。 

您的主页导航菜单中应该包含什么? 

主页的导航菜单是显示最重要页面的好地方。 您的产品页面可能就是一个很好的例子。 您需要在导航中插入最重要的产品。 

但是,最好使用您想要排名的关键字,而不是使用通用关键字“产品”或“服务”,以便搜索引擎更轻松地抓取您的页面。

如果您提供“主页优化”和“文案”服务,则需要在导航菜单中使用这两个关键字(而不是通用的“服务”关键字)。 如果您需要为菜单使用下拉布局,请确保使用 超级菜单 而不是典型的下拉菜单。 

除了你的产品之外,你还想确保人们能够了解你——你需要一个“关于”页面来描述你是谁以及你提供什么。 您的“关于”页面在让人们相信您是可信且值得信赖的方面发挥着至关重要的作用。 因此,不要将其视为事后的想法,而应使其成为您的最佳页面。    

内容:

主页上的内容起着最重要的作用:它将您的信息传达给访问者。 

它通过利用文本和视觉效果来实现这一点。 尽管人们在主页内容方面倾向于认为视觉效果比文本更重要,但文本在传达信息方面发挥着极其重要的作用。 虽然图像可能容易产生误解,但您网站的文案是唐突而直接的。

另一方面,视觉效果是设定主题和增加文案影响力的理想选择。 视频 可以提高着陆页的转化率 由80%。 这些内容元素的良好组合是打造高性能主页的完美秘诀。 

也许主页最重要的副本是标题和副标题。 您可以在这里向访问者提出独特的价值主张。 诚然,标题文案被认为是一种创造性的作品,不应受到规则的约束,但为了获得成功,它需要提供明确且受欢迎的利益。 正如奥美在《奥美论广告》中所解释的那样:

“最有效的标题是那些向读者承诺好处的标题——比如洗得更白、每加仑行驶里程更长、没有粉刺、更少蛀牙。 翻阅一本杂志,数一数标题中承诺带来任何好处的广告数量。”

就是这样 波普汀 以针对用户体验优化的标题展示其产品的优势。 

image1

主页上的内容对主页跳出率有直接影响,跳出率显示有多少人查看了您的主页并退出而没有查看其他页面。

据说良好的跳出率介于 10%和30%。 任何超过 50% 的内容都应该引起关注。 为了优化主页内容以降低跳出率,您需要提出以下一些问题: 

  • 乍一看我们提供的产品是否清晰? 
  • 用户是否点击了他们应该点击的位置? 
  • 该页面是否针对客户访问该网站的首要目的进行了调整?  
  • 页面是否简单明了?  
  • 我是否为用户提供了他们正在寻找的东西?

2。 社会证明

如果设计原型给人一种可信度的暗示,那么社会证明就会为你的访问者提供确凿的事实来支持你的主张和承诺。 如果您在网站上提出的声明没有附有有效的社会证明,则这些声明将无效。 

饰演 Vicky Jain,效果营销主管 航空会议,解释说在他们的主页上放置客户案例研究可以将他们的演示请求增加 300%: 

“社会认同就像任何潜在客户的解决方案,帮助他们做出更好的决定、增强信心并比较主张。 如果您能够将正确的元素放置在正确的页面/部分上,您将不必过多依赖其他元素,而且它会降低页面的销量。”

任何形式的社会证明(推荐、数字、案例研究、评级、同行评审网站徽章)如果仔细放置,可以将您的指标提高 400%。 在我的一个实验中,我们对客户进行了一个强有力的案例研究,并进行了 CTA“成为下一个成功的案例研究”,这使得产品演示请求增加了 3 倍。

您可以在着陆页中使用的一些社交证明类型包括: 

实例探究: 

当谈到为你的主张和承诺提供确凿的事实时,没有什么比你过去成功的现实例子更好的了。 作为最强大的社会证明元素,案例研究可以成为您主页设计的重要补充。 您需要考虑一些要点。

  • 保持你的社会认同简洁明了。 描述您为客户所做的工作结果,但将案例研究的完整说明放在单独的页面上。 从您的主页链接到完整的案例研究。 
  • 使用客户的报价和图片。
  • 描述之前和之后的状态并使用数字进行比较。 利用客户的报价来查看最多的结果。 

感言:

推荐是客户对您和您的产品的认可。 如果这些引言来自您所在领域的顶级公司的高价人士,那么它们可能会对您的访问者产生最大的影响。 

您需要在该领域积极主动,并且 伸手 向人们寻求推荐。 提供奖励(例如折扣)以换取 真实的见证 在这里可以走很长的路。 

最好让您的客户提及他们从您那里获得的成果,并描述为什么其他人都应该成为您的客户。 如果他们引用真实的数据,他们的论点可能会更有说服力。 

信任图标: 

信任图标是与您合作过的公司或您所发表的出版物的徽标。

根据一项研究,它们是最流行的社会证明形式 根据一项研究, 我不久前做过。 它们很容易获得,并且由于它们的视觉特性对您的访问者有显着的影响。 与推荐一样,如果其中包含知名客户的徽标,它们可能会产生最大的效果。 

image4

数据/数字: 

如果您曾与大量人员合作或与他们取得了令人印象深刻的成果,您可以在主页上显示数据/数字。 这些数字可以是与您的业务相关的任何数字,只要它们听起来令人印象深刻即可。

ZeroBounce 提到他们在 Inc. 40 榜单上排名第 5000 位,这使得他们非常可信。 

资料来源:Zerobounce
Sumber: 零反弹

社交媒体: 

利用社交媒体作为社会证明的一种形式不仅仅是展示你的关注者数量。 对您而言,社交媒体的真正优点在于它提供了积极的客户情绪存储库。 

饰演 本·阿斯顿 解释 “情感是一种表达中的情感信息——嵌入在一个人的行为、写作或言论中的情感、观点和态度。”

这种情感信息在社交媒体上具有更强的影响力(与典型的推荐相比),因为它们发布在第三方平台上并且看起来更真实。 毕竟,用户生成的内容是 2.4倍 更有可能被消费者认为是真实的。 

在您的主页上提及这些积极的情绪。 原始帖子的屏幕截图非常适合此目的。 

评论: 

您可以通过可信来源对您的产品或服务进行真实评论。 这些评论出现在亚马逊客户评论或 Trustpilot 等受信任的评论网站上,因此与社交媒体一样,它们可能是用户生成内容的一个很好的例子。 在主页上使用评论的一个简单方法是链接到第三方评论网站。 就是这样 邮鸟 做这个。 

来源:MailBird
Sumber: 邮鸟

3. 适合移动设备的设计: 

人们使用移动设备不仅可以访问互联网,而且比以往任何时候都更多地在线购物。 41.32% 2019 年,在线零售转化发生在移动设备上。

2015 年,谷歌推出了 移动友好更新 提高“移动设备友好页面在移动搜索结果上的排名”。 后果很明显:针对可读性和可用性进行了优化的网站页面在移动设备上执行的 Google 搜索中获得优先权(占总搜索量的一半以上)。 

根据研究,适合移动设备的设计具有这些功能 谷歌和AnswerLab

号召性用语位于首屏上方和中心

确保人们能够轻松地访问首屏的最优先信息和元素。 

image8

菜单简短、简单且易于导航

长而复杂的菜单很难在移动设备上管理。 确保使用简短、简单且易于导航的菜单。 

image9

返回主页很容易

这是行业标准,您可以 创建徽标 对于您的网站,应该返回您的主页。

image11

避免分心

您的网站不应使用插页式广告(例如,隐藏内容并提示用户安装应用程序的整页促销),并且网站内容应易于查看。 

image7

执行现场搜索简单有效

提供带有高级搜索过滤器的可见搜索栏,并使您的搜索结果具有相关性。 

访问者可以无障碍地浏览网站

人们应该能够浏览您的网站并无需登录即可进行购买。

image10

填写表格变得简单 

确保填写表格并不麻烦。 使用高效的表格并提供诸如简化的信息输入、日期选择日历等选项。

image6

整个网站针对移动设备进行了优化 

确保您网站的所有元素(包括图像、文本、菜单等)均使用高效的响应式设计进行优化。 测试您的网站 使用跨浏览器测试 工具。 这对于识别和修复不同设备和操作系统上的错误有很大帮助。  

image2

4.首屏号召性用语:

首屏的概念并不是为了描述互联网页面而发明的。 几个世纪以来,它一直用于报纸印刷(因此使用“折叠”一词)。 在报纸上,最重要的标题和图像总是使用在纸张的上半部分,以便于识别。 

今天,同样的想法被用来描述页面上立即可见的内容,而无需滚动。

一些专家认为 添加号召性用语 首屏下方可能会让访问者向下滚动并查看页面的更多内容。 在首屏添加号召性用语可能有一些好处,但没有什么比可见性和直接性更重要的了。 

越来越多的人对将主要 CTA 添加到最显眼并能快速传达信息的位置感兴趣。  

根据一项研究 尼尔森诺曼集团,人们对首屏上方 100 个像素的观看量比首屏下方 102 个像素多 100%。 这是该研究为支持其主张而提出的热图: 

image14

红点是人们看最多的地方。 黄点是人们较少注意的地方,白点是人们几乎不注意的地方。 因此,显然,在数据驱动的研究方面,捍卫首屏概念的营销人员有话要说。

如果您希望页面上最重要的元素被更频繁地看到和点击,则需要将它们放置在人们最关注的首屏上方。 

首屏要包含的内容:

到目前为止,您应该确信首屏内容获得最多的浏览量,但接下来的问题是首屏内容应包含哪些内容? 您是否应该添加“立即购买”按钮并期望增加销售额? 

答案可能并不那么简单。 如果拥有知名产品的热门网站鼓励首屏购买,销量可能会增加。

例如, Mailchimp (可能是最著名的电子邮件营销平台)鼓励在其主页上方“选择一个计划”。 

来源:MailChimp
Sumber: MailChimp

与此同时,他们的大多数电子邮件营销平台鼓励注册免费试用或提供有关其功能的更多信息。 大多数商业网站认为包含 CTA 更合理,鼓励访问者作为潜在客户进入他们的渠道或获得更多关于他们产品的教育。

在一个 根据一项研究, 我对顶级企业主页的主页元素进行了研究,发现这些网站最常用的CTA类型是“更多信息”类型(包括了解更多、立即观看、了解更多、阅读更多)和“样本”类型(免费注册、下载、开始免费试用等)。

Chanty 充分利用了其主页的首屏空间。 我联系了 Anastasia Matveyeva,她是 船歌,并要求她解释一下他们的首屏空间的动态:

“在 Chanty.com 的主页上,我们使用了多种设计元素来提高网站转化率。 首先,在主页顶部,有一个问候栏,通向我们团队开发的员工生产力计算器。 该计算器使用户能够衡量每小时和每位员工的生产力,它为我们的网站吸引了大量流量,使我们能够在 Google 的首页上排名。”

接下来是标题 “一起完成更多事情”,其下方的电子邮件输入建议注册并免费试用我们的工具。 第三个主要主页元素是有关如何使用 Chanty 的视频指南。 这是一个时长 3 分钟的视频教程,展示了 Chanty 的功能,例如创建对话、分配任务、拨打电话、录制音频消息。”

资料来源:尚蒂

5. 实际的客户支持

访客在不同阶段对您的产品有很多疑问。 主页访问者有更多的问题,特别是因为他们大多数是首次访问者。

良好的主页设计和 优质的内容 可以帮助他们找到问题的答案,但始终有必要提供实际沟通的手段,以防他们的任何问题得不到解答。

回答客户的问题将使收入增加高达 15%,同时还可以提高客户满意度 各地20%

有一些方法可以在您的主页上提供客户支持: 

1.设计联系页面

就像“关于”页面一样,“联系”页面可以赋予您的网站可信度。 使其粗体可见,并为您的访客提供联系您的理由。 

在您的联系页面上提供不同的沟通方式。 插入一个他们可以直接从您的网站使用的简单表格以及一个他们可以从电子邮件客户端使用的电子邮件地址。 

2.使用实时聊天

对访问者(或潜在客户)查询的响应速度缓慢会对您保留这些问题的能力产生巨大影响。 对联系表单查询的更快响应会增加您成功的几率,而响应时间过长可能意味着错过潜在客户。 A 根据一项研究, 发现“在五分钟内没有回复的情况下,与潜在客户取得联系的几率会降低 10 倍”。 

image16

研究还发现,只有 7% 的受访公司在接到潜在客户的询问后五分钟内做出回应。 这些公司都用过 在线聊天 为了支持。 实时聊天是响应查询并提供优质服务的最快、最简单的方式 客户体验

以下是典型的实时聊天软件的运作方式 现实生活中的功能:

Sumber: LiveAgent

3。 聊天机器人

如果人们在实时聊天支持中回复查询,机器人将负责通过聊天机器人提交的查询。 他们在这方面做得非常好。 聊天机器人 配备自然语言处理技术来分析查询并给出最佳响应。 

这些工具几乎可以回答简单和重复的查询,例如有关特定功能、定价、集成等的查询。如果查询变得复杂,它们可以将客户与人工支持代理联系起来。  

这是一个列表 顶级聊天机器人工具 您可以在您的主页上使用。  

最后:

您的主页充当您企业的店面。 一个好的主页可以吸引人们进入,并让您显得值得信赖和可信,而一个糟糕的主页可以让人们离开。 一个好的主页有5个要素: 

  1. 它具有满足访客期望的原型设计。
  2. 它使用社会证据来显示可信度。
  3. 它适合移动设备,因为移动电话的使用量超过了台式机。
  4. 他们利用首屏空间来展示最重要的 CTA。
  5. 他们提供实际支持来回答访客的疑问

作者简介:

穆斯塔法·达斯特拉斯 (Mostafa Dastras) 是一名作家 数字项目经理是一个领先的数字项目管理资源中心和社区,由 Black & White Zebra 的独立数字出版团队运营。 他的作品曾出现在 HubSpot、WordStream、SmartInsights、LeadPages、Sendinblue 和 MarketingProfs 等一些顶级出版物上。