WordPressでランディングページを作成する方法

私たちはWordPressビジネスのために常にランディングページを作成しているので、コンバージョン率の高いページを作成することについては、いくつか知っています。

WordPress には、ランディングページを作成するためのいくつかの方法があります。私たちの経験では、SeedProd のようなページビルダーを使用するのが最も簡単な方法です。なぜなら、高コンバージョン率のテンプレートや機能が豊富に用意されており、ページ作成体験を大幅に楽にしてくれるからです。

とはいえ、他の方法も検討したいかもしれません。この記事では、WordPressでカスタムランディングページを作成するための、実績のあるテクニックを共有します。

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

ランディングページとは、特定の広告、メール、ソーシャルメディア、またはマーケティングキャンペーンのために作成されたスタンドアロンページのことです。これらのソースから来たユーザーは最初にこのページに着地するため、ランディングページと呼ばれます。

ランディングページはコンバージョン（訪問者がウェブサイトで希望するアクションを実行すること）を獲得するために設計されています。それは、オンラインストアで特定の商品を購入すること、メールリストに登録すること、フォームに入力すること、またはあなたのサイトに利益をもたらすその他のアクションである可能性があります。

ホームページとランディングページの違いは何ですか？

ホームページとは、訪問者がブラウザにドメイン名を入力したときに表示されるページのことです。ウェブサイトの表紙や店の窓のようなものと考えてください。

優れたホームページは、訪問者がWordPressウェブサイトと関わり、他のページを探索し、製品を閲覧し、またはメールニュースレターに登録することを奨励します。それを念頭に置いて、ホームページには通常多くのリンクがあり、訪問者にさまざまな選択肢を提供します。

一方、ランディングページは訪問者をコンバージョンさせるために構築されます。リンクは少なく、通常はコールトゥアクション（CTA）と呼ばれる単一の目標があります。好きなCTAを使用できますが、多くのランディングページでは、リードジェネレーション戦略の一環として、購入を促したり情報を共有したりすることを訪問者に奨励しています。

ウェブサイトにはホームページは1つしかありませんが、ランディングページはいくつでも作成できます。このトピックの詳細については、ランディングページとウェブサイトの違いに関するガイドをご覧ください。

それでは、WordPressで美しいカスタムランディングページを作成する方法を見てみましょう。使用したい方法に直接ジャンプするには、以下のクイックリンクを使用してください。

• 方法 1: WordPress ブロックエディターでランディングページを作成する (プラグイン不要)
• 方法2：SeedProdでWordPressランディングページを作成する（推奨）
• Method 3: Create a WordPress Landing Page With Thrive Architect

方法 1: WordPress ブロックエディターでランディングページを作成する (プラグイン不要) 

ブロックテーマを使用している場合は、フルサイトエディターを使用してカスタムランディングページをデザインできます。これにより、使い慣れたツールを使用してカスタムページを作成できます。

残念ながら、この方法はすべてのWordPressテーマで機能するわけではありません。ブロックベースのテーマを使用していない場合は、代わりにページビルダープラグインを使用することをお勧めします。

まず、新しいWordPressページを作成します。これをランディングページに変換します。

右側のメニューで「ページ」タブをクリックします。次に、「テンプレート」の隣にあるリンクをクリックします。表示されるリンクテキストは、現在使用しているテンプレートによって異なる場合があります。

現在のテンプレートが表示されたポップアップが表示されます。

「新しいテンプレート」アイコンをクリックするだけです。

次に、ランディングページテンプレートに名前を付けます。これは参照用ですので、好きな名前を使用できます。

これが完了したら、「作成」をクリックします。

これでテンプレートエディタが起動します。標準の WordPressブロックエディタでページを作成するのと同じ方法で、ランディングページをデザインできるようになります。

ランディングページにブロックを追加するには、青い「+」ボタンをクリックするだけです。これで、さまざまなブロックをデザインにドラッグできます。

おなじみのWordPressツールを使用して、ブロックにコンテンツを追加したり、フォーマットを変更したりできます。

例えば、段落ブロックにテキストを入力したり、リンクを追加したり、テキストの配置を変更したり、太字や斜体の効果を適用したりできます。

WordPressのブロックパターン（まとまったブロックの集まり）を使用してランディングページを作成することもできます。パターンは、きれいにレイアウトされたランディングページを素早く作成するのに役立ちます。

WordPressテーマに含まれるパターンを表示するには、青い「+」ボタンをクリックしてから「パターン」タブを選択してください。

ブロックパターンをレイアウトにドラッグアンドドロップするか、パターンをクリックするとテンプレートの末尾に追加されます。

パターンを追加した後、そのパターン内の任意のブロックをクリックして選択し、変更を加えることができます。たとえば、プレースホルダーテキストを置き換えたり、リンクを追加して、行動喚起をWordPressブログのさまざまな領域にリンクさせることができます。

カスタムランディングページの外観に満足したら、「公開」ボタンをクリックし、「保存」を選択してください。

これで、新しいテンプレートがページで使用されます。ページを更新または公開するだけで、ランディングページを公開できます。

方法2：SeedProdでWordPressランディングページを作成する（推奨）

ランディングページを作成する最も簡単な方法は、SeedProd を使用することです。これは市場で最高のページビルダーであり、コードを書かずにあらゆる種類のランディングページを作成できます。

このプラグインには、コンバージョンを促進するために設計されたページを含む、320以上のプロフェッショナルにデザインされたテンプレートが付属しています。FacebookやGoogleなどのオンライン広告用のランディングページを作成するためにも使用しました。

WordPressのフルサイトエディターとは異なり、SeedProdはどのWordPressテーマとも連携するため、ブロックベースのテーマを使用する必要はありません。

詳細については、当社の完全なSeedProdレビューをご覧ください。

ステップ1：SeedProdプラグインの設定

まず、SeedProdプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、SeedProd » 設定 に移動してライセンスキーを入力してください。

この情報はSeedProdウェブサイトのアカウントで見つけることができます。ライセンスキーを入力した後、「キーを検証」ボタンをクリックしてください。

ステップ 2: ランディングページテンプレートを選択する

次に、SeedProd » ランディングページに移動し、「新しいランディングページを追加」をクリックするだけです。

これで、ランディングページのテンプレートを選択できます。

SeedProd には、 近日公開 や 404ページ などのさまざまなキャンペーンタイプに整理された多くのデザインがあります。画面上部のタブをクリックすると、キャンペーンタイプに基づいてテンプレートをフィルタリングできます。

ランディングページを作成しているので、セール、ウェビナー、またはリードスqueezeタブを確認することをお勧めします。

デザインをプレビューするには、マウスカーソルをデザインに合わせ、虫眼鏡アイコンをクリックしてください。

作成したいランディングページの種類に合ったデザインを選ぶことで、ページをより速く作成できます。ただし、すべてのテンプレートは完全にカスタマイズ可能なので、テンプレートのあらゆる部分を変更して、好きなランディングページを作成できます。

使用したいテンプレートが見つかったら、「このテンプレートを選択」をクリックするだけです。

すべての画像でフィットネスセールスページテンプレートを使用していますが、どのデザインを使用しても構いません。

次に、ランディングページの名前を入力します。SeedProdはページのタイトルに基づいてURLを自動的に作成しますが、好きなものに変更できます。

説明的なURLは、検索エンジンがランディングページの内容を理解するのに役立ち、適切なユーザーに表示されるようになるため、WordPress SEOが向上します。

ランディングページが関連する検索結果に表示される可能性を最大限に高めるために、URLにないキーワードを追加することを検討してください。詳細については、キーワードリサーチの方法に関するガイドをご覧ください。

入力した情報に満足したら、「保存してページの編集を開始」ボタンをクリックします。

ステップ3：カスタムランディングページのデザイン

SeedProd は、選択したテンプレートをドラッグアンドドロップページビルダーで開きます。右側にデザインのプレビューが表示され、左側にいくつかのブロック設定が表示されます。

ブロックはSeedProdのコアであり、あらゆる種類のランディングページを作成するために使用できます。最新の投稿を表示するブロック、カウントダウンタイマーを追加するブロック、お問い合わせフォームを挿入するブロックなどがあります。

ブロックをカスタマイズするには、ページプレビューでクリックして選択し、左側のメニューで変更を加えるだけです。

例えば、プレースホルダー画像を置き換えるには、画像ブロックをクリックするだけです。次に、左側のメニューにある「画像を選択」アイコンをクリックします。

WordPressメディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードするかを選択できます。

または、「AIで編集」ボタンをクリックして、ランディングページ用のカスタムイラストを生成することもできます。詳細については、WordPressでAIを使用して画像を生成する方法に関するガイドをご覧ください。

同様に、プレースホルダーテキストを自分の言葉に置き換えることができます。

テキストブロックまたは見出しブロックを選択し、小さなテキストエディタに入力するだけです。

再度になりますが、SeedProdにはテキスト用のAIコンテンツジェネレーターも付属しています。コンテンツ作成のヘルプが必要な場合は、SeedProdがお手伝いします。

詳細については、AIを活用してマーケティングを強化する方法に関するガイドをご覧ください。

左側のメニューの設定を使用して、ランディングページの表示方法を完全に変更することもできます。配色、フォントの選択、リンクの色、ボタンなどを変更できます。

これらの設定のほとんどは非常にわかりやすいので、レイアウトでさまざまなブロックを選択し、設定を確認する価値があります。

ブロックをドラッグアンドドロップして、レイアウトの上または下に移動することもできます。

ランディングページにさらにブロックを追加するには、デザインにドラッグアンドドロップするだけです。

さらに良いことに、SeedProdにはコンバージョン率の高いランディングページ作成に最適なブロックがたくさんあります。

例えば、訪問者がオファーを逃すまでの時間をカウントダウンするカウントダウンタイマーを追加したい場合があります。これは、セール、無料ギフトクーポン、予約注文、その他のキャンペーンに緊急性を加えることができます。

カウントダウンブロックを見つけて、ランディングページにドラッグするだけです。

その後、タイマーが期限切れになる日時を設定できます。

このようにして、WordPressサイトでFOMOを活用してコンバージョンを増やすことができます。

SeedProdには、「セクション」という、一緒に使用されることが多いブロックもあります。これには、ヘッダー、ヒーロー画像、コールトゥアクション、お客様の声、お問い合わせフォーム、FAQ、機能、フッターセクションなど、ランディングページ作成に役立つ多くのセクションが含まれています。

さまざまなセクションを確認するには、「セクション」タブをクリックするだけです。セクションをプレビューするには、マウスカーソルをその上に移動してから虫眼鏡アイコンをクリックしてください。

セクションを使用したい場合は、「このセクションを選択」をクリックするだけです。

SeedProd はセクションをランディングページの末尾に追加しますが、ドラッグアンドドロップで移動できます。

SeedProdはWooCommerceとも完全に互換性があるため、商品、サービス、セール、その他のイベントを宣伝するための新しいランディングページを簡単に作成できます。

さらに良いことに、SeedProdには、カートに追加、チェックアウト、おすすめ商品など、特別なWooCommerceブロックが付属しています。これにより、カスタムWooCommerceチェックアウトページ、カスタム商品ページなどを作成できます。

オンラインストアでの売上を増やすためのランディングページを作成している場合は、人気商品またはおすすめ商品セクションを作成することをお勧めします。

このセクションを作成するには、ベストセラー商品ブロックをページにドラッグするだけです。

このブロックはデフォルトで最も人気のある商品を表示しますが、セール中の商品や最新の商品などを表示することもできます。

「タイプ」ドロップダウンを開き、リストからいずれかのオプションを選択するだけです。

このように、WooCommerceテーマに制限されることなく、コンバージョン率の高いオンラインストアを作成できます。

ステップ4：ランディングページをサードパーティツールに接続する

リードを獲得するためのランディングページを作成している場合は、メールニュースレターなどのサインアップフォームを追加したい場合があります。

SeedProdを使用すると、Constant ContactやActiveCampaignなどの一般的なメールマーケティングサービスにランディングページを簡単に接続できます。

「接続」タブをクリックし、メールサービスプロバイダーを選択してください。

SeedProdは、このランディングページをメールマーケティングサービスと統合する方法を正確に表示します。

メールプロバイダーが一覧に表示されない場合は、心配しないでください。SeedProdはZapierと連携しており、SeedProdと3000以上の他のアプリ間のブリッジとして機能します。

「その他」セクションまでスクロールし、「Zapier」にカーソルを合わせます。「接続」ボタンが表示されたら、それをクリックし、画面の指示に従ってSeedProdとZapierを接続します。

ステップ5：ランディングページのカスタムドメインを設定する

SeedProd はデフォルトで、作成したランディングページをあなたのウェブサイトのドメインで公開します。しかし、カスタムドメインを使用したい場合もあります。

これにより、キャンペーンはウェブサイトの他の部分とは別に、独自の明確なアイデンティティを持つことになります。また、Google Analytics でページのパフォーマンスを追跡しやすくなり、Google Analytics の目標を達成しているかどうかを確認できます。

WordPressのマルチサイトネットワークを作成したり、複数のウェブサイトをインストールしたりする代わりに、SeedProdで作成した任意のランディングページにカスタムドメインを簡単にマッピングできます。

開始する前に、WordPressホスティングプロバイダーが複数のドメインの使用を許可しており、まだ追加していない場合はホスティングダッシュボードにドメイン名を追加できることを確認してください。

詳細については、WordPressランディングページにカスタムドメインエイリアスを追加する方法に関する記事をご覧ください。

これが完了したら、SeedProd エディターで「ページ設定」を選択します。次に、「カスタムドメイン」をクリックします。

「ドメイン名」フィールドにカスタムドメインを入力します。

その後、「カスタムドメイン」スイッチをクリックして、「オフ」から「オン」に切り替えます。

変更を保存するために「保存」をクリックすることを忘れないでください。

ステップ 6: ランディングページを保存して公開する

ランディングページの外観に満足したら、「保存」ボタンをクリックして公開します。

次に、「公開」を選択します。

ランディングページがウェブサイトで公開されました。

方法3：Thrive ArchitectでWordPressランディングページを作成する

Thrive Architect は、もう一つの人気の ドラッグ＆ドロップWordPressページビルダー です。あらかじめ用意されたテンプレートを使用して、簡単にランディングページを作成できます。

ステップ 1: Thrive Architect をインストールし、テンプレートを選択する

まず、Thrive Architectプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化したら、WordPress管理ダッシュボードから**ページ » 新規追加**に移動して新しいランディングページを作成します。次に、「Thrive Architectの起動」ボタンをクリックしてThrive Architectエディターを開きます。

次に、通常のページを作成するか、事前に構築されたランディングページを作成するかを選択できるポップアップウィンドウが表示されます。

「プリビルドランディングページ」オプションをクリックして選択します。

その後、300以上のランディングページテンプレートのThrive Architectライブラリに移動します。

ライブラリをスクロールして、好きなランディングページテンプレートをクリックして選択するだけです。

「スマートランディングページセット」セクションからテンプレートを選択した場合、複数の異なるランディングページタイプから選択できます。このガイドでは、「スマートリードジェネレーションページ」オプションを選択します。

気に入ったデザインが見つかったら、「テンプレートを適用」ボタンをクリックして続行してください。

ステップ2：カスタムランディングページを作成する

次に、テンプレートがThrive Architectエディタで開かれ、ブランドや特定のオファーに合わせて各ページ要素を調整できます。

たとえば、「見出し」テキストを編集するには、それをクリックしてテキストを入力するだけです。「見出し」要素をクリックすると、フォントサイズの変更、色、行間などのオプションも表示されます。

左側のメニューには、セクションの高さ、背景スタイル、境界線のスタイルを変更したり、境界線とパディングを追加したりするオプションもあります。

ランディングページに新しい要素を追加するには、右側のメニューに表示される「プラス記号（+）」アイコンである「要素を追加」ボタンをクリックします。

Thrive Architect には、ランディングページに追加できる多くの既製の要素が用意されています。ボタン、お客様の声、カウントダウンタイマー、Google マップ、星評価など、さまざまな要素から選択できます。

新しい要素を追加するには、右側のメニューからドラッグしてランディングページにドロップするだけです。

Thrive Suiteを購入すると、Thrive Architect、Thrive Quiz Builder、Thrive Apprenticeなどが含まれる、さらに多くの既製の要素を入手できます。

例えば、「クイズ」要素を使用して、ランディングページに簡単にクイズを追加できます。これにより、ユーザーがあなたのサイトにエンゲージするよう促すことができます。

左側のメニューの設定を使用して要素を追加し、カスタマイズすることで、ランディングページの編集を続けることができます。

ランディングページを編集する際は、左下隅にある「作業を保存」ボタンを押すことを忘れないでください。

ステップ3：ランディングページをメールサービスプロバイダーに接続する

リード獲得のためにランディングページを作成しているので、Thrive Architectとメールサービスプロバイダーを接続する方法も見てみましょう。

開始するには、ランディングページにあるリードジェネレーションフォームをクリックするだけです。

左側のメニューで、「Connection」が「API」オプションに設定されていることを確認します。次に、「Send leads to.」の隣にある「Add Connection」ボタンをクリックします。

次に、利用可能なサービスのリストを確認する必要があります。

これを踏まえて、青い「APIダッシュボードに移動」リンクをクリックしてください。

これにより、アクティブな接続ダッシュボードが新しいウィンドウで開きます。

ここから、「新しい接続を追加」ボタンをクリックします。

ドロップダウンメニューで、使用したいメールマーケティングプロバイダーを選択します。

Thrive Architectは、ActiveCampaign、Constant Contact、Campaign Monitor、HubSpotなどの人気のメールマーケティングサービスやCRMとシームレスに連携します。

その後、プロバイダーのAPI URLとAPIキーを適切なフィールドにコピー＆ペーストする必要があります。通常、この情報は、メールサービスプロバイダーアカウントの設定領域で見つけることができます。

それが完了したら、「接続」ボタンをクリックします。

メールサービスプロバイダーが正常に接続されると、成功メッセージが表示されます。

Thrive Architectエディターに戻るには、「完了」をクリックします。

これで、「接続の追加」ボタンを再度クリックすると、ドロップダウンメニューから接続したばかりのメールサービスプロバイダーを選択できます。

ここから、新しい購読者を送信するメーリングリストを選択できます。使用するフォームを選択することもでき、フォームのリードを整理するためにタグを追加することもできます。

これで完了したら、「適用」ボタンをクリックして変更を保存します。

ステップ4：WordPressランディングページを保存して公開する

ページを公開する準備ができたら、「作業の保存」の隣にある矢印 (^) ボタンをクリックします。

次に、「保存して投稿エディターに戻る」オプションをクリックします。

WordPress エディターに戻ったら、「公開」ボタンをクリックするだけです。

これで、ウェブサイトにアクセスして、ランディングページが機能していることを確認できます。

これらのトップランディングページヒントで、より多くのリードを獲得しましょう

WordPress でランディングページをすでに作成しましたか？素晴らしい。では、さらに多くのリードを獲得しましょう。弱いランディングページでは、オーディエンスを増やす機会を逃す可能性があります。

ランディングページを最適化するのは非常に簡単です。実装できる簡単なヒントをいくつかご紹介します。

• シンプルに保つ – デザインはシンプルにし、訪問者の注意をそらすものは避けてください。
• クリアボタン – コールトゥアクションボタンを見つけやすくし、次に何をすべきかを訪問者に正確に伝えます。
• 魅力的な文章 – ヘッドラインやコピーに、オファーをエキサイティングに聞こえさせ、訪問者にどのように利益をもたらすかを説明する言葉を使用してください。

SeedProdのJohn Turner氏は、コンバージョン率の高いランディングページの秘訣について素晴らしい洞察を持っています。詳細については、この記事をぜひご覧ください。

また、ソーシャルプルーフやライブチャットを追加してすぐに質問に答えるなど、ランディングページのコンバージョンを最大300%増加させるための追加のトリックもあります。

ランディングページを効果的に機能させるには、いくつかのツールが必要です。ウェブサイトを成長させるために使用できる、ビジネスウェブサイト向けの必須WordPressプラグインのリストがあります。

この記事が WordPress でランディングページを作成する方法を学ぶのに役立ったことを願っています。また、WordPress の人気の投稿プラグインのベスト 5 と、WordPress ブログに不可欠なページに関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。