如何製作具有高點擊率 (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 營銷公司的幫助下,發掘您品牌隱藏的廣告潛力!