我們分析了數千個登陸頁面——這就是我們發現的

已發表: 2020-11-05

著陸頁最佳實踐並不普遍。 您創建淘汰活動的能力取決於您在用戶點擊您的廣告後滿足他們的期望的程度——您需要正確的點擊後體驗。

對於閱讀編輯網站(例如來自新聞網站、小眾博客和知名內容創作者的文章或視頻)的人來說,正確的點擊後體驗與社交媒體或搜索不同。

我們選擇搜索和社交是有原因的——這些是大多數廣告商通常知道和喜愛的渠道,而網絡的其他部分可能會感覺有點模糊。

在那裡,廣告系列通常屬於原生廣告桶,正確的點擊後體驗取決於迎合這種特定的心態。 這些人處於內容消費模式,他們發現新事物的時機已經成熟。

如果他們是第一次見到你,就給他們浪漫一點。 用最少的項目符號文本和首屏表單廢棄您的傳統登錄頁面——堅持編輯內容,如果做得好,會讓這群人愛上你。

明確這對績效營銷意味著什麼
目標,我們分析了金融、電子商務和教育垂直領域的數千個廣告客戶登陸頁面,以確定什麼是轉化的。 我們發現:

  • 將號召性用語放在哪裡
  • 令人驚訝的有效 CTA 設計(劇透:它們不是按鈕!)
  • 您需要包含的內容元素以及放置它們的確切位置
  • 複製提示以獲得更高的轉化率

最後,我們將以一個可行的模板結束,您可以將其用作您可能為搜索和社交之外的下一個廣告系列創建的任何目標網頁的基礎。

設計最佳實踐

我們已經提到編輯內容是要走的路,但這可能涵蓋廣泛的基礎。 我們在分析中看到的表現最佳的編輯內容類型是廣告、博客文章長篇登陸頁面。
他們的設計在他們的表現中發揮了重要作用——特別是每個頁面的總體佈局、技術元素和 CTA 設計。

編輯內容示例

佈局

您的佈局應遵循以下一般規則:

  • 您的標題應位於標題圖片之前。 我們發現,一旦點擊廣告的人看到著陸頁上的標題與廣告匹配,他們就更有可能留下來——所以把它放在前面和中間。
  • 您的標題圖像不應跨越桌面上的頁面寬度,但在移動環境中,沒關係。 當圖像在桌面佈局中跨越整個頁面時,這表明文章已經結束,並阻止人們繼續滾動。
  • 帶有一兩張圖片的文章表現最好。 但是,當我們按垂直向下鑽取時,這條規則有很多例外,所以總是 A/B 測試。
  • 您的文章應包含多個引人注目的部分標題。 具體來說,我們的意思是粗體標題,其文本大於正文。
  • 您的頁面應該有白色背景和黑色文本。 這種格式為新訪問者提供了可信度和可信度。

技術要素

在技​​術方面,有兩種技術上升到了頂峰:

  • 任何內嵌鏈接都應在新選項卡中打開。 這個小小的禮貌讓用戶可以在需要時快速返回到原始文章,並增加他們最終轉換的機會。
  • 彈出式 CTA 沒有幫助。 在這種情況下,他們會感到垃圾郵件,不值得麻煩。

圖像技術要素

CTA

    要創建可轉化的 CTA,請將傳統的規則書扔到窗外。

  • 在三分之一、三分之二和頁面末尾處至少包含三個 CTA。 這裡的目標是為人們提供多種轉換機會。
  • 前兩個 CTA 應該是內嵌文本。 與更傳統的登陸頁面相反,文章正文中的內嵌文本比彩色按鈕表現更好。 它對用戶體驗的破壞性較小。
  • 最後保存按鈕 CTA。 以下是它們的樣子(我們已經淡化了我們認為您應該避免的 CTA):

號召性用語示例

  • 遠離右欄 CTA 和頁面底部橫幅。 人們傾向於忽略這些作為橫幅盲的副作用。
  • 不要將 CTA 放在評論部分下方。 並非每個用戶都能做到這一點,您也不想錯過捕捉他們轉化的機會。

此插圖包括一個內嵌 CTA 和適當的文章結尾按鈕,同時還淡化了我們所說的右欄和頁面底部橫幅的含義:

號召性用語示例 2

  • 如果可以的話,讓你的 CTA 互動。 幾乎任何遊戲化或個性化的東西都會起作用。 計算器、測驗或簡單的問題可以捕獲更多轉化。
  • 不要給你的 CTA 背景。 在您的 CTA 周圍放置背景或框使其更加不可見。 它成為橫幅失明的受害者,而不是脫穎而出。
  • 這個模型包括一個基於問題的 CTA,並用背景淡化了無效的 CTA:

基於問題的 cta

所有這些建議歸結為使訪問者體驗的破壞性最小——他們在那裡消費內容,當你試圖對他們施加不同的體驗時,你的活動可能不會像你希望的那樣表現。

編輯登陸頁面示例

這些來自我們核心垂直領域的示例將這些最佳實踐從理論推向成功。

金融科技示例:Wikibuy

Capital One 的 Wikibuy 是一個免費的、可下載的瀏覽器擴展程序,可讓消費者在結賬時比較價格。 他們使用博客文章來鼓勵更多用戶下載他們的擴展程序。

我們在 cnbc.com 上找到了這個示例登錄頁面。 當您第一次到達時,頁面很乾淨,不會分散注意力。 標題在圖像上方,不跨越頁面寬度。

Wikibuy 登陸頁面示例

當您滾動時,您會看到一張引人入勝的圖片,展示了他們的產品。 再往下,內嵌鏈接會在新選項卡中打開一個頁面,您可以在其中下載擴展程序。 內嵌鏈接不具有侵入性或誤導性。

Wikibuy 登陸頁面消息匹配

當您完成文章時,您會遇到一個更顯眼的內嵌 CTA,以及一個提示您下載免費擴展程序的按鈕。 還有相關的社會證明,包括擴展程序的 Chrome 網上商店評級,以及審查過它的知名出版商的徽標。

Wikibuy 內聯 cta

電子商務示例:Koretrak

Koretrak 是一款健身手錶,可為人們的健康之旅提供支持。 Consumer Bags 上的一篇廣告正在宣傳這款手錶。
當您登陸頁面時,標題是您看到的第一件事。 Koretrak 還選擇在主要文章圖片之前提供社會證明,這是我們在其他情況下看到的有效策略。

Koretrak 社會證明

當您滾動時,您會看到整篇文章中突出的標題,以及無中斷的內嵌 CTA。

Koretrak 頭球

Koretrak 還在整篇文章中以世界衛生組織的引述形式嵌入了對其健康益處的數據驅動支持。

Koretrak 支持

雖然這不是官方建議,但它們也用複選標記表情代替了傳統的項目符號,這對撇油器來說是一種引人入勝的觸感。

Koretrak 登陸頁面副本

最後,他們用一個大按鈕 CTA 將其包裹起來,為那些轉換的人提供折扣。

Koretrak CTA

教育示例:連接學院

Connections Academy 是一個 K-12 教育計劃,提供在家中的虛擬學習。 他們使用資源中心上託管的此類文章向尋求在家指導的父母推銷他們的服務。
在這種情況下,圖像位於標題上方,但包含用作標題的文本,這是一種有效的解決方法。

連接學院頁面

當您滾動時,您會看到有關在線教育優勢的寶貴信息,以及多個在線 CTA,這些信息將您引導至包含有關 Connections Academy 的更多信息的服務頁面。

連接學院 CTA

複製最佳實踐

設計是至關重要的,但它只是成功的一半——你的文案必須同樣努力地吸引那些首先進入你的著陸頁的人。

雖然在我們的分析中,具體的著陸頁副本本身差異很大,但表現最好的頁面都遵循這些規則。

他們使用與之前的廣告相匹配的標題。 如果廣告的標題與您的文章標題大不相同,您的訪問者會覺得他們只是被點擊誘餌並彈跳。 保持消息一致。

這是一個很好的匹配:

  • 廣告標題:如何像專業人士一樣投資,從今天開始
  • 文章標題:這個投資平台讓新手投資者快速變成專業人士

這些不匹配:

  • 廣告標題:開始投資的 3 個技巧
  • 文章標題:這個投資平台讓新手投資者快速變成專業人士

一個引人入勝的鉤子,實現了標題中的承諾。 在第一段中,您需要在標題中引用聲明,但這是一個鉤子,所以要吸引註意力。

  • 引人入勝的鉤子:如果您要學會快速進行明智的投資,您需要專業人士的見解,並了解他們的投資組合。 一些最優秀的人使用我們的平台,並在這裡與您分享他們的見解。
  • 不吸引人的鉤子:如果打對了牌,投資的人可能會比不投資的人更富有。

我們的第一個例子既吸引人又回答了我們標題中的承諾,而第二個例子可能在某些情況下參與,但與讀者的意圖無關。

總結段落,稱為堅果圖,清楚地傳達您文章的價值。 我們經常看到文章試圖隱瞞信息或引導讀者,假設這會鼓勵他們完成文章。 實際上,這種策略很煩人,如果人們沒有立即看到他們正在尋找的東西,他們就會反彈。

  • 好的堅果圖:在本文中,我們將分解用戶從投資專業人士那裡學到的主要技能,包括如何正確設置您的購買預算、如何在購買前評估公司的潛在價值以及如何監控您的投資組合以保持您的資金安全。
  • 糟糕的堅果圖:在本文中,我們將分解投資專家提供的入門技巧。

緊跟在堅果圖之後的 CTA。 完成介紹後,請添加 CTA。 這個 CTA 應該是描述性的,並且比典型的 CTA 長一點——你需要做更多的事情來說服人們點擊,因為他們還沒有完成文章。

  • 好的CTA:註冊我們的平台以獲得定制的專業投資建議
  • 糟糕的 CTA:註冊我們的平台

描述性部分標題貫穿始終。 這都是關於心態的——在新聞網站上,人們正在瀏覽,當他們點擊時並不總是確定他們想要閱讀你的整篇文章。 我們看到人們滾動到頁面底部,備份,然後開始閱讀以確定一篇文章是否適合他們。 您的部分標題應該能夠吸引註意力。

  • 好的部分標題:我們的專業人士建議不要投資超過每月收入的 5%——這就是為什麼
  • 錯誤的部分標題:投資多少

文章末尾的最終 CTA。 翻轉我們為第一個 CTA 提供的建議。 現在是進入正題的時候了。

  • 好的 CTA:註冊我們的平台
  • 糟糕的 CTA:註冊我們的平台以獲得定制的專業投資建議

文案示例

作為精明的營銷人員,您始終掌握最佳實踐,但有時您需要靈感。 以下是我們主要垂直領域的一些著陸頁示例,以說明引人注目的副本背後的基礎知識。

電子商務示例:FirstLeaf

Firstleaf 會根據客戶的口味運送定製酒盒,而且價格比您在商店支付的要便宜得多。 他們的競選文章說明了這兩點。

雖然廣告和文章的標題不同,但用戶意圖是一致的。它們的開頭段落也引起了讀者對葡萄酒銷售“切斷中間人”的概念的興趣,並立即回應了標題中的承諾,解釋說這些中間人是你為酒多付錢的原因。

FirstLeaf文案示例

在簡短的介紹之後,一個堅果圖切入正題——Firstleaf 將要求讀者進行一個簡短的測驗,以確定他們的葡萄酒口味並揭示他們產品的價格點。 在堅果圖之後,我們看到我們第一個參與在線 CTA 進行測驗。

FirstLeaf 內聯 cta

在這種情況下,Firstleaf 使用塊引用標註代替標題,但它們的工作原理相同。 它們具有足夠的描述性,因此當有人確定是否要閱讀更多內容時,它們很容易被掃描。

當我們結束時,會有一個簡短的按鈕式 CTA 提示訪問者再次參加測驗。

FirstLeaf 下一個 cta

金融科技示例:檸檬水

Lemonade 是一個金融科技平台,可簡化市場人士購買和管理房主保險的流程。 他們的活動和各自的登陸頁面專注於降低他們的報價比其他人的成本。

標題與廣告的標題明顯相關,儘管它們並不完全相同。

檸檬水登陸頁面示例

Lemonade 很快就談到了重點,引用了計劃外費用或自然災害的預計成本。 他們的堅果圖引導讀者了解他們將從每月 25 美元的報導中獲得什麼,準確地描述了文章中的信息。

保險費用

在他們的堅果圖之後,有一個在線 CTA 提示用戶查看價格。 他們還在測試一種混合 CTA,其中包括內嵌文本和按鈕。 內嵌文本徹底描述了報價,而按鈕則提供了衝擊力。

號召性用語示例

他們的第一部分標題定義了 Lemonade 聲稱自己是透明度行業領導者,並使用項目符號來提高可讀性。 這篇文章用另一個混合 CTA 結束了他們的最後一部分,包括一個簡短、甜美和中肯的按鈕 CTA。

第二個 CTA

教育示例:語法

我們一直非常關注文章和廣告,但長格式的登陸頁面是另一種我們看到在編輯網站的廣告系列中表現良好的內容。 這些著陸頁在結構和文案方面可能存在很大差異,但包含我們提到的所有基本元素的著陸頁可以很好地為廣告商帶來轉化。

Grammarly 的廣告系列使用長篇登陸頁面來準確地可視化和描述他們的報價,整個副本已經成熟,可以轉換。

這個著陸頁是一個很好的例子,說明廣告創意和著陸頁上的標題如何不同,但仍符合用戶意圖。 首先,活動通過鼓勵人們仔細檢查他們的電子郵件來製造緊迫感,並通過承諾簡化流程來完成交易。

Grammarly 選擇使用 GIF 來可視化他們的產品價值主張,而不是描述性的堅果圖,該 GIF 準確地展示了他們的工具如何捕捉寫作錯誤並提供改進提示。

語法登陸頁面

當您滾動時,您會看到描述性的部分標題和微妙的內嵌 CTA,它們鼓勵用戶了解有關擴展的更多信息。

語法特徵

此頁面的第一種社交證明形式包括一個集成列表,以表明它們不僅與電子郵件有關——您可以使用它們的擴展在各種平台上改進您的寫作。

語法特徵

我們沒有在這裡全部描繪它們,但是在整個登錄頁面中,Grammarly 包含多個易於掃描的部分標題和段落,它們專門描述了它們的擴展的每個用例。

最後,他們用一個滿意的客戶的報價和最終的 CTA 來結束他們的著陸頁。

語法應用程序功能

真實世界的著陸頁基礎知識

基於編輯的登陸頁面是廣告商可以在編輯網站上使用的最成功的方法。 這些特別包括文章、廣告和長篇登陸頁面。

客戶見證

在構建目標網頁時,請牢記以下基本要素:

  • CTA 應該是無干擾的。 使用編輯登陸頁面,您不想擾亂讀者的流程。 在整個過程中使用內嵌 CTA 來鼓勵更多轉化。
  • 設置頁面的可掃描性。 在人們閱讀頁面之前,他們會滾動到底部並再次返回頂部以確定他們是否想要深入了解。使用描述性的部分標題來吸引他們的注意力。
  • 快速進入正題。 不要拖著讀者閱讀文章的結尾來表達你的觀點——在介紹中使用強大的螺母圖來做到這一點。
  • 描述你的價值。 當您為 CTA 編寫副本時,請在要求訪問者採取具體行動之前描述您的報價的價值。

為了使您的副本更容易一些,請使用此 Google Doc 模板,其中包括我們上述所有建議的指導演練。

我們鼓勵您繼續對各個元素進行 A/B 測試,以了解您的受眾點擊了什麼,但這些最佳做法是任何原生編輯廣告系列的良好開端。

關於作者

梅根是 Taboola 的高級內容營銷經理,也是一位自豪的冰茶愛好者。 她還為 Content Marketing Institute、Vox 和 SEMRush 等網站撰寫文章。 你可以找到她的在線寫作、推特或處理一組營銷數據。 在 MeganRoseM 發推文,或在 Megan Morreale 的 LinkedIn 上聯繫。