Latest SeedProd News

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

保護されたコンテンツランディングページを作成する方法

効果抜群のゲートコンテンツランディングページを作成する方法 

Written By: 著者アバター Stacey Corrin
著者アバター Stacey Corrin
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.
    
Reviewed By: レビュアーアバター Turner John
レビュアーアバター Turner John
John Turner is the co-founder of SeedProd. He has over 20+ years of business and development experience and his plugins have been downloaded over 25 million times.

私は数多くのランディングページを作成してきましたが、その中でも特に優れたリードを獲得できるのは、ゲートコンテンツランディングページです。

まだWordPressサイトで利用していない場合、人々が本当に欲しがる限定リソースを提供することで、メールリストを増やす簡単な方法を逃しています。

このガイドでは、開発者を必要とせずにWordPressでゲートコンテンツランディングページを作成する方法と、それがコンバージョンするようにする方法を説明します。

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

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

この種の「ロックされたコンテンツ」は、あなたのオーディエンスが価値を認め、サイトの他の場所では入手できないものであれば何でも構いません。例えば:

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

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

実際の動作は次のとおりです。

最小限のフォームフィールドを持つ保護されたコンテンツランディングページの例

ゲートコンテンツランディングページに含めるべきもの

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

私がSeedProdで作成するすべてのゲートコンテンツページに含めているものは次のとおりです。

  • 明確な価値提案 – 訪問者が何を得られるのか、そしてメールアドレスを提供する価値がある理由を伝えます。
  • シンプルなレイアウト – クリーンでモダンなデザインは、人々がオファーに集中するのに役立ちます。
  • ビジュアルメディア – 画像、色、または短いビデオを追加して、注意を引き付け、重要なポイントを説明します。
  • 短いオプトインフォーム – フィールドが少ないほど、コンバージョンが増えます。必要な情報だけを尋ねてください。
  • 的を絞ったコールトゥアクション – 次に何が起こるかを正確に伝えるCTAを使用します。

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

コンテンツをゲートすべきか?

ゲートコンテンツは効果がありますが、常に適切な選択肢とは限りません。さまざまなオーディエンスでロックされたコンテンツとオープンコンテンツの両方をテストしましたが、私が学んだことは次のとおりです。

意味がある場合:コンテンツが特定の問題を解決し、「プレミアム」だと感じられる場合、それは堅実な候補です。ダウンロード可能なガイド、業界レポート、または限定ビデオなど、読者が他の場所でGoogle検索できないものと考えてください。

スキップする場合:オーディエンスがあなたのブランドに慣れていない場合や、簡単な答えを探しているだけで、あまりにも早くコンテンツをゲートすると信頼を損なう可能性があります。価値が明確で、要求が少ない(メールアドレスだけなど)場合に保存してください。

私が最も成功を収めたゲートコンテンツのタイプをいくつか紹介します。

  • 特定のブログ記事に関連付けられた無料電子書籍またはテンプレート
  • 実際の成果を伴うケーススタディ(特にB2B向け)
  • ウェビナーやミニコースへの早期アクセス
  • メール購読者限定の割引コード

結論:コンテンツを制限することでリードを獲得できますが、それはオファーに見合う価値がある場合に限られます。常に両方のバージョンをテストし、オーディエンスが何に反応するかを確認してください。

保護されたコンテンツのランディングページを作成する方法

WordPressで保護されたコンテンツのランディングページを作成するために、コーディングしたり開発者を雇ったりする必要はありません。SeedProdは、プロセス全体を初心者向けに使いやすくします。

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

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

ステップ1:SeedProd Landing Page Proをインストールする

コンバージョン率の高い保護されたコンテンツのランディングページを作成するには、SeedProd Proが必要です。これにより、このガイドの後半で使用する高度な機能とメール統合が利用可能になります。

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

注:SeedProdの無料バージョンもありますが、このチュートリアルでは、必要な高度なブロックとメール統合を備えているため、Proバージョンを使用します。

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

SeedProdライセンスキーを有効にする

キーを確認ボタンをクリックすると、成功メッセージが表示されます。これで、ページの構築を開始できます。

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

キーを確認した後、SeedProd » Pagesに移動し、「新しいランディングページを追加」ボタンをクリックして、保護されたコンテンツのランディングページを作成します。

SeedProdを使用してWordPressで新しい保護されたランディングページを追加する

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

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

このガイドでは、Lead Squeezeフィルターをクリックし、「Investment Squeeze Page」テンプレートを選択します。

保護されたコンテンツページにSeedProdテンプレートを選択する

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

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

テンプレートを選択した後、ポップアップが表示され、ページの名前とURLを入力します。次に、「保存してページの編集を開始」ボタンをクリックして続行します。

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

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

ステップ3:保護されたコンテンツのランディングページをカスタマイズする

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

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

保護されたコンテンツランディングページビルダー

SeedProdは、ランディングページをスタイル設定するための幅広いブロックを提供していることがわかります。これには以下が含まれます:

  • 標準 – 見出し、画像、CTAボタン、列などの基本的なコンテンツ。
  • 高度 – オプトインフォーム、カウントダウンタイマー、ソーシャルメディア埋め込み、お客様の声などのリード獲得ブロック。
  • WooCommerce – あなたのeコマースストア向けのコンテンツ。追加ボタン、チェックアウト、ショッピングカート商品グリッドなどを含みます。
  • 保存済み – 他のページで再利用するために保存したカスタムブロック。

幸いなことに、SeedProdのレスポンシブテンプレートデザインにより、多くの大変な作業はすでに完了しています。つまり、デフォルトの要素をコンテンツに置き換え、スタイリングをカスタマイズするだけで済みます。

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

まず、ユーザーが限定コンテンツにサインアップできるオプトインフォームをカスタマイズしましょう。

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

オプトインフォームブロック設定

このパネルでは、カスタムフォームラベルの入力、特定のフォームフィールドの表示/非表示、フォームの行動喚起ボタンのカスタマイズができます。

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

サインアップフォームの成功アクション

リダイレクトアクションは、無料ダウンロードをユーザーに提供する優れた方法です。お礼ページを作成し、ダウンロードをトリガーするリンクを追加する手順に従ってください。

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

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

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

または、必要に応じて、左側の見出し設定パネルにヘッダーテキストを入力することもできます。同じパネルで、配置、フォントサイズ、見出しレベルを調整できます。

この手順を、サブヘッダー、箇条書きリスト、本文テキストなど、テンプレートの他のすべての書き込みコンテンツに繰り返してください。

アイコンのカスタマイズ

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

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

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

SeedProdアイコンライブラリ

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

ヒーロー画像の変更

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

ゲートコンテンツランディングページのヒーロー画像を置き換える

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

SeedProdのロイヤリティフリーのストック写真を使用する

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

ランディングページの訪問者に緊急感を抱かせたい場合は、SeedProdの組み込みカウントダウンタイマーを使用できます。左側のパネルからブロックをドラッグしてページにドロップするだけです。

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

タイマーを特定の日付で期限切れにするか、設定パネルで訪問者ごとにリセットして常緑にするかを選択できます。

SeedProdカウントダウンクロックの種類

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

カウントダウンタイマーテンプレート SeedProd

ソーシャルプルーフを含める

ページの色をカスタマイズする前に、もう一つ追加するものがあります。それがソーシャルプルーフです。

SeedProdを使えば、お客様の声と星評価の両方を簡単に含めることができ、オファーの主張に重みを持たせることができます。その結果、既存顧客からの肯定的なコメントを利用して、ユーザーに保護されたコンテンツのダウンロードを促すことができます。

SeedProd証言ブロック

お客様の声の設定パネルでは、写真、クライアントの名前、役職とともに複数のレビューを追加できます。また、お客様の声をユーザーフレンドリーなカルーセルスライダーでローテーションさせることもできます。

証言ブロック設定

さらに、星評価ブロックは、人々があなたのビジネスをどのように評価しているかをユーザーが一目で確認できる優れた方法です。これは、彼らにサインアップを促すもう一つの戦略です。

ソーシャルプルーフのためにゲートコンテンツランディングページにスター評価ブロックを追加する

カラースキームを選択

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

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

SeedProdヒーローセクション設定

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

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

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

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

SeedProdグローバル設定

ご覧のとおり、これには次の設定が含まれています。

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

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

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

SeedProdゲートコンテンツランディングページの配色

しかし、どの色を選択すればよいかわからない場合は、カラーパレットボタンをクリックして、SeedProdの事前定義されたカラースキームのいずれかを使用できます。そこから、カラースキームを選択し、ワンクリックで適用できます。

そしてその結果は?全体的に一貫した、見栄えの良いデザインです。

新しいページの色

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

保護されたコンテンツを使用してビジネスのリードを生成することが主な目標の1つであるため、サインアップ後にユーザーのメールアドレスを保存する方法が必要になります。

SeedProdを使用すると、保護されたコンテンツのランディングページを、Constant ContactやMailchimpなどの人気のメールマーケティングサービスに簡単に接続できます。単に「接続」タブに切り替えてから、メールサービスプロバイダーを選択してください。

SeedProd メールマーケティング連携

そこにはリストされていないサービスに接続する必要がありますか?心配しないでください。SeedProdはZapierと連携しており、SeedProdとZapier上の3000以上の他のアプリやマーケティングオートメーションツールとの間のブリッジとして機能します。

ステップ5.ランディングページの設定を構成する

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

ランディングページ設定

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

SeedProdカスタムドメイン設定

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

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

ステップ6:保護されたコンテンツページを公開する

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

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

モバイルデバイスでページをプレビューする

これにより、ページのモバイルプレビューが表示されます。問題がある場合は、プレビューのどこかをクリックしてデザインを調整できます。

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

モバイルまたはデスクトップ画面でランディングページ要素を非表示にする

これにより、ページを公開すると、画像はモバイルデバイスに表示されなくなります。

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

ゲートコンテンツランディングページを公開する

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

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

保護されたコンテンツランディングページに関するFAQ

What is the main goal of a gated content landing page?
The main goal is to collect email addresses or lead information by offering something valuable in exchange—like an ebook, checklist, or video—on a dedicated landing page.
What’s the difference between gated and ungated content?
Gated content requires users to submit personal details (like their email) to access it. Ungated content is free and available to everyone without any form submission.
What types of content work best for gating?
High-value resources that solve a specific problem work best. This includes free ebooks, templates, case studies, webinar replays, or exclusive discounts.
Is a gated content page the same as a squeeze page?
They’re similar. A squeeze page is a type of landing page focused solely on capturing email addresses. A gated content landing page does the same, but offers a specific downloadable or resource in return.

この記事で、SeedProdを使用して保護されたコンテンツランディングページを簡単に作成する方法を学べたことを願っています。

また、WordPressで動的なランディングページを作成する方法に関するこの記事も役立つかもしれません。そうすれば、さまざまな種類のオーディエンスに合わせてページをパーソナライズできます。

お読みいただきありがとうございます。ビジネスを成長させるための役立つコンテンツについては、YouTubeTwitterFacebookでフォローしてください。

著者アバター
Stacey Corrin Content Marketing Specialist
Stacey Corrin is a certified content marketing and search specialist with over 15 years of experience writing about WordPress, SEO, and digital marketing. She manages content for SeedProd and RafflePress, covering tools and strategies she actively uses and tests herself.

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]