如何在您的會員登陸頁面上使用一張圖片來提高轉化率

已發表: 2021-11-16

雖然聯屬網絡營銷成功通常與任何特定渠道無關,但聯屬網絡營銷登陸頁面是推廣時要考慮的關鍵因素。 它向潛在的附屬公司提供您的報價,並邀請他們與您合作; 它促使觀眾採取行動,註冊推廣您的產品或服務。

對於加入計劃以獲得經常性的會員 會員佣金,登陸頁面也可以。

一種或另一種方式,會員登陸頁面設計對轉換有很大影響。 除了引人注目的頭條新聞、福利列表和清晰的 CTA 之外,英雄形像也是取得積極成果的關鍵因素。

它是什麼,以及如何在會員登陸頁面上使用它來提高轉化率? 繼續閱讀以學習魔法!

內容隱藏
1什麼是英雄形象?
1.1需要考慮的英雄形像類型
2為什麼要為您的會員登陸設計英雄形象
3如何知道這張圖片會促進轉化
選擇圖像時要考慮的4 個因素
4.1清晰度
4.2顏色
4.3面的力量
4.4一致性
4.5有說服力的文本
為會員登陸選擇英雄形象的5 個注意事項
6要點

什麼是英雄形象?

是在您的會員登錄頁面中占主導地位的大型特色圖片、一系列照片或視頻。

鑑於這是用戶在登陸您的頁面時首先看到的內容,因此英雄形象應該以盡可能最好的方式展示您的產品,傳達其價值、背景和情感。

這是示例:

英雄橫幅示例

英雄形象的目的是教育和說服客戶。 這不僅僅是您的目標網頁上的一張大而明亮的照片; 這是一張補充您的價值主張並為您的頁面訪問者提供清晰度的照片。

鑑於人類大腦通過圖像處理信息——這就是為什麼帶有引人入勝的圖像的內容獲得94% 的瀏覽量——有目的的出色視覺效果是高轉化率的關鍵。


需要考慮的英雄形像類型

營銷專家尚未就特定數量的英雄形像類型達成一致。 一些人指定三個,其他人堅持四個,營銷影響者尼爾帕特爾更進一步,寫了七種類型的英雄形象:

  1. 一、產品
  2. 2. 上下文相關(以過程為中心)
  3. 3. 以情緒為中心(以結果為中心)
  4. 4. 以創始人為中心
  5. 5.“幕後”
  6. 6.“動作鏡頭”
  7. 7. 以利益為中心

說到附屬登陸頁面,這個列表中的前三種類型的英雄圖片效果最好。

產品英雄形像是展示您的產品的形象。 它可以是靜態的,也可以是展示您的產品在行動中,但它需要補充產品的價值主張。 這樣的英雄形象最適合傳統產品:小工具、家具、寵物產品、健身用品(設備、配件)等。

propellerads - 以產品為中心的英雄橫幅

上下文(以過程為中心)的主圖是展示您的產品如何工作或為其提供上下文的圖像。 例如,它可以是客戶可以享受產品的環境。

propellerads - 上下文英雄橫幅

情感(以結果為中心)的英雄形像是強調產品效果的形象,展示了它將帶來的轉變。 在這裡,您專注於希望用戶感受到的情緒。 以結果為中心的英雄形象最適合非實體產品(遊戲、財務自由、約會),突出了期望的結果——快樂的客戶。

螺旋槳-情感英雄橫幅

為什麼要為您的會員登陸設計英雄形象

會員登陸頁面不是寫關於您的促銷產品的好處的議論文的地方。 正是在那個時刻,“一張照片對遊客說一千個字”。

第一的:

我們知道用戶只需要大約 0.05 秒就可以決定他們是否喜歡您的網站。 這就是視覺表現很重要的原因:研究證實,用戶不信任網站的原因中有 94% 與設計有關。

第二:

英雄形象的位置在首屏,吸引了 80% 的用戶注意力。

最後,鑑於以上所有:

英雄圖片介紹了您網站的清晰度和易用性。 用戶掃描,而不是閱讀網絡信息,僅僅瞥一眼英雄形象就可以讓你的利基和提供清晰易懂。 當用戶看到一個有意義的網站時,他們會感到高興並願意合作。


如何知道這張圖片會促進轉化

為您的聯屬網絡營銷登陸頁面選擇英雄形象具有挑戰性,因為它不僅僅是促銷:它是您建立品牌權威的工具,讓用戶信任您並聽取您的建議。

幸好有框架 這可以幫助您將圖像轉換為英雄鏡頭。 如果您的著陸頁圖片符合以下七個標準,您就可以期待轉化率提升:

  • 它正在可視化或與您的目標網頁的目標關鍵字相關。
  • 此圖像足夠清晰,用戶可以了解您的頁面的目的和報價。 要檢查這一點,請將其展示給未與您一起參與該項目的人,並要求描述其中的內容。 他們的話是否與您頁面的目的一致?
  • 該圖像適合您的目標網頁的整體設計。 檢查它的顏色、對比度、大小。 它是否使您的號召性用語可見?
  • 這是正宗的。 盡量使用定制的真實照片,而不是庫存照片。 用戶不信任他們,選擇真實和誠實的視覺效果。
  • 你的英雄形象提供了附加價值:它回答了問題,展示了好處,或者提供了提高相關性的背景。
  • 它喚起了消費者期望的情感
  • 它對消費者“說”一旦配備了您提供的解決方案,他們將成為英雄。

當然,最好的選擇是對一些圖像進行A/B 測試以比較結果。 儘管如此,上述框架還是為您提供了一個起點,特別是如果您沒有為網站設計可轉換視覺效果的經驗。

現在,有關更多詳細信息:


選擇圖像時要考慮的因素

登陸頁面上的英雄形象應該做兩件事:吸引註意力並展示您的附屬產品/服務(或喚起激勵用戶選擇它的情感)。

找到可以同時做到這兩點的視覺效果並不是那麼簡單。 以下五個因素是您在為頁面選擇英雄圖像時使用的備忘單:

明晰

英雄形象使訪問者立即了解您要傳達的想法。

因此,盡最大努力滿足客戶的期望:堅持“一個圖像=一個想法”的規則。

如果使用產品照片,請選擇關注它的英雄形象,而不是創始人或背景。 如果您決定選擇基於情感的英雄形象,如果它與您的目標網頁標題產生共鳴,將會有所幫助。 因此,用戶會從第一眼看到這個想法。

例子:

螺旋槳英雄橫幅示例清晰度

顏色

只有懶惰的人沒有聽說過色彩心理學和對人腦對不同色調的反應進行分類。 請記住,如果計劃觸發登陸頁面訪問者的特定情緒。

是的,人們會根據您使用的顏色下意識地判斷您的網站。 如果您是某個特定品牌的附屬機構,則可以使用其調色板來喚起特定的聯想。 但是,如果您將您的聯​​屬網絡營銷網站作為一個具有個性和身份的獨立品牌進行宣傳,那麼它的調色板就取決於您了。

PropellerAds - 顏色可以增加 CR

會員心理學:顏色會影響轉換嗎?

這裡有一些規則:

  • 沒有一種顏色是每個人都會喜歡的,但出於某種原因,藍色是男人和女人都喜歡在網站上看到的顏色。 (你好 Facebook 和 LinkedIn!)所以,藍色對於英雄圖像來說可能是一種相對安全、中性的顏色。
  • 無論您選擇什麼顏色,都要確保它們形成鮮明對比,以使英雄形象脫穎而出。
  • 如果您將 CTA 放置在您的英雄圖片中,請使其對比鮮明,以供人們查看和點擊。

11 個經過驗證的會員 CTA


面孔的力量

我們的心理是讓我們立即與人臉聯繫起來,這就是為什麼像 Zac Johnson、Pat Flynn 和 Missy Wald 等一些附屬博主使用他們的照片作為英雄形象的原因:這是展示網站背後個性的巧妙技巧。

隨意使用帶有人臉的圖片作為主圖。 它們可以幫助引導訪問者了解您的價值主張:根據研究,我們自然會跟隨他人的目光,那麼為什麼不嘗試使用某人直接注視您的 CTA 的照片呢?

螺旋槳 - 看 cta

一致性

這個簡短而清晰:

盡力將英雄形象與您的附屬網站的其他部分聯繫起來。 它需要反映您要傳達給目標受眾的價值觀和原則,並且需要與您的利基相關。

因此,如果您的網站是關於遊戲的,那麼一個人擁抱他的狗的英雄形象就沒有多大意義。

此外,請記住著陸頁的顏色、色調和字體的一致性。 使其視覺上令人愉悅並為遊客組織:易於消費在這里至關重要。


有說服力的文字

雖然不是必須在主圖片中添加文字,但它可以放大您的品牌信息並激勵訪問者進一步滾動或了解有關您的報價的更多信息。 標題、副標題和具有說服力的文字的 CTA 是您增加聯盟合作夥伴推薦流量的額外機會。


不要為附屬登陸選擇英雄圖像

  1. 不要使用幻燈片:用戶幾乎不會檢查您放入的所有圖像; 連續第一個獲得的點擊次數最多,因此最好專注於它。
  2. 不要在你的英雄形像中過度使用動畫:它會壓倒它,佔用你的系統資源,但它不會影響用戶體驗。
  3. 將視頻作為英雄鏡頭放置時要小心:您永遠無法確定您的訪問者是否有足夠快的連接來自動播放它。

外賣

英雄形像不僅適用於大品牌。 如果做得好,他們可以使您的會員登錄頁面受益並提高​​其轉化率。 如何? 通過提高清晰度和補充您的價值主張。

那麼,為什麼不採取實施英雄形象的最佳實踐,看看什麼最適合您的聯盟網站呢? 但請盡量避免那些“呼叫中心”女士或筆記本電腦與一杯咖啡的庫存照片。

想討論這篇文章? 轉到下面的評論部分或加入我們的電報聊天!

免責聲明。 本文所表達的觀點是作者的觀點,並不一定反映 PropellerAds 的官方立場。