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

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

WordPressでFacebookのランディングページを作る方法(6つのヒント)

Facebookランディングページの作り方(5つのステップ) 

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

Facebook広告を出稿しているが、思うような成果が出ない?多くの場合、問題は広告ではなく、クリックされた後の誘導先にあります。だからこそ、WordPressで専用のFacebookランディングページを作成することが、広告のクリックをサインアップや売上につなげる最も簡単な方法なのです。

このステップバイステップガイドでは、広告デザインにマッチし、モバイルで高速に読み込まれ、訪問者に明確なアクションを1つ与えるFacebookランディングページの作り方を紹介します。

最終的には、キャンペーンに接続できる完全な公開ページができあがるので、Facebook広告費がより効果的に使われるようになります。

WordPressでFacebookのランディングページを作成する簡単な手順:

Facebookのランディングページとは?

Facebookランディングページは、Facebook広告や投稿をクリックした訪問者をコンバージョンさせるためにデザインされたウェブサイト上の専用ページです。ホームページとは異なり、気が散るものを取り除き、サインアップ、オファーの請求、無料トライアルの開始など、1つの明確なアクションに焦点を当てます。

これらのページは、Facebook広告のメッセージやビジュアルと一致させることで、PPC広告キャンペーンと連動します。この一貫性が信頼を築き、コンバージョンの可能性を高めます。

例えば、通常のビジネスページでは、あなたのブランドについて幅広く語るかもしれません。しかし、Facebook広告のランディングページは、広告トラフィックのためだけに作成された1つのオファーに焦点を当てています。

Craftsyの例を見てみよう。彼らのFacebook広告は、クーポンと商品詳細に直接つながる大胆なコールトゥアクション(CTA)ボタンを使用している。広告のクリックからコンバージョンまでの道のりをシームレスにしている。

CTAが明確なCraftsyのFacebook広告

その広告をクリックすると、ユーザーは同じデザインスタイル、一貫したメッセージ、明確なオファーを持つ専用のランディングページに移動し、コンバージョンを高めることができる。

CraftsyのFacebookランディングページの例

なぜFacebookのランディングページを作るべきか?

Facebook広告のトラフィックをホームページに送ると、クリック数が無駄になるからです。Facebook専用のランディングページは、訪問者を1つのアクションに集中させるため、コンバージョン率が高くなり、ROIが向上します。

  • ホームページを邪魔しない-明確なオファーは1つだけ
  • Facebookトラフィックの大半を占めるモバイルユーザー向けに最適化
  • 広告キャンペーン結果の追跡と測定が容易
  • 一貫したデザインとメッセージで信頼を築く

結論Facebookのランディングページは、何気なくスクロールした人をリードや顧客に変える。

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

WordPressでFacebookのランディングページを作るのは複雑ではありません。SeedProdを使えば、コーディングや追加のプラグインは必要なく、30分以内にデザインして公開することができます。

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

SeedProdは、Facebook広告用にカスタマイズできる300以上のテンプレートを備えたドラッグ&ドロップ式のWordPressランディングページビルダーです。高速で、モバイルフレンドリーで、開発者ではなくマーケティング担当者のために作られているため、高コンバージョンのページを作成するために私が使用しているのと同じツールです。

ランディングページ以外にも、SeedProdは近日公開のお知らせ、メンテナンスページ、カスタムログイン、404も扱うことができます。しかし、このガイドでは、Facebookのランディングページをステップバイステップで構築するために使用することに焦点を当てます。

ステップ1.SeedProdのインストールとアクティベート

まずは、SeedProdの価格ページにアクセスし、プラグインをダウンロードし、WordPressサイトにインストールしてください。

SeedProdライセンスキーをコピーする

アクティベーションが完了すると、ライセンスキーの入力を求める画面が表示されます。

SeedProdアカウントからライセンスキーをコピーしてフィールドに貼り付け、Verify Keyをクリックします。その後、Create Your First Pageをクリックし、ランディングページダッシュボードを開きます。

SeedProdで最初のランディングページを作成する

ここですべてのランディングページを管理します。SeedProdでは、グローバルページモード(Coming SoonやMaintenanceなど)を設定することもできますが、ここではFacebookランディングページの作成に焦点を当てます。

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

ランディングページの作成を開始するには、ランディングページセクションの下にある新規ランディングページ作成ボタンをクリックします。

新規ランディングページ作成ボタン

ボタンをクリックすると、Facebookのランディングページに理想的なオプションを含む、SeedProdの多彩なランディングページテンプレートのセレクションにジャンプします。

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

画面上部のタブをクリックすると、テンプレートを絞り込むことができます。

SeedProdには特定のFacebookランディングページテンプレートはないかもしれませんが、あなたが達成したい外観に合うようにどんなデザインでもカスタマイズすることができます。

このガイドでは、セールスタブの下にあるマスタークラス2のセールスページを使用します。テンプレートのサムネイルにマウスを合わせ、チェックアイコンをクリックしてテンプレートを選択します。

ランディングページのテンプレートを立ち上げる

その後、ランディングページの名前とURLを入力するポップアップが表示されます。これらの情報を入力したら、「保存してページの編集を開始する」ボタンをクリックします。

ステップ3.Facebook用にランディングページをカスタマイズする

テンプレートを起動すると、SeedProdのドラッグ&ドロップビルダーで開きます。左側はブロックとセクションです。右側にはライブプレビューがあり、クリックして即座に編集することができます。

SeedProdのドラッグ&ドロップ・ビルダーでFacebookのランディングページをカスタマイズする

Facebookのランディングページに掲載すべき内容

ランディングページは強い第一印象を与え、訪問者を1つのアクションに向かわせる必要があります。含む:

  • 短いブランドまたはオファーの紹介
  • 明確なコール・トゥ・アクション(登録、請求、購入)
  • レビューや証言のような社会的証明
  • 製品またはサービスの主な利点
  • 簡単な連絡先やソーシャルへのリンク

SeedProd ブロックとセクションの使用

SeedProdには、ボタン、フォーム、テスティモニアルなどのための既製のブロックが含まれています。また、ヘッダー、ヒーロー、CTA、またはFAQのような完全なセクションをワンクリックでドロップできます。

Facebookランディングページ用SeedProdブロックテンプレート

リストを増やしたいですか?オプトインフォームブロックをご利用ください。信頼のシグナルが必要ですか?数秒でお客様の声セクションを追加できます。

Facebookのランディングページに証言を追加する

デザインに満足したら、右上の緑色の保存ボタンをクリックします。

SeedProdでFacebookランディングページのデザインを保存する

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

マーケティング戦略の一環としてEメールアドレスの収集を行っている場合、ランディングページをEメールマーケティングとオートメーションサービスにリンクさせる必要があります。そうすることで、Eメールリストに登録された新しいリードを簡単に管理することができます。

幸い、メールマーケティングプロバイダーとSeedProdの統合は簡単です。画面上部の接続タブをクリックするだけです。

メール・マーケティング・サービスとseedprodの統合

このページでは、SeedProdと統合している一般的なメールマーケティングサービスがすべて表示されます。お好みのサービスを選択し、接続をクリックし、アカウントを認証する手順に従ってください。

メールマーケティングプロバイダーに接続する

SeedProdのメール統合ドキュメントに各メールマーケティングプロバイダの説明があります。

メールプロバイダと接続するだけでなく、SeedProd内でメールを収集することもできます。あなたのランディングページに登録した人の詳細は、SeedProdの購読者概要に表示されます。

SeedProd契約者の概要

このダッシュボードは、WordPressの管理エリアからSeedProd " Subscribersに移動することで表示できます。

メールサービスをSeedProdに接続した後、ページを公開する前にいくつかの設定を行います。それらを見つけるには、画面上部のページ設定タブをクリックしてください。

facebookランディングページの設定をカスタマイズする

このページでは、以下の設定を編集することができます:

  • 一般- ページ名とURLを変更し、ページを公開または下書きに設定し、ランディングページを分離モードにします。
  • SEO-All in One SEOのようなWordPress SEOプラグインでランディングページのSEO設定を見るにはクリックしてください。
  • アナリティクス- ランディングページの Googleアナリティクス指標をMonsterInsightsのようなアナリティクスプラグインで表示します。
  • スクリプト - Facebookトラッキングピクセルやリターゲティングスクリプトなど、重要なスクリプトをランディングページに入力します。
  • カスタムドメイン- ランディングページに、既存のウェブサイトとは異なるドメイン名を付けましょう。

それぞれの詳細については、ページ設定のドキュメントをご覧ください。

ステップ5.WordPressでランディングページを公開する

公開する前に、Facebookのランディングページがモバイルフレンドリーであることを確認してください。ランディングページのコンテンツがモバイル画面で正しく表示されない場合、潜在的なリードを失う可能性があります。

良いニュースは、SeedProdで簡単にモバイルでランディングページをプレビューできることです。

デザイン画面から、ページビルダーの下部にあるモバイルアイコンをクリックします。

SeedProdモバイル・プレビュー・オプション

ランディングページをモバイルプレビューで開き、すべての要素が正しく表示されることを確認できます。

Facebookのランディングページをモバイル端末でプレビュー

モバイルプレビューをスクロールし、見た目がおかしいページブロックをクリックして編集します。ページの見栄えに満足したら、本番の準備完了です。

そのためには、緑色の「保存」ボタンの隣にある下向き矢印をクリックし、「公開」をクリックします。

WordPressで作るFacebookのランディングページ

Facebookのランディングページにリダイレクトを設定する

リダイレクトは、訪問者がランディングページでアクションを完了した後の行き先をコントロールすることができます。例えば、サンキューページを表示したり、製品オファーに送ったり、セールスファネルに移動させたりすることができます。

SeedProdでは、リダイレクトの設定は簡単です:

  • ランディングページを編集し、アクション要素(例えば、オプトインフォームブロック)を選択します。
  • ブロック設定を開き、Success Actionを展開し、Redirectを選択します。
  • ユーザーがフォームに記入した後に訪問してほしいURLを入力してください。
SeedProdオプトインフォームのリダイレクト設定

刺激的なFacebookランディングページの例

インスピレーションをお探しですか?デザイン、一貫性、コンバージョン戦略で際立った3つのFacebookランディングページの例をご紹介します。

サクラコ

櫻子Facebook広告

サクラコは広告とランディングページのデザインを完全に一致させています。一貫性のあるビジュアルは訪問者を安心させ、直帰を減らします。

取引を成立させるために、ページには無料プレゼントの割引コードが含まれている。

サクラコFacebookランディングページの例

クラフトジン・クラブ

クラフトジン・クラブFacebook広告

Craft Gin Clubは広告で注目を集めるために動画を使い、大胆でシンプルなランディングページでストーリーを続ける。

1箱目を50%オフで提供することは強力なコンバージョンのフックとなり、また、明確なボタンにより、ユーザーは簡単に取引を申し込むことができる。

クラフトジン・クラブのFacebookランディングページの例

スモル

SmolのFacebook広告の例

Smolは、クリックされる前に信頼を築くために、ユーザーが作成したコンテンツと体験談に頼っている。ランディングページでは、星の評価と無料トライアルを提供することで、新規顧客がほとんどリスクを負うことなく試せるようにしている。

SmolのFacebookランディングページの例

FacebookランディングページFAQ

Facebook広告にランディングページは必要か?
はい。ホームページにトラフィックを送ることもできますが、専用のランディングページの方がほとんどの場合、より良いパフォーマンスを発揮します。広告にマッチし、気が散るのを防ぎ、コンバージョンを増やします。
Facebookのランディングページのルールは?
Facebookは、ランディングページが広告メッセージと一致し、素早く読み込まれ、エラーがなく、誤解を招いたり安全でないコンテンツを避けることを求めています。個人データを収集する場合は、明確なプライバシーポリシーを表示する必要があります。
Facebookのランディングページは無料で作れますか?
SeedProd Liteのような無料のWordPressプラグインを使えば、コーディングなしでシンプルなランディングページをデザインすることができます。
ランディングページをFacebook広告にリンクさせるには?
広告マネージャで、広告クリエイティブの「ウェブサイトURL」フィールドにランディングページのURLを貼り付けます。これが、広告をクリックしたユーザーに表示されるページです。

WordPressでFacebookランディングページを作成する方法をステップバイステップで見てきました。重要なのは、ページをシンプルに保ち、広告と一貫性を保ち、1つの明確なアクションに焦点を当てることです。それが、クリックを本当の顧客に変えるのです。

SeedProdを使えば、コーディングスキルや複数のプラグインは必要ありません。プロフェッショナルでモバイルフレンドリーなFacebookランディングページを数分でデザインし、キャンペーンに接続することができます。

以下のガイドも参考になるだろう:

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

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

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