如何制作具有高点击率 (CTR) 的网站横幅广告

已发表: 2018-08-15

明年将是第一个在线广告问世 25 周年。

许多人,即使是第一个做广告的人,都不太可能意识到在线广告世界在如此短的时间内会变成什么样。 再说一次,那时我们大多数人甚至不知道什么是电子邮件,宽带甚至都不是东西,而马克·扎克伯格还是个小孩子……有点让广告显得有些皱纹,不是吗?

Website Banners For High Click-Through Rates
成功的网站横幅的一个标志是高点击率——5 个简单的指南将有助于实现这一目标。

伴随在线广告而来的是网站横幅。 如果您在 1990 年代和 2000 年代初期经常使用互联网,您可能会将网页横幅与侵入您浏览体验的明亮、浮华和令人讨厌的设计联系起来。

直到今天,您仍然可以看到第一个横幅广告,这是由 Wired 于 1994 年 10 月 27 日在他们的第一个网站 hotwired.com 上发布的。虽然我们尽力避免它们,但网页横幅广告就是不走走了,可以肯定地说,他们在网络世界中产生了相当负面的声誉。

直到今天,仍有一些组织没有对网站横幅进行公正处理。 有些人就是永远学不会。

让我们看看一些展示广告和横幅广告的统计数据,看看广告哪里出错了,以及我们可以做些什么来让它们恢复时尚。

如果做得不好,33% 的人认为展示广告是完全不能容忍的。

更糟糕的是, 64% 的人表示广告令人讨厌且具有侵入性。

横幅失明是真的吗?

简短的回答 - 非常如此。

这背后的原因很简单——互联网用户越来越擅长使用互联网。 当他们登陆任何页面时,他们的眼睛和大脑已经连接到最合乎逻辑的地方,在那里他们可以找到他们需要的信息。

我们已经学会了使用选择性注意力,这样我们就可以实现我们的目标并排除噪音——在这种情况下,网站横幅。

根据Marketing Experiments进行的研究,将横幅广告从右向左移动可使参与率提高 74%。

当然,您应该始终牢记,一般情况下有效的方法可能不适用于您的品牌。

这就是为什么测试横幅广告位置是帮助您提高点击率的关键。

在这些数字营销机构的帮助下创建功能齐全的营销活动!

网络横幅注定要失败吗?

人们没有意识到,如果以正确的方式完成,网络横幅广告实际上是将信息传播给所需受众的好方法。 它们远未过时,您不应该在没有仔细考虑的情况下将它们扔出窗外。

横幅广告的收入预计每年增长7%

并且预计在2019年,这一收入将达到25美元。

随着时间的推移,由于在线设计领域的专业知识不断增加,网页横幅广告从互联网用户的大敌变成了品牌吸引可能有兴趣了解更多信息的用户的一种引人入胜且令人印象深刻的方式。

尽管台式计算机上的横幅显示在下降,但移动横幅的使用却在增加。 因此,在一天结束时,公司可以轻松地为每位互联网用户赚取 39 美元。

考虑到这个数字曾经是 29 美元,这是巨大的。

横幅是吸引流量和提高点击率的可接受媒介,这已迅速成为成功的主要标志。

所以不,横幅仍然存在,如果你做得不对,它们只会注定失败。

网站横幅的目的以及如何使用它们

创建 Web 横幅时,您的总体意图通常是通过附加到横幅的链接为您的网站增加流量。 然而,这并不是使用网络横幅的唯一方式。 我们将网页横幅广告可以扮演的角色分为四个有用的部分。

1. 增加网站流量

如前所述,这是使用网络横幅最明显的方式——纯粹是为了获得更有针对性的网站流量,用户可以浏览您的内容并了解您的产品或服务。

如果您想吸引用户的注意力并吸引他们点击它,则需要专注于横幅设计。

2. 销售产品或服务

横幅广告可用于鼓励用户对某些产品或服务表现出兴趣或购买。 这就是网页横幅的上下文和位置发挥作用的地方。 如果您要销售露营帐篷,您可能希望在露营假期网站上放置横幅广告,旁边是即将到来的夏季的最新优惠。

有关网页横幅广告效果如何的主要示例,您只需查看 Airbnb 的案例研究。

使用有针对性的横幅广告,Airbnb 能够接触到国际受众,瞄准新客户并改变对预算旅行的普遍假设。 结果是提高了知名度,并且在他们的网站上有超过 80,000 个新房列表。

3. 吸引用户的注意力

随着注意力持续时间的减少和广告曝光率的增加(大约每天 5,000 次),我们可怜的小脑袋承受着巨大的压力,因此,公司必须非常谨慎地选择他们在横幅广告中放置的内容以及原因。

要吸引用户的注意力,您不仅需要一个与上下文相关且有效放置的 Web 横幅。 它还必须有足够的创意来触发用户的想法,就像他们今天看到的 4,999 个其他广告所没有的。

4. 宣布折扣或销售

网页横幅广告是宣传产品特别优惠或有限折扣代码的好方法。 想想黑色星期五。 如果您是零售商或最近推出了您的第一款产品,您可以创建一个网页横幅,如果用户点击横幅,则可以宣传 x% 的折扣。

诸如“领取优惠”、“立即购买”、“立即购买”等 CTA 只有在优惠(和折扣百分比)对网站访问者足够有吸引力时才有效。

Website Banners
网站横幅有各种形状、大小和设计。

5. 重新定位

横幅广告在重新定位方面发挥着重要作用。 至少可以说,从发现问题到客户积极寻求解决方案的考虑阶段,买方的旅程是忙碌的。 消费者的注意力跨度是可怕的,尤其是因为我们知道意见是在不到一秒钟的时间内形成的。

横幅的良好点击率约为 0.05% - 0.07%。

然而,重定向横幅平均点击率0.7% ,这使它大 10 倍!

众所周知,重新定位的访问者更有可能在您的网站上实现转化——其中 70% 是惊人的。

使用点击率 (CTR) 衡量您的 Web 横幅广告是否成功

衡量 Web 横幅成功程度的广泛接受的方法是评估其实现的点击率 (CTR)。

CTR 是用户点击网页横幅的次数与查看次数的比值。

例如,如果您的网页横幅被浏览了 100 次并且有五个用户点击了它,那么您的点击率将是 5%。 顺便说一句,这是一个非常好的点击率!

谷歌实际上表示,其网络中所有展示广告的平均点击率为 0.05%。 这是一个很好的起点,您可以在此基础上设定您在衡量 Web 横幅时的期望值。 实际上,您可以使用 Google 提供的这个免费工具细化标准,以精确定位与您的预期广告相匹配的广告和展示位置。

测量点击率 (CTR) 有什么好处?

点击率不仅有帮助,而且很重要。 它可以告诉您很多有关 Web 横幅的关键方面的信息。 为了制作一个成功的横幅来达到我们上面描述的目的,您需要有一个适当的衡量过程,它会告诉您何时需要更改某些功能和元素。

点击率非常适合这一点——衡量它可以帮助您发现有关横幅的重要信息,例如:

1 . 您的信息是否与您的目标受众产生共鸣?

这个相当简单。 为选择不当的受众放置一个位置合适的横幅可能会破坏您的整个横幅策略。 您可能将广告投放给了错误的人,点击率低可能表明这一点。 检查您的买家角色并使用分析来发现您的真正客户。

有了这些信息,您就可以设计出吸引合适人群的横幅。 如果您不跟踪,您就会走上错位和偏离主题的广告之路。

2. 设计是否具有美感,或者人们是否被它激怒了?

您可能不得不面对这样一个事实,即您的横幅不够吸引人。 关于横幅的事情是设计师必须在美丽和引人注目之间走一条细线。 仅仅因为横幅在美学上令人愉悦并不意味着它会引起注意。 所以你必须确保你理解你的观众和整个设计。

3. 哪个位置效果最好?

这是一个反复试验的过程,就像营销和设计中的许多事情一样。 在您对其进行测试之前,您无法知道什么对您的品牌 100% 有效。 有时,即使是对横幅的最小更改,如格式、字体、颜色、放置时间等,也会影响横幅的点击率和整体成功。

4. 在特定内容之前放置横幅是否更好?

正确的问题是将横幅放在折叠上方还是下方以及在哪里。 这完全取决于您的品牌、产品、销售文案以及您与消费者之间的对话进展情况。

不要混淆人们并用偏离主题的信息轰炸他们。 并确保广告与页面上的其他所有内容一起流动。

5. 将横幅放在折叠上方真的有那么大的不同吗?

就像我们说过的,正确的横幅广告位置就是测试。 在你找到它之前,你不会知道最好的地方。

6. 与其他网站相比,人们是否更有可能点击某些网站上的网页横幅?

是的,但同样,这是多种因素起作用的地方。横幅必须精心设计、有吸引力和引人注​​目,但它们也必须从网站的背景中脱颖而出。 与其他网站相比,相同的横幅在某些网站上的表现更好,这取决于主题、位置甚至网站的设计。

但这仍有待测试。 你测试的越多,你的横幅就会表现得越好。

7.时机合适吗?

在时间和横幅放置方面也有很多利害关系。 有些事情可以一直有效,有些则不能。 例如,在午餐前提供餐厅优惠券是有意义的,但是当人们吃饱饭回来时,他们在饱腹时最不会注意到的就是那条横幅。

你可能会想,但是我怎么能从几个网页横幅中分辨出所有这些呢? 嗯,你不能,这就是为什么你运行一系列 web 横幅来测试消息传递、图形、设计、位置、CTA 和受众变量。 您可以在以下提示中阅读有关测试的更多信息。

网站横幅广告的费用是多少?

如果您不确定 Web 横幅广告的成本,请不要担心,它并不像您想象的那么复杂。 您已经将所有工作投入到设计这些漂亮的横幅中,现在您需要在它们背后进行一些财务投资,以确保它们针对合适的人群并且数量足够多。

一般来说,在线广告有两种支付方式。 首先,您可以在每次有人点击您的广告时付费,称为每次点击费用 (CPC) 或每次点击付费 (PPC)。 例如,您将为点击网页横幅的每个用户支付约定的金额。

因此,假设您想吸引 100 名用户访问您的网站,您可以同意每次点击的固定金额,比如 5 美元,然后您就会知道,一旦活动完成,您将花费 500 美元。

其次,您可以选择按展示次数付费 (PPI) 或每千次展示费用 (CPM)。 这意味着您将决定我的点击如何到达您的网站,但如果成功,如果广告效果良好,您的投资将获得更多价值。 例如,如果您为 CPM 设置了 500 美元的限制,并且您的网站被访问了 150 次,那么理论上它比上面的 CPC 示例便宜。

当然,也有可能您每千次访问的点击次数并不多,而且通过 CPM 方法获得的每次点击成本实际上比通过初始 CPC 方法产生的成本要高。 同样,就像 Web 横幅本身一样,通常情况下,您会测试两者以查看哪个效果最好以及为什么。

创建具有高点击率的网站横幅的 10 个技巧

无论您选择哪种类型的网页横幅,您都需要确保您实际设计的东西能够鼓励用户花时间查看、确认并理想地点击它。 我们汇总了 10 个重要提示,以帮助您制作上下文相关、引人注目的网页横幅广告。

1. 调整横幅尺寸

正确选择尺寸并了解尺寸对于您将如何设计图形和副本非常重要。 查看 Google AdSense 以了解有关尺寸的完整内容,但为了快速参考,以下是常用的横幅广告尺寸:

  • 728×90px — 排行榜
  • 300×600px - 半页
  • 300×250px — 中等矩形
  • 336×280px — 大矩形

Wired 于 1994 年推出的网站横幅采用了原始排行榜广告的形式,这就是大多数人在说“网站横幅”时的想象。

事实上,每三个广告都是排行榜广告。

这是一个引人入胜的排行榜广告的示例。

但排行榜广告并不是唯一推动转化的明星广告。

中等矩形横幅广告虽然不是最受欢迎的,但被证明具有更高的点击率- 0.06%。

2. 位置很重要!

您可以使用分析数据来消除对横幅广告位置的猜测,而不是猜测您的用户正在查看的位置和在整个网站上零星地放置广告。 尝试使用 CrazyEgg 或其他用户跟踪软件,您可能会对发现的趋势感到惊讶。

例如,虽然您的横幅可能是“首屏”,但这并不一定意味着如果人们的注意力被吸引到页面的不同部分,他们就会点击它。 那是您最好想要横幅广告的地方。

寻找毫无戒心的区域来放置您的横幅广告,这些区域不会中断用户体验,但仍能吸引注意力并提高参与度。

例如,一个很好的测试是访问一两个您最喜欢的在线新闻网站或出版物。 在这里,我们可以看到一个来自 WordPress 的横幅广告示例,它位于 Entrepreneur.com 主页的精选新闻部分的底部。

Entrepreneur Website Banner
这个网站横幅放置是平滑和美观的,没有太多的混合。

3. 了解层次结构的重要性

要使网页横幅有意义,您必须适当地构建层次结构。 设计在很大程度上依赖于实现平衡,以及任何横幅广告的三个基本组成部分:

  • 公司标志:应在视觉上占主导地位,以建立品牌知名度。
  • 价值主张:展示产品/优惠,通常占据广告的大部分。
  • CTA(号召性用语):您希望用户采取的清晰、简单的操作,放置在广告的末尾,因此这是用户消化视觉效果并复制后采取的下一个明显步骤。

一些使用强大层次结构的网页横幅的很好例子来自 Adob​​e。

Adobe Website Banner
Adobe 的这些网站横幅采用了智能的层次结构。

您会立即注意到,每个广告的布局都可以让您快速指出公司徽标和品牌、价值主张(优惠/折扣)和 CTA(与副本其余部分的颜色不同)。

想要更多设计和营销技巧? 注册DesignRush 每日剂量!

4. 保持网页横幅的一致性

您的网页横幅将链接到您网站上的页面,因此您希望从用户看到网页横幅的那一刻开始讲述您的“故事”。 考虑到这一点,在您的网页横幅中使用与网站上完全不同的品牌和设计是不明智的。

为什么? 好吧,您的客户可能会以不同的设计功能和不同的徽标登陆您的网站,并认为“我一定是在错误的网站上,这与广告不同!”

当您看到与公司品牌一致的网页横幅设计时,它会非常强大和引人注目。 在此处查看 Microsoft 的横幅广告。

Microsoft Website Banner
这些 Microsoft 横幅广告与公司品牌一致。

基于广告使用与微软当时的操作系统类似的设计这一事实,这些广告在与观众产生共鸣方面做得很好。 相似的图标、字体和颜色为广告增添了熟悉的感觉。 这不仅可以让人们认出广告,还可以减少广告和网站之间的任何潜在摩擦。

5. 确保你的 CTA 简单、清晰和有效

我们已经在您的网页横幅中提到了清晰简单的 CTA 的重要性,但我们不禁再次强调了这一重要性。 这是您简洁地告诉用户下一步要做什么的机会。

如果您的广告中没有这个元素,即使它是有史以来最好的设计,用户也很难弄清楚下一步该做什么。 即使他们确实点击了横幅广告,他们也很可能会根据您的文案在横幅上的建议进入他们不期望的页面。

但是,这里有一个很好的示例,说明如何将 CTA 用于其最佳容量。

Skype Website Banner
Skype 的网站横幅使用明确的号召性用语来吸引注意力。

Skype 使用自己的品牌颜色来确保横幅广告上的 CTA 脱颖而出。 更重要的是,这是一个清晰、简单的说明。 只需观看视频。 这就是全部 - 现在没有要求购买或了解更多信息,只是一个很好的旧视频。

6. 保持合适的字体和样式

这也与保持您的网络横幅与您的品牌一致的第四点有关,但它也考虑了根据您正在运行的广告类型使用合适字体的重要性。

例如,让我们看看星巴克在此横幅广告中使用的字体。 字体本身就是在说话。

Starbucks Website Banner
这个星巴克网站横幅使用了一种醒目的粗体字体。

通常,您可能会将能量与颜色或充满活力的图形联系起来,但星巴克精心选择了一种字体,使他们能够将横幅与其品牌颜色对齐,同时仍能唤起紧迫感、能量和力量感。

7. 考虑动画你的图形

您应该始终尝试使用您拥有的任何技能来为自己谋利。 对于横幅,这包括动画图形。 如果顺序使用有效的副本和干净的图像,结果可以是一个引人注目的、强大的网页横幅,用户至少会瞥一眼。

一个非常有用的技巧是使用动画来指导用户下一步做什么,例如,“现在看视频”。

或者,您甚至可以执行晚上 7 点项目(现在称为项目)所做的工作,并选择建立品牌知名度的网络横幅。 他们只是让您使用彩色笔玩网页,而不是要求用户“点击”或“观看”。

游戏化也适用于横幅广告。 例如,大众汽车展示了一个惊人的可扩展横幅,可让您在 30 秒内为他们的汽车建造道路。

VW Website Banner Ad
为广告添加互动性可以提高参与度。

8. 灌输紧迫感——立即行动,而不是稍后

没有比立即点击您的横幅广告更好的方式来鼓励某人,而不是暗示他们以后再也没有机会这样做了。 通过使用促销或促销活动,您可以为您的网站吸引更多流量,例如,说“限时促销”或“24 小时促销”。 更重要的是,这些简短的短语不占用太多空间,但仍然有效。

为用户提供短暂的机会窗口正是您在网络星期一或黑色星期五横幅广告中看到的。 例如,此横幅广告使用“一年一次”短语 - 今年您只有一次机会从可能涉及的任何交易中获利。

Black Friday Website Banner
这个大胆的网站横幅创造了一种直接的紧迫感。

9.权衡颜色以及它们如何影响用户

颜色对您的网页横幅的影响比您想象的要大。 颜色是非语言交流,但它也可以改善(或损害!)阅读和理解。 作为视觉元素,大脑可以比文本更快地感知和理解颜色,因此它通常是人们注意到您的横幅的第一件事。

对于使用什么颜色没有正确或错误的答案,相反,考虑哪些颜色适合您要构建的上下文以及哪些颜色可以确保您创建足够的对比度,以便横幅的其余部分脱颖而出,这很有帮助。

在此示例中,DELL 使用明亮、独特的颜色来吸引您的注意力并突出显示横幅的副本,同时还将其与其他视觉效果分开。

Dell Website Banner
戴尔在此网站横幅中使用鲜艳的颜色来吸引用户。

另外,在这项色彩心理学研究的帮助下,学习如何利用色彩为您带来优势!

10. 测试、测试、测试您的横幅广告

最后但并非最不重要的一点是,请确保测试您的网络横幅广告以确保它们确实有效。

1. 颜色显示是否正确?

确保在多台显示器上测试您的横幅广告。

2. 你能看到所有的副本吗?

这是最常见的错误之一。 人们有时会在小横幅上使用过多的副本,或者将其设计为最终横幅版本无法正确显示副本。

3.字体大小合适吗?

尝试使用多种字体大小和类型。 选择正确的字体可以设置整个横幅的情绪。

4. 视觉效果是否令人反感/没有吸引力?

如果横幅根本不起作用,则视觉效果可能是错误的。 或者也许他们是在主题上,但太无聊而无法注意到。 改变视觉效果并玩转图像,看看什么效果最好。

5. CTA 有意义吗?

如果您的 CTA 没有获得任何点击,也许最好使用不同的词或措辞。 “立即购买”、“了解更多”和“索赔优惠”之间的差异都会产生截然不同的结果。

6. 网站链接真的有效吗? 它会跟踪用户吗?

您可以拥有历史上最好的网页横幅设计,但如果链接损坏或无法正确显示,您就注定失败。 这些元素导致广告失败,没有品牌可以承受。

7. 标题是否比普通文案大?

即使是横幅文案也必须遵循正确的层次结构。 确保检查标题大小是否与标题相符,并且实际上比普通文本大。

如何对网站横幅进行拆分测试

基本上,拆分测试有点像 A/B 测试。 您测试了两个横幅,保持所有内容相同但更改了一个元素。 这一要素是两个横幅之间的关键区别,以便您可以监控哪一个更好。

永远不要根据预感做出个人决定——人们会通过指标告诉你什么最有效。

这就是沃尔沃的做法。

Volvo Website Banner Testing
沃尔沃经常进行网站横幅测试,以找到完美、效果最佳的广告。

正如您在此处看到的,沃尔沃在其横幅广告中进行了多项拆分测试。 它只会对广告文案和 CTA 按钮进行细微的更改,以便了解哪些内容更能引起消费者的共鸣。

创建具有高点击率的令人惊叹的网站横幅需要什么

即使有广告拦截软件,Web 横幅也无处可去,因此了解您的设计将如何影响横幅的性能非常重要。 至少将这些技巧中的一些付诸实践,以帮助您创建引人注目的、有效的网络横幅:

  • 根据您的横幅类型调整尺寸。
  • 定位很关键!
  • 了解层次结构的重要性。
  • 您的网页横幅与您更广泛的品牌一致吗?
  • 确保您的 CTA 简单、清晰且有效。
  • 保持你的字体和样式合适。
  • 考虑为您的图形设置动画。
  • 灌输紧迫感——立即行动,而不是稍后。
  • 权衡颜色以及它们如何影响用户。
  • 测试、测试和测试您的横幅广告。

一旦您测试了这些技巧,您可能想了解如何知道您的网页横幅是否成功。 如果您的网页横幅成功,您应该通过更高的点击率注意到相关性。 而这些点击率应该能够帮助你更好地理解:

  • 你的听众。
  • 如果您的消息是正确的。
  • 如果此网站横幅设计具有视觉吸引力。
  • 如果横幅的放置有效。
  • 如果这是投放广告的网站的正确选择。

获得这些见解对于成功的横幅广告至关重要。 你不想浪费所有的时间来创造它让你的结果失败。 因此,让我们开始创建吧,在不知不觉中,您将拥有如此多的网站流量,您将不知道如何处理它!

借助这些顶级数字机构的专业知识,开展全面的数字营销活动!

此外,在这些付费媒体和 PPC 营销公司的帮助下,发掘您品牌隐藏的广告潜力!