シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

ゲートコンテンツ・ランディングページの作り方

超効果的なゲートコンテンツ・ランディングページの作り方 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

私はこれまで何十ものランディングページを作ってきたが、一貫して最高のリードをもたらすのが、ゲートコンテンツ・ランディングページだ。

もしあなたがまだWordPressサイトを使っていないのであれば、人々が実際に欲しがる限定リソースを提供することで、Eメールリストを増やすシンプルな方法を見逃していることになります。

このガイドでは、開発者を必要とせずにWordPressでゲートコンテンツ・ランディングページを作成する方法と、確実にコンバージョンさせる方法を紹介する。

ゲートコンテンツ・ランディングページとは何か?

ゲーテッド・コンテンツ・ランディングページとは、限定コンテンツへのアクセスと引き換えに、訪問者にEメールアドレスの入力を求める専用ページのことです。

このような「ロックされたコンテンツ」は、あなたのサイトの他の場所では得られないが、あなたのオーディエンスが大切にしているものである:

コンテンツのロックを解除するには、通常、訪問者は簡単なサインアップフォームに記入します。そこから、ダウンロードを即座に配信するか、リスト作成ツールからEメールで送信することができます。

この戦略はインバウンドマーケティングでは一般的で、コンテンツが実際の問題を解決している場合は特に効果的です。Googleのような検索エンジンはあなたのランディングページをインデックスすることができるので、SEOは影響を受けません。

そのひとつを紹介しよう:

	最小限のフォーム・フィールドで構成されたゲーテッド・コンテンツ・ランディング・ページの例

ゲーテッド・コンテンツ・ランディングページに何を含めるべきか?

最高のゲートコンテンツ・ランディングページは、シンプルで、視覚的で、コンバージョンするように作られている。あなたのコンテンツの価値を説明し、人々が簡単にサインアップできるようになっています。

私がSeedProdを使って構築したすべてのゲートコンテンツページに掲載している内容は以下の通りです:

  • 明確なバリュープロポジション- 訪問者に何が得られるのか、なぜEメールを送る価値があるのかを伝えましょう。
  • シンプルなレイアウト- クリーンでモダンなデザインは、人々があなたのオファーに集中するのを助けます。
  • ビジュアル・メディア- 画像、カラー、短いビデオなどを追加して、注意を引き、重要なポイントを説明する。
  • 短いオプトインフォーム- 入力項目が少ない=コンバージョン率が高い。必要なものだけを求める
  • 焦点を絞ったコール・トゥ・アクション- 次に何が起こるかを正確に伝えるCTAを使う。

また、公開する前に、このランディングページ解剖ガイドと ベストプラクティスを確認することをお勧めします。

コンテンツにゲートをかけるべきか?

ゲーテッド・コンテンツは有効だが、常に正しい選択とは限らない。私はさまざまなオーディエンスに対して、ロックコンテンツとオープンコンテンツの両方をテストしてきました。

意味がある場合:あなたのコンテンツが特定の問題を解決し、「プレミアム」だと感じられるなら、それは確かな候補です。ダウンロード可能なガイド、業界レポート、独占ビデオなど、読者が他でググれないようなものを考えてみよう。

スキップするタイミングオーディエンスがあなたのブランドに慣れていない場合、あるいはただ答えをすぐに求めている場合、早すぎるコンテンツゲーティングは信頼を損なう可能性がある。価値が明確で、問い合わせが少額の場合(Eメール1通のような場合)にとっておきましょう。

ここでは、私が最も成功したいくつかのゲート型コンテンツを紹介する:

  • 特定のブログ記事に関連した無料の電子書籍やテンプレート
  • 実際に成果を上げたケーススタディ(特にB2Bにおいて)
  • ウェビナーやミニコースへの早期アクセス
  • Eメール購読者限定の割引コード

結論:ゲーティングコンテンツはリードを増やすことができるが、オファーに価値がある場合に限る。常に両方のバージョンをテストし、オーディエンスが何に反応するかを確認しよう。

ゲートコンテンツ用ランディングページの作り方

WordPressでゲートコンテンツ・ランディングページを作成するためにコードを書いたり、開発者を雇ったりする必要はありません。SeedProdは、すべてのプロセスを初心者にやさしくします。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

プラグインのインストールから、リードを自動的に収集するモバイルフレンドリーなデザインの公開まで、SeedProdを使ってステップ・バイ・ステップでページを構築する方法をご紹介します。

ステップ1.SeedProdランディングページProをインストールする

高コンバージョンのゲートコンテンツランディングページを構築するには、SeedProd Proが必要です。このガイドの後半で使用する高度な機能とEメール統合機能をアンロックします。

このステップでヘルプが必要な場合は、WordPressプラグインのインストール方法に関するこちらのガイドに従ってください。

注: SeedProdには無料版もありますが、このチュートリアルでは、必要な高度なブロックとEメール統合機能を備えたPro版を使用します。

アクティベーションの際、アカウントを確認するためにライセンスキーを入力する必要があります。SeedProdライセンスキーは、SeedProdウェブサイトのアカウントダッシュボードで確認できます。

seedprodライセンス・キーをアクティベートする

Verify Keyボタンをクリックすると、成功のメッセージが表示されます。これでページを作り始めることができます。

ステップ2.新しいランディングページを作成する

キーを確認した後、SeedProd " Pagesに行き、'Add New Landing Page'ボタンをクリックしてゲートコンテンツ・ランディングページを作成します。

SeedProdを使用してWordPressに新しいゲート・ランディング・ページを追加する

そこから、すぐに使い始められる数百ものテンプレートが掲載された新しいページが表示されます。フィルターのどれかをクリックして、あなたのニーズに近いデザインを見つけてください。

SeedProd レスポンシブ・ランディングページ・テンプレート例

このガイドでは リードスクイーズフィルターをクリックし、投資スクイーズページテンプレートを選択します。

ゲートコンテンツページ用のSeedProdテンプレートを選択する

テンプレートを起動するには、サムネイルの上にマウスを移動し、チェックマークアイコンをクリックします。

ワンクリックでSeedProdランディングページテンプレートをインポート

テンプレートを選択すると、ページの名前とURLを入力するポップアップが開きます。そして、「保存してページの編集を開始する」ボタンをクリックして次に進みます。

新しいロックコンテンツ・ランディングページの名前とURLフィールド

これで、新しいゲートコンテンツ・ランディングページがSeedProdのビジュアルページエディタで開きます。

ステップ3.ゲートコンテンツ・ランディングページをカスタマイズする

SeedProdのビジュアルページビルダーは、ランディングページにコンテンツや高度な機能を簡単に追加することができます。

例えば、リアルタイムでページを編集したり、画面の右側でプレビューすることができます。同様に、左側には様々なコンテンツブロック、セクション、ツールを見つけることができます。

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

SeedProdには、ランディングページをスタイリングするための幅広いブロックが用意されています:

  • 標準- 見出し、画像、CTAボタン、カラムなどの基本的なコンテンツ。
  • アドバンス- オプトインフォーム、カウントダウンタイマー、ソーシャルメディア埋め込み、テスティモニアルなどのリード生成ブロック。
  • WooCommerce- カートに追加ボタン、チェックアウト、ショッピングカート製品グリッドなど、eコマースストアのコンテンツ。
  • Saved - 他のページで再利用するために保存したカスタマイズブロック。

幸いなことに、SeedProdのレスポンシブテンプレートデザインを使えば、大変な作業の多くはあなたのために行われます。つまり、デフォルトの要素をあなたのコンテンツに置き換え、スタイリングをカスタマイズするだけです。

オプトインフォームのカスタマイズ

まず、ユーザーがゲートコンテンツに登録するためのオプトインフォームをカスタマイズしましょう。

デフォルトのオプトインフォームをカスタマイズするには、プレビュー上でフォームの上にマウスを移動し、歯車のアイコンをクリックします。これにより、画面左側にコンテンツ設定パネルが表示されます。

オプチンフォームブロックの設定

このパネルでは、カスタムフォームラベルの入力、特定のフォームフィールドの表示/非表示、フォームのコールトゥアクションボタンのカスタマイズができます。

さらに、ユーザーがサインアップした後の動作も選択できます。例えば、カスタム成功メッセージを表示したり、ユーザーをウェブサイトの別のページにリダイレクトすることができます。

登録フォーム サクセス・アクション

リダイレクトアクションは、無料ダウンロードをユーザーに配信する優れた方法です。このガイドに従ってサンキューページを作成し、ダウンロードのトリガーとなるリンクを追加するだけです。

カスタムランディングページのテキストを追加する

次に、見出しをクリックしてページプレビューに直接入力することで、デフォルトの見出しをあなたのオファーに合うように変更することができます。 

ゲートコンテンツ・ランディングページのコンテンツをカスタマイズする

または、左側の見出し設定パネルに見出しテキストを入力することもできます。同じパネルで、整列、フォントサイズ、見出しレベルを調整できます。

小見出し、箇条書きリスト、本文など、テンプレート上のその他の記述内容についても、このステップを繰り返します。

アイコンのカスタマイズ

このガイドのテンプレートには、デフォルトで便利なアイコンボックスも含まれています。これにより、人目を引くアイコンを表示し、その下に小見出しと説明を表示することができます。

seedprodアイコンブロックをカスタマイズする

プレビューのブロック設定アイコンをクリックすると、表示するアイコンを簡単にカスタマイズできます。そこから、デフォルトのアイコンを削除し、SeedProdのアイコンライブラリから関連性の高いデザインを選択することができます。

Seedprodアイコンライブラリ

アイコンの色、配置、サイズも、テキストと同じパネルで変更できます。

ヒーロー像を変える

当然ながら、デフォルトのヒーロー画像をあなたのオファーにより適したものに置き換えたいでしょう。これを行うには、既存の画像ブロックをクリックし、ゴミ箱アイコンを選択して画像を削除します。

ゲートコンテンツ・ランディングページのヒーロー画像を差し替える

その後、コンピュータから画像をアップロードするか、「ストック画像を使用」ボタンをクリックしてロイヤリティフリーの写真を選択します。

seedprodのロイヤリティフリーストックフォトを使用する

カウントダウン・タイマーの追加

また、ランディングページの訪問者に切迫感を呼び起こしたい場合は、SeedProdに内蔵されているカウントダウンタイマーを使用することができます。左側のパネルからブロックをドラッグしてページにドロップするだけです。

ゲートコンテンツ・ランディングページにカウントダウンタイマーを追加する

タイマーの有効期限を特定の日付に設定したり、設定パネルで各訪問者のタイマーをリセットして常時有効にすることができます。

SeedProd カウントダウン・クロック・タイプ

また、テンプレートタブでは、数回のクリックで簡単にタイマーのスタイルを変更することができます。

カウントダウン・タイマーのテンプレート seedprod

社会的証明を含む

ページの色のカスタマイズに移る前に、もうひとつ付け加えなければならないことがある。

SeedProdを使用すると、オファーの主張に重みを加えるために、お客様の声と星評価の両方を簡単に含めることができます。その結果、既存顧客からの好意的なコメントを使用して、ゲーティングされたコンテンツをダウンロードするようユーザーを説得することができます。

シードプロッド証言ブロック

お客様の声の設定パネルでは、写真、クライアントの名前、タイトルを含む複数のレビューを追加することができます。また、ユーザーフレンドリーなカルーセルスライダー上で回転するようにお客様の声を設定することができます。

証言ブロックの設定

さらに、 スター評価ブロックは、ユーザーがあなたのビジネスをどのように評価しているかを一目で確認できる優れた方法です。これはまた別の戦略であり、登録するよう説得することができる。

ソーシャルプルーフ(社会的証明)のために、ゲーテッドコンテンツのランディングページに星評価ブロックを追加しましょう。

配色を選ぶ

ゲートコンテンツ・ランディングページをカスタマイズする最後のステップは、色とタイポグラフィをカスタマイズすることです。まず、ヒーローセクションの背景色を変更してみましょう。

これを行うには、プレビューのヒーローセクションの上にマウスを青いアウトラインが表示されるまで動かします。次に、歯車のアイコンをクリックして設定パネルを表示します。

Seedprod ヒーロー行の設定

次に、背景色の見出しの横にあるカラーパレットのアイコンをクリックし、カラーピッカーから色を選択します。

ヒーロー・セクションの背景色をカスタマイズする

しかし、アイコン、ボタン、見出し、テキストについてはどうでしょうか?

良いニュースは、グローバル設定メニューでこれらのすべてを自動的に変更できることです。画面の左下にある歯車か歯車のアイコンをクリックするだけで、そのメニューが表示されます。

SeedProdグローバル設定

ご覧のように、この中には以下の設定が含まれている:

  • フォント
  • カラー
  • 背景
  • カスタムCSS

これらの設定のいずれかを調整すると、その変更がページ全体に追加されます。これにより、各ブロックで個別に変更する手間が省けます。

例えば、デフォルトのグローバルカラー設定を変更するには、「色」の見出しをクリックします。ここでは、ページ全体の見出し、テキスト、リンク、ボタン、背景色を一つずつ変更することができます。

SeedProd ゲートコンテンツ・ランディングページのカラースキーム

しかし、どの色を選べばよいかわからない場合は、カラーパレットボタンをクリックして、SeedProdの定義済み配色のいずれかを使用することができます。そこから配色を選択し、ワンクリックで適用することができます。

その結果は?全体的に一貫性のある、見栄えのするデザイン、

新しいページカラー

ステップ4.メールマーケティングサービスに接続する

あなたの主な目標の一つは、ゲートコンテンツであなたのビジネスのためのリードを生成することですので、彼らがサインアップした後、ユーザーのメールアドレスを保存する方法が必要です。

SeedProdでは、ゲートコンテンツ・ランディングページをConstant ContactやMailchimpのような一般的なEメールマーケティングサービスに接続するのがとても簡単です。接続」タブに切り替え、メールサービスプロバイダーを選択するだけです。

seedprodメールマーケティング統合

ここに掲載されていないサービスに接続する必要がありますか?SeedProdはZapierで動作します。ZapierはSeedProdとZapier上の3000以上の他のアプリやマーケティングオートメーションツールとの橋渡しをします。

ステップ5.ランディングページの設定

ランディングページにトラッキングスクリプトを追加したり、カスタムドメイン名を付けたいですか?その場合は、ページ設定タブに切り替えると、それらの設定を簡単に行うことができます。

ランディングページ設定

特にカスタムドメイン機能では、WordPressウェブサイトを使用して、ゲートコンテンツ・ランディングページ、近日公開ページ、製品ページ、地域ターゲティング広告キャンペーン、マイクロサイトなどを独自ドメイン名で作成することができます。

seedprod カスタムドメイン設定

WordPressのマルチサイトネットワークを作成したり、複数のWordPressウェブサイトをインストールしたりする代わりに、ランディングページを作成し、カスタムドメイン名を指定するだけです。

WordPressホスティングプロバイダーがマルチドメインの使用を許可し、ホスティングダッシュボードにドメイン名が追加されていることを確認してください。

ステップ6.ゲートコンテンツページを公開する

ページを公開する前に、さまざまな画面サイズでテストし、正しく表示されることを確認する必要があります。幸い、SeedProdを使えば、デスクトップサイトをモバイルで簡単にプレビューできます。

デザインタブをクリックし、画面下のモバイルアイコンを選択するだけです。

モバイル端末でのプレビューページ

あなたのページのモバイルプレビューが表示されます。何か問題があるようでしたら、プレビューのどこかをクリックしてデザインを調整することができます。

例えば、モバイルデバイスでヒーロー画像を非表示にしてページをスクロールしやすくするには、画像をクリックし、[詳細設定]タブに移動し、[デバイスの表示]セクションで[モバイルで非表示]トグルをクリックします。

モバイル画面やデスクトップ画面でランディングページの要素を隠す

そうすることで、ページを公開した後、モバイル端末では画像が表示されなくなります。

ページを編集したら、「保存」ボタンをクリックし、「公開」を選択します。

ゲートコンテンツ・ランディングページの公開

これで、「ライブページを見る」ボタンをクリックして、ロックされたコンテンツのランディングページのライブバージョンをプレビューすることができます。

ライブゲートコンテンツ・ランディングページの例

ゲートコンテンツ・ランディングページに関するFAQ

ゲートコンテンツ・ランディングページの主な目的は何か?
主な目的は、電子ブック、チェックリスト、ビデオのような価値あるものを専用のランディングページで提供することで、メールアドレスやリード情報を収集することです。
ゲートコンテンツと非ゲートコンテンツの違いは?
ゲーティングされたコンテンツにアクセスするには、ユーザーが個人情報(Eメールなど)を送信する必要があります。アンゲート・コンテンツは、フォームの提出なしに誰でも無料で利用できます。
ゲーティングに最適なコンテンツとは?
特定の問題を解決する価値の高いリソースが最も効果的です。これには、無料の電子書籍、テンプレート、ケーススタディ、ウェビナーのリプレイ、限定割引などが含まれます。
ゲートコンテンツページはスクイーズページと同じですか?
似たようなものです。スクイーズページは、Eメールアドレスの獲得のみに焦点を当てたランディングページの一種です。ゲーテッドコンテンツのランディングページも同様ですが、見返りとして特定のダウンロードコンテンツやリソースを提供します。

この記事が、SeedProdを使ってゲートコンテンツ・ランディングページを簡単に作成する方法を学ぶのに役立てば幸いです。

WordPressで動的なランディングページを作成する方法については、こちらのガイドもお勧めです。そうすれば、様々なタイプのオーディエンスにあなたのページをパーソナライズすることができます。

お読みいただきありがとうございました。YouTubeTwitterFacebookで、あなたのビジネスの成長に役立つコンテンツをもっとご覧ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。