良いランディングページはどのように見えますか、そしてどのようにそれを最高にしますか?

公開: 2022-05-06

1.ランディングページとは何ですか?
2.ホームページとランディングページ
3.ランディングページはどのような目的に役立ちますか?
4.マーケティング用のランディングページが必要ですか?
5.ランディングページの種類
6.ランディングページのデザイン
7.ランディングページビルダーツール
8.ランディングページのコピーを書く
9.従うべきランディングページのベストプラクティス
10.ランディングページをA/Bテストする必要がありますか?
11.ランディングページが良いかどうかを知る方法は?
12.お気に入りのランディングページの例

調査によると、Webサイトの訪問者が自分のページについて意見を述べるのにかかる時間はわずか0.05秒です。 想像してみてください。1秒もかからず、人はあなたのWebサイトが好きかどうか、滞在するか離れるかを言うことができます。

GIPHY経由

別の統計によると、人の目がWebサイトのページの第一印象に最も影響を与える領域に到達するまでに約3秒かかります。 つまり、すぐに関与する必要があります。 しかし、古典的なホームページレイアウトでそれは可能ですか? 状況によっては、適切なランディングページが必要な場合がありますか? 確認してみましょう。

ランディングページとは何ですか?

デジタルマーケティングでは、ランディングページは、マーケティングまたは広告キャンペーン用に特別に設計された別個のWebページです。 これは、ユーザーが召喚状をクリックした後、または電子メール、ソーシャルメディア、広告などのリンクをクリックした後に「着陸」するページです。

ホームページとランディングページ

原則として、いくつか/多くの目標があり、探索を促進する一般的なWebページとは異なり、ランディングページは通常1つの目標に焦点を合わせています。

ホームページとランディングページ

メインページまたは「AboutUs」ページにユーザーを誘導しても、それらが非常にミニマルであっても、それらのページがランディングページになるわけではないことに注意してください。 ランディングページは、サイトのナビゲーションから分離されたスタンドアロンページであり、ユーザーに行動を促すことのみを目的として設計されています(たとえば、ダウンロード、注文、サインアップなど)。

ランディングページはどのような目的に役立ちますか?

明らかに、ホームページはブランドにとって重要な役割を果たしています。 ビジネスとその価値に関する最も重要な情報を強調し、人々がさまざまな製品やサービスなどを探索するのに役立ちます。この場所から、人はどこにでも行くことができます—会社のニュースを読んだり、仕事に応募したり、FAQセクションを表示したりします。コミュニティボードなどに投稿してください。ただし、このようなページは必ずしも訪問者に購入を促すものではありません。 そしてそれがポイントです。

それどころか、ランディングページは、Webサイトの訪問者を有料の顧客に変えることに焦点を合わせています。

マーケティング用のランディングページが必要ですか?

ランディングページは、特定の範囲のタスクに使用すると優れた結果をもたらします。 たとえば、ビジネスオーナーは、特定のニッチまたは製品をすばやくテストしたいと考えています。 ランディングページのデザインにはそれほど時間はかかりません。 さらに、コンテンツの変更に応じてコンバージョン率を追跡できます。 ランディングページは、潜在的な顧客の基盤を作成するのにも適しています。

限られた量の情報をランディングページに配置できます。 これにより、単一の製品または製品のカテゴリを宣伝するのに適しています。 ランディングページのクリック率は、多数のポジションと標準的なチェックアウト手順を備えたオンラインストアと比較して高くなります。

ランディングページの種類

ランディングページの主な目的を実装するために、さまざまなタイプを使用できます。

広告をフォローするためのランディングページ

これは、人が広告をクリックした後に「着陸」するページです。

目標到達プロセスのページの上部

このページは、リード生成ページとも呼ばれます。 名前が示すように、このタイプのページは、訪問者の名前や電子メールアドレスなどのリードのデータを収集するために使用されます。 原則として、そのようなページは連絡先データと引き換えに無料で何か(ガイド、ウェビナー、eBookなど)を提供します。

ハブスポットの電子ブックページ

出典:HubSpot

紹介リンクページ

あなたのブランドを友達に推薦できる忠実な顧客がいるなら、推薦がなされたらそれらの友達を送るページが絶対に必要です。

テクニカルページ

以下は、作成できるテクニカルランディングページの3つのタイプです。

ありがとうページ

ありがとうと言うのを忘れないでください。 人々がフォームに記入したり、連絡先データを提供したり、注文したりした後、ありがとうのランディングページにリダイレクトします。 これは、リードを目標到達プロセスのさらに下に移動するか、リピーターを確保する絶好の機会です。

アップワークありがとうページ

出典:Upwork

404エラーページ

このタイプのランディングページは時間の無駄だと思うかもしれませんが、これは潜在的な顧客を失った状態から忠実な状態に変える良いチャンスです。

ヘルプスカウト404

出典:Helpscout

退会ページ

多くのブランドは、「登録解除」をクリックする前に顧客を取り戻す機会を無視しています。 適切な購読解除ランディングページのデザインは、購読解除者を忠実な顧客に変えることができます。 たとえば、特定のアイテムのみに関するカスタマイズされた電子メール、販売電子メールなどを受信するようにユーザーに提供し、その後、購読を解除するオプションを提供できます。

ランディングページのデザイン

典型的なランディングページは、いくつかの必需品で構成されています。 それらを詳しく見てみましょう。

ページレイアウト

まず、レイアウト、つまりランディングページの構造を作成します。 詳細に集中する前に、最大かつ不可欠な要素について考えてください。 次に、会社のロゴ、メインメニューボタン、タイトル、説明、行動を促すフレーズなどを配置する場所を決定します。


一貫性のあるランディングページをデザインすることが重要です。 1つのデザインとカラーパレットに固執することをお勧めします。 互いに補完し合ういくつかの色を選択し、召喚状ボタンを強調表示して、テキストが他の要素と対照的であることを確認します。

その他の視覚的要素

背景ビデオや製品の写真などの視覚要素をサポートすることを検討してください。

ランディングページビルダーツール

理想的には、すべての新しいキャンペーンに独自のランディングページが必要です。 場合によっては、ターゲットオーディエンスごとに複数のランディングページを作成する必要があります。 したがって、おそらく多くのページをデザインする必要があります。 そのため、適切なランディングページビルダーを選択することが重要です。 以下は、選択できるいくつかのオプションです。

カード

カード

Carrdは、個人のWebページ、電子メールを収集するためのランディングページなど、ほとんどすべてに適したシンプルなランディングページクリエーターです。Carrdを使用すると、アカウントごとに最大3つのランディングページを無料で作成できます。 Carrdのプレミアム機能を利用したい場合、または3つ以上のランディングページが必要な場合は、年間19ドルの有料プランにアップグレードすることを検討してください。

Googleサイト

Googleサイト

Googleサイトは、ウェブページを作成および共同編集するためのサービスです。 ドキュメント編集ツール、カレンダー、地図、YouTubeなどを含むすべてのGoogleWebアプリケーションと互換性があります。このサービスは無料です。

インスタページ

インスタページ

Instapageは、ビジネスを始めたばかりの小規模企業や個人ユーザー向けに設計されています。 このツールを使用すると、高品質のランディングページをすばやく作成できます。 ページを検索エンジン用に最適化したり、A / Bテストしたり、登録フォームからユーザーデータを収集したりする場合でも、Instapageを使用してすべてを行うことができます。 ただし、少し高価です(月額$ 149から)。

ランダー

着陸船

Landerは、高レベルで豊富な分析ツールを備えた強力なフル機能のランディングページビルダーです。 このコンストラクターの使い方を学ぶのは簡単ではないので、初心者は余分な時間を費やす準備ができている必要があります。 無料試用期間があり、ユーザーはプログラムを購入する前に実験することができますが、ランディングページに引き付ける予定の訪問者が多いほど、選択する必要のある価格プランが高くなることに注意してください。

ランディンギ

ランディンギ

Landingiは、ランディングページを作成するだけでなく、ランディングページを個別に使用してマーケティングキャンペーンを実行するのに役立つ便利なマーケティングプラットフォームです。 価格は月額29ドルからです。

リードページ

リードページ

LeadPagesは、あらゆる種類のランディングページを作成し、そのパフォーマンスを最適化するための幅広いオプションを備えたサービスです。 カスタマイズ可能なテンプレートが利用可能であり、WordPress、Facebookなどを含む任意のプラットフォームで実行されます。 価格は月額27ドルからです。

Mailchimp

Mailchimp

Mailchimpを使用すると、マーケティングメールを送信できるだけでなく、訪問者がオーディエンスに参加したり、商品を購入したりしたくなるような美しいランディングページをデザインできます。 リードの収集とメール送信を開始するまで、このツールは技術的に無料です。 これを行うと、価格は月額$10から始まります。

バウンスを解除

バウンスを解除

ベンダーは、誰でもドラッグアンドドロップできると言っています。 したがって、ビジネスのランディングページを作成するために開発者を探す必要はありません。 Unbounceを使用すると、コーディングやデザインのスキルがなくても、デスクトップとモバイル向けの見事なランディングページをデザインできます。 100以上の使いやすいテンプレート、無料の高解像度画像、A / Bテスト、各クリックを最大化するのに役立つAIを利用したスマートトラフィック機能-Unbounceを使用することを選択すると、これらすべてを取得できます。 価格は月額$80からです。

Wix

Wix

完全にカスタマイズ可能な無料のランディングページテンプレートを使用して、Wixで優れたランディングページを1時間以内に作成します。

WordPress

Wordpress

WordPressは、Webサイトを作成するために最もよく使用されるツールです。 選択できるプラグインはたくさんありますが、Beaver Builderは、WordPressプラグインでこれまでに見つけた中で最高のランディングページの1つです。 プラグインを使用すると、簡単なドラッグアンドドロップツールで変更できる既製のテンプレートを使用して、ランディングページを簡単に作成できます。

ランディングページのコピーを書く

これで、ランディングページのコンテンツの作成を開始する準備が整いました。 覚えておくべきいくつかのルールがあります。

問題点を強調する…

製品やサービスの機能を説明することはもはや重要ではないことは誰もが知っています。 代わりに、視聴者の問題点に対処する必要があります。 したがって、ランディングページのメッセージの作成を開始する前に、オーディエンス調査を行って、人々の固有のニーズと問題を理解してください。

...そしてあなたのソリューションを提供します

あなたの製品やサービスがどのように彼らの問題を解決できるかを示してください。

社会的証明を追加する

人々があなたのウェブサイトに着陸するとき、彼らはあなたの申し出が何か良いかどうか知りません。 しかし、彼らがページを調べて、業界の専門家/有名人/通常のユーザーがすでに製品/サービスを使用していることを確認すると(それは社会的証明です)、彼らはあなたをより信頼します。

証言、他のサイトからのレビュー、ケーススタディ、実際の顧客からの個人的な話、業界の専門家や有名人からのレビューなどを使用してください。

インターコムの社会的証明

出典:インターコム

読みやすさのスコアを確認してください

読みやすいランディングページは、読みにくいランディングページよりも訪問者を変換する可能性が高くなります。 訪問者に明確で単純な情報を提供してもらいたい場合は、ページを公開する前に必ず読みやすさのスコアを確認してください。

ヘミングウェイの読みやすさのスコア

出典:ヘミングウェイ

ランディングページにはSEOが必要ですか?

必ずしも。 ランディングページの目的によって異なります。 ページが広告フォローページである場合、ページがGoogle検索から非表示になることもあります。

ランディングページのベストプラクティスに従うべき

これらのランディングページのベストプラクティスに従ってください。

スキャンしやすくする

空白を追加し、重要な要素を視覚的に強調します。

ページ全体で個別のCTAを使用する

訪問者がクリックしたときに何が起こるかを正確に示すCTAボタンを追加します。

見出しにメリットを追加する

各見出しが、提供するメリットやソリューションを明確に説明していることを確認してください。

不要なアニメーションを避ける

現代のトレンドによると、静的なランディングページは、すべてが単独で移動するページよりもはるかに優れています。

製品のビデオまたはスクリーンショットを追加します

この種の情報は「消化」しやすいため、人々は写真に細心の注意を払っています。 スクリーンショット、イラスト、ビデオを使用することもできます。

ページ上のleadformlyビデオ

出典:Leadformly

任意のデバイスに最適化

他のマーケティングキャンペーンと同様に、ランディングページがさまざまなデバイスと互換性があり、任意の画面サイズで表示できることを確認する必要があります。

テンプレートを作成して使用する

これは時間を節約するのに役立ちます。

ランディングページをA/Bテストする必要がありますか?

ランディングページの2つ以上のバージョンをテストして、どれが最高のパフォーマンスを発揮するかを確認します。

ランディングページが良いかどうかを知る方法は?

訪問者数を追跡する

ランディングページのパフォーマンスを管理する最初のステップの1つは、ページにアクセスしたユーザーの数を確認することです。 GoogleAnalyticsの新規ユーザー指標に注意してください。 これは、指定された日付範囲内の最初のランディングページ訪問者の数を提供します。 あなたの目標があなたのウェブページのトラフィックを増やすことであるならば、これは注意を払うべき重要な測定基準です。

新規ユーザーの追跡

彼らがどこから来たのか確認してください

ランディングページへのトラフィックがどこから来ているかを知ることは、より集中すべきソース(検索エンジン、ソーシャルメディア、ニュースレターなど)を決定するのに役立ちます。

コンバージョン数を追跡する

Google Analyticsで目標を設定すると、ランディングページのコンバージョン率を確認できます。 目標には、組織への寄付、電子メールニュースレターへの登録、何かの購入、ウェビナーへの登録などの訪問者が含まれる場合があります。

ヒートマップを使用する

データの視覚化を使用して、訪問者がランディングページをどのように操作しているかを確認します。 そうすることで、視聴率の高いエリアと訪問者が最も見たくないエリアを特定できます。

Hotjarヒートマップ

ソース:Hotjar

バウンス率を追跡する

このメトリックは、どのページが訪問者にさらに探索を促し、どのページが訪問者をバウンスさせているか(訪問者はすぐにページを離れた)を理解するのに役立ちます。

私たちのお気に入りのランディングページの例

これらの素晴らしいランディングページの例からインスピレーションを得てください。

インスタページのランディングページ

出典:Instapage

Shopifyのランディングページ

出典:Shopify

モックフローランディングページ

出典:Mockflow

Asanaランディングページ

出典:Asana

GoDaddyのランディングページ

ソース:GoDaddy

ミックスパネルのランディングページ

出典:Mixpanel

結論

ホームページと完全なウェブサイトは情報と探索に最適ですが、トラフィックを収益に変えるのが必ずしも得意ではありません。 1つの焦点を絞った目標を設定して専用のランディングページを作成および最適化することで、マーケティングキャンペーンのコンバージョン率を高め、見込み客や販売の獲得コストを削減できます。 この記事で、ランディングページを作成する理由と方法を理解できれば幸いです。 私たちが何かを逃した場合は、以下のコメントでお知らせください。