Page 1 of 1

您的主页标题、英雄和大标题发生了什么?

Posted: Tue Dec 10, 2024 4:13 am
by jibag32316
我写这篇文章的目的是向您展示引人注目且有说服力的主页标题、英雄镜头和标题的示例。

我希望你了解它们为什么有效,因此我会谈谈我认为有效的方法。

我告诉你,写这篇文章是一件苦差事。如果我选​​择展示一些糟 立陶宛手机号码数据库 糕的主页,那么我只需要十分之一的时间就能完成。遗憾的是,大多数主页都会让你费力地弄清楚自己是否在正确的位置。

但今天我的心情是乐观的。我们来集中讨论一下好事。

您的主页是否给人留下了深刻的第一印象?
现实情况是:今天早上醒来后打算浏览你网站的人数为零。除非他们已经是忠实客户,否则他们会去这里:



然后他们会输入或说出他们需要的内容。如果你擅长搜索引擎营销(付费广告)或搜索引擎优化(自然搜索),他们接下来会做的事情是:

查看您的广告或摘要(自然列表)
快速确定您的页面是否可以解决他们的挑战
点击或轻触(或放弃)
(对于本文,我们假设他们访问了您的主页。如果他们访问了其他地方,并且对您提供的内容感兴趣,他们很可能会访问您的主页。)

你好,新访客
您的网站现在处于服务模式。只有给人留下深刻的第一印象,它才能成功。它必须快速完成。网络漫游者并不以耐心著称。

所以……主页顶部的某些部分会闪现在他们眼前。他们会注意到手机、电脑或平板电脑上显示的内容。设备越小,他们看到的就越少。

您希望他们看到的是您的标题、英雄形象和标题。

你想让他们了解你的公司能为他们做什么。

网站可以满足各种类型公司的需求,但除非它们能够迅速而明确地表明访问网站的价值,否则就无法满足首次访问者的需求。

你有一个目标,但有很多选择
您的目标是让他们停留并点击。成功的主页可以让访问者更深入地了解您的网站。否则他们就不会拿出信用卡。

这又让我们回到第一印象的讨论。您应该在页面顶部展示和表达什么?


Image


答案可能有一百万零一个,但正确的答案包括:

促使他们了解你的业务的价值主张
确定您的网站是否有帮助
激励他们点击、滚动或以某种方式进行交互——比如注册某个东西
让我们定义标题、英雄和头条
页眉: 许多人将页眉描述为页面顶部的窄条(或条带)。如下所示:



具有独特标题栏的网站通常包含徽标、导航链接、联系方式、搜索提示、优惠等。

我并不是想忽略这个话题。网站导航非常重要,因此请深入研究这七个最佳实践和技巧以了解更多信息。然而,这篇文章实际上是关于英雄形象和标题的。现代网站设计通常将这三者无缝结合。



进入 Orbit Media 主页后,标题和主图之间没有任何区别。但是,滚动时,标题会分开,以便访问者轻松访问网站的主要导航。

英雄: 页面顶部的“空间”可能被称为英雄镜头、英雄图像或标题。有时,我也看到它被称为“图像横幅”或“横幅图像”。无论您怎么称呼它,它都是我们在这里要研究的内容。

标题: 没有规定说标题必须放在英雄图片的上方。有时标题在上方或下方。有时没有标题。

大多数情况下,首页标题被设计成英雄镜头。通常,后面会有一个副标题。有时甚至会包含更多组件。

这篇文章旨在将主页标题、英雄和标题视为一个大而重要且(通常)综合的东西。好吗?再次强调,重点是学习如何让人们留在你的网站上。

现在是展示时间。我们将从电子商务开始。
领先的 SaaS 品牌可以为我们带来宝贵的经验,因为它们往往坚信要测试自己的产品。因此,这些公司将制定具体目标,创建行动号召 (CTA) 以促使访问者采取行动,分析结果并进行相应修改。



FreshBooks 主页上的当前英雄镜头可能不是我们今天看到的最漂亮的例子,但可能是最好的。它之所以有效有很多原因:

立刻解决了“谁”的问题。该服务显然是针对小企业主/财务经理的。
“什么”也是显而易见的。FreshBooks提供会计软件。标题就是这么说的,图片也强化了这一点。
“为什么”再明显不过了。标题说 SaaS 提供商让计费变得轻松无忧。
随后的简短文案起到了有效的情感诉求作用。 “少花点时间在会计上,多做点你喜欢的工作。”
行动号召非常引人注目。(1)它只要求您提供一件事:您的电子邮件。(2)它提示您“开始”,按钮非常醒目。(3)为了保险起见,他们还加入了一些社交证明和视觉提示:“97% 的小企业主推荐 FreshBooks。”(请注意箭头。)


SignalVine 通过两个行动号召使他们的英雄镜头发挥作用。

与 FreshBooks 一样,标题和副标题都明确说明了“谁、什么和为什么”。
SignalVine 预计你会想要了解更多,因此提供了“阅读案例研究”和“观看演示视频”两个选项。访问者可以通过阅读或观看来了解更多信息。这是一种吸引不同内容消费偏好的聪明做法。


ShortStack 不会对屏幕截图、背景视频或任何不必要的干扰感到烦恼。

焦点完全集中在利益驱动的标题上,其中带有一些印刷动画。
标题的最后一个词是旋转的,标题读作“通过内容/赠品/用户生成内容/测验/促销来吸引您的受众。”
呈现了两个 CTA。两个 CTA 中视觉上更突出的是强有力的指令“立即开始 — 免费”。


我在我的网站上发了一篇文章,严厉批评了一大批营销自动化供应商打开新窗口因为许多人未能清楚、迅速地表达自己的观点。Act-On 在这方面采取了良好的主页标题、英雄和标题,因为:

标题清楚地说明了“什么”和“谁”。
副标题谈到了好处并提供了一些社会证明。
巧妙的设计为以转换为中心的 CTA 创造了清晰的视线路径。您的视线一定会跟随两个字符的视线。


这是 Hootsuite 推出的 AdEspresso 的获奖作品。

从设计的角度来看,插图很重要,但不会削弱信息的传达。
标题清晰、注重利益并且有趣。
该文案提供了更多“索取 14 天免费试用”的理由。
CTA 非常强大,通过提及“无需信用卡”克服了常见的反对意见。
接下来:电子商务主页英雄
您可能已经了解到 SaaS 公司(或者至少是那些我喜欢的主页公司)遵循某种鼓励行动(通常是试验)的风格。

但电子商务公司则不然。他们尝试各种方法,并经常更新主页,就像实体零售商全年更换展示品一样。

我们将讨论一些我认为有吸引力的想法。



Beardbrand 的产品不会出现在页面顶部。他们采取了一种完全不同的策略,即提供测验。

我非常喜欢互动内容,并且非常欣赏一个敢于在一切之前推出测验的品牌。Beardbrand 似乎在告诉我:“我们想了解你。”

有趣的是:系统会询问您 10 个快速问题,然后在接下来的屏幕上,您可以输入电子邮件来订阅他们的时事通讯,或者不订阅。
接下来,他们会向您表示感谢,告诉您是哪种留胡子的人,邀请您查看产品,鼓励您通过社交媒体分享,并提供另一次加入电子邮件列表的机会。


是的,NFLShop 主页顶部有很多东西。电子商务网站通常都是这样。但是,他们在布局上做了一些巧妙的事情。

首先,他们通过展示品牌商品组合来即时销售打开新窗口以纪念超级碗冠军。
各种工具可帮助您快速找到所需内容:搜索、新品、定制商店、清仓商品、按团队购物和热门商品类别。
重点强调免费送货。