每个网站首页必须具备的12个关键要素[信息图表]

作为你公司的虚拟大门，这个页面负bob全站app责吸引你网站的大部分流量。然而，尽管它很突出，许多企业仍难以适当地优化它。

你看，你的主页需要戴很多帽子。而不是把它当成专用的着陆页围绕着一个特定的行动，它应该被设计成服务于不同的受众，来自不同的来源。为了有效地做到这一点，它需要有目的地建立起来。换句话说，你需要包含吸引流量、教育访问者和邀请转换的元素。

为了提高你的主页的性能，检查这些元素，每个主页都必须有。

每个网站主页必须有12个关键元素

你应该包括在你的网站主页设计

1.标题

在三秒，一个网站需要告诉访问者该公司提供什么服务。这就是标题的作用所在。它可能只有几句话，但它是你网站上最重要的内容之一。

许多类型的人可能访问你的网站，你将很难找到几个词击中每个人的家。相反，你的标题应该针对三分之一最有可能对你的产品满意的人。

保持标题清晰简单。Dropbox它的标题就是一个很好的例子:“工作所需的一切，都在一个地方。”它很简单，但功能强大——不需要解码行话就能弄清楚Dropbox到底做什么。

2.副标题

副标题应该通过简要描述你做了什么或者你做了什么来补充标题。这可以通过聚焦你的产品或服务解决的共同痛点来有效地实现。

下面是一个很棒的副标题的例子镜子:“藏在眼皮底下。”它瞄准了镜子健身房的主要卖点:它是一个完整的家庭健身房、私人教练和健身计划，在你舒适的家里，而不占用宝贵的设备面积。

来优化你的标题对于手机，使用更大的字体给访问者更好的体验。小字体可能会迫使移动访问者压缩和缩放，以便阅读网站上的内容并与之互动。我们的建议?在页面编辑器中使用标题选项。H1标题是完美的页面标题-在一个页面上应该只有一个H1。副标题应该遵循层次结构的顺序，H2, H3…H6，等等。你可以有几个这样的标题，只是要确保它们是有序的。例如，您不希望从H1跳转到H3—而是选择H2。

3.主要的号角

你的主页的目标是迫使访问者深入挖掘你的网站，并把他们移到漏斗。在折叠上方包含两到三个行动号召，引导人们进入购买周期的不同阶段，并将它们放置在容易找到的位置。

这些cta应该具有视觉冲击力，最好是与主页的配色方案形成对比的颜色同时仍然符合整体设计。保持文案简洁——不要超过5个字——并且以行动为导向，这样访问者就会点击你提供的任何内容。CTA拷贝的例子有“Sign up”、“Make an appointment”或“Try it for free”。

课外的总部的网站上有两个cta，都是针对那些有兴趣在网站上向家庭推广他们的课后项目的项目主管。在较长的CTA“创建你的免费个人资料”下面的注释为访问者提供了他们需要创建一个账户的提示——这是成为Afterschool总部提供商的第一步。

4.支持图像

大多数人都是视觉的．一定要用一张图片(甚至是一个短视频)清楚地表明你提供了什么。使用能够捕捉情感、推动行动、直观地讲述你正在写的故事的图像。

要为手机用户优化你的图像，使用高质量的、文件大小较小的图像。(HubSpot的客户无需担心这一点，因为上传到HubSpot软件的图像会自动压缩。bob电竞官方下载否则,这样的工具TinyPNG会成功的。)此外,总是添加Alt文本到您的图像让使用屏幕阅读器的访问者更容易访问它们，并把你的SEO工作提升一个档次。

的4河流熏制房首页是情感图像的一个很好的例子:它以一系列简短、高清晰度、令人垂涎的视频为特色，在一个简单的标题、副标题和主要CTA后面循环播放:

5.好处

不仅要描述你做了什么，还要说明为什么你做了什么很重要。潜在客户想要知道从你这里购买的好处，因为这将迫使他们留下来。

保持拷贝的重量轻，易于阅读，并使用客户的语言。Evernote做了一个伟大的工作，列出好处在他们的主页上的一种方式，引人注目，视觉愉悦，容易理解:

6.社会证明

社会认同是信任的有力指标。你的产品或服务可能是世界上最好的，你可以这么说——只是人们可能不会相信你，除非他们也从其他人那里听到。这正是社会认同的作用。

在主页上包括一些你最好的(短的)引用，并链接到案例研究，如果适用的话。添加一个名字和照片给这些推荐信更多的可信度。教训在他们的主页上附上真实客户的推荐信。

7.导航

主页导航的设计和内容可能意味着网站转换和反弹之间的区别。来减少跳出率，给你的访问者一个清晰的路径，他们需要从主页直接进入页面。将导航菜单置于页面顶部，并将链接组织成层次结构。

没有人比那些帮助设计网站的人更了解你的网站，所以一定要知道进行用户测试确保它是简单和直观的，让访问者找到他们在你的网站上寻找什么。如果可以的话，包括一个搜索框。（阅读这篇博文以获得更多有用的网站导航技巧．)

下面是一个清晰的、结构良好的导航设计的例子Slim & Husky 's Pizza Beeria主页:

8.内容提供

为了从你的主页中产生更多的线索，突出一个真正伟大的内容提供，如白皮书，电子书，或指南。那些没有准备好购买的人可能宁愿下载一个提供他们感兴趣的话题的更多信息的服务。如果你需要灵感，这里有几种不同的内容类型可供选择．

9.二次号角

包括二次cta在你的主页上为那些对你的主要目标不感兴趣的潜在客户提供额外的转换机会。把它们想象成应急计划:它们为那些还没有准备好迎接你所要求的高承诺的游客提供了另一条路径。

当你的主要cta应该在折叠上方时，把次要cta放在折叠下方，以便访客在向下滚动时可以点击。例如，下面的折叠上Spanx在谷歌的主页上，你会发现三个标签清晰的“行动呼吁”，让滚动了那么久的用户有更多的点击选择。这些二级cta针对两种不同类型的转换:一种是最左边的20美元折扣，另一种是“现在购物”，以探索在线目录。

10.特性

除了优点之外，列出一些关键的特性。这让人们更了解你的产品和服务提供了什么。再次强调，要保持文案轻巧易读。Dropbox的业务例如，该公司并不羞于在其主页下方展示其功能矩阵。

11.bob体育苹果系统下载安装资源

再次，大多数访问你的网站的访问者不会准备购买……然而。对于那些想要了解更多信息的人，提供一个到资源中心的链接，在那里他们可以浏览相关信息。这不仅能让他们在你的网页上停留更长的时间，还能帮助你建立自己作为行业内思想领袖的可信度。

Lovesac将资源链接添加bob体育苹果系统下载安装到折页下方的页脚。请注意这些二级cta是如何涵盖购买周期中的多个阶段的:信用卡链接帮助客户购买家具,样布指南对于那些仍在寻找完美的颜色在购买之前,和一个在线目录的人在新家具市场,但尚未准备好购买。

12.成功指标

除了客户的成功故事，奖励和认可也有助于激发良好的第一印象。你的公司是一家广bob全站app受好评的餐厅吗?你被评为今年的最佳新应用程序吗?让你的主页访客知道你的成就。就像社会认同一样，它会让你的企业在那些不认识你的人面前更有信誉。

在Calendly”例如，你会发现一些知名机构的名字，比如Gartner和Dropbox。

一个值得浏览的网页

你网站的主页是每个访问者对你的业务的第一个介绍。在他们下定决心成为客户之前，他们会浏览你的主页，了解你卖什么，为什么这对他们很重要，以及他们如何能从你提供的东西中获益。

整合了上述元素的主页给人留下深刻的第一印象。如果想要更多的灵感，可以下载下面的免费lookbook来看看那些令人惊叹的主页。

编者按:这篇文章最初发表于2012年1月，为了新鲜度、准确性和全面性而进行了更新。