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

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

WordPressでパーソナライズされたランディングページを作成する方法

コンバージョンを高めるパーソナライズされたランディングページの作り方 

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

私は、一般的なページではコンバージョンが良くないことに気づいた後、WordPressサイトにパーソナライズされたランディングページを追加しました。訪問者がコールトゥアクションをクリックする回数が増えました。

WordPressでパーソナライズされたランディングページを作りたいなら、このガイドがその方法を教えてくれる。様々な訪問者向けにページをカスタマイズし、コンバージョンを増やし、コーディングなしで素早く作成する手順を説明します。

WordPressでパーソナライズされたランディングページを作成する簡単な手順:

なぜパーソナライズされたランディングページを作るのか?

パーソナライズされたランディングページとは、訪問者のニーズに適応した、焦点を絞ったページのことです。すべての人に同じ一般的なコンテンツを見せるのではなく、その人のために作られたと感じられるメッセージ、オファー、ビジュアルで人々を迎えることができます。

私自身のサイトでは、単一のランディングページからパーソナライズされた複数のランディングページに切り替えたことで、明らかな違いが生まれました。訪問者はより長く滞在し、より多くクリックし、私はトラフィックを増やすことなく、より多くのリードを獲得しました。これこそがパーソナライゼーションの真の力であり、同じトラフィックでありながら、より良い結果をもたらすのです。

パーソナライズされたランディングページの例
一般的なランディングページパーソナライズされたランディングページ
画一的なメッセージングコンテンツが訪問者の場所、興味、行動に一致する
エンゲージメントとコンバージョンの低下関連性が感じられるため、コンバージョン率が高い
競合他社に差をつけにくいユニークで思い出に残る体験を創造する

オンライン上には多くの雑念があるため、パーソナライゼーションは雑念を断ち切るのに役立ちます。各訪問者の状況を認識し、購読、デモ予約、製品購入など、行動する理由を与えます。パーソナライズされたランディングページが一般的なランディングページを常に凌駕するのはそのためです。

パーソナライズされたランディングページの使用例

ランディングページをパーソナライズする方法はたくさんあります。ここでは、最も一般的な使用例をグループ化し、あなたのサイトに適用する方法をご覧いただけます。

1.行動に基づく

  • 購入履歴:eコマースのリピーターに関連商品または補完的な商品を表示します。
  • 放置されたカート:訪問者が残した商品を思い出させ、チェックアウトを促すために割引を追加する。
  • 期間限定キャンペーン:祝日やイベント、季節に合わせたプロモーションを表示できます。

2.人口統計に基づく

  • 年齢または性別:特定の視聴者層にマッチする製品やサービスを強調する(年齢層別のスキンケアなど)。
  • 言語:訪問者のブラウザの言語を検出し、彼らの好みの言語でページを表示します。

3.コンテキストに基づく

  • ジオロケーション:位置情報に基づいて、ローカルサービス、都市固有のオファー、または近隣のイベントを表示します。
  • 参照元:ソーシャルメディア、Eメール、パートナーサイトなど、訪問者がどこから来たかを認識し、それに応じてメッセージを調整する。
  • PPC広告:ランディングページのヘッドラインとコピーを、クリックされた広告の文言と完全に一致させる。
  • 動的テキスト置換:訪問者が検索したキーワードやフレーズを入れ替えます。

重要なのは、小さなことから始めることです。メールトラフィックと広告トラフィックで異なる見出しを表示するなど、パーソナライズされた要素を1つ取り入れるだけでも、ページの関連性が高まり、コンバージョンが増加します。

パーソナライズされたランディングページの作成にSeedProdを使う理由

SeedProdは、WordPressでパーソナライズされたランディングページをコードなしで簡単に構築できます。見出し、オファー、CTAを各訪問者に合わせてカスタマイズし、素早くページを発送することができます。

価格年額39.50ドルから
無料プラン/トライアル:あり(制限あり)
際立った特徴
🔹 ドラッグ&ドロップビルダー
🔹 動的テキスト置換(日付+クエリー)
🔹 300以上のテンプレートとセクション
🔹 Eメール、CRM、アナリティクスの統合
🔹 カスタムドメインとアクセスコントロール
評価A
最適コード不要のパーソナライズと高速パブリッシングを求めるWordPressユーザー

どのように役立つのか:ランディングページのメッセージを各広告グループ、場所、または紹介元に合わせることができます。これにより、訪問者をページにとどめ、より多くの訪問者をクリックに向かわせることができます。

実例

OptinMonsterは、SeedProdのランディングページを使用し、見出しとオファーを有料トラフィックと一致させることで、獲得単価を47%削減しました。このページは読み込みが速く、広告の意図と一致し、結果としてコンバージョンが向上しました。

SeedProdで構築したOptinMonsterパーソナライズドPPCランディングページの例
SeedProdを使用して構築された集中型PPCランディングページ

WordPressでパーソナライズされたランディングページを作成する方法

SeedProdの強力なページビルダーを使用してWordPressでパーソナライズされたランディングページを作成するには、以下の手順に従ってください。

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

始めるには、WordPressウェブサイトにSeedProdプラグインをダウンロードしてインストールする必要があります。このガイドでは、動的テキスト置換機能を持つSeedProd Proを使用します。

SeedProd Proプラグインのインストール方法については、こちらをご覧ください。

ステップ2.ランディングページのテンプレートを選ぶ

SeedProdをインストールしたら、WordPressのダッシュボードからSeedProd " Landing Pagesに移動し、Add New Landing Pageボタンをクリックします。

SeedProdで新しいランディングページを追加する

次の画面では、何百ものランディングページのテンプレートから選ぶことができます。マーケティング戦略や広告キャンペーンのニーズに合わせて、各テンプレートを完全にカスタマイズすることができます。

SeedProdランディングページテンプレート

上部にあるタブをクリックすると、特定の目標で検索を絞り込むことができます。たとえば、パーソナライズされたウェビナー・ページを作成する場合は、「ウェビナー」タブをクリックすると、そのデザイン機能を備えたテンプレートが表示されます。

気に入ったテンプレートが見つかったら、そのテンプレートにカーソルを合わせてチェックマークアイコンをクリックします。

ランディングページのテンプレートを選ぶ

ページ名とURLを入力するポップアップウィンドウが表示されます。SeedProdは自動的にページのスラッグを作成しますが、後でページ設定で変更することができます。

パーソナライズされたランディングページの名前とスラッグ

ページの詳細を入力したら、「保存してページの編集を開始する」ボタンをクリックします。

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

次の画面では、SeedProdのビジュアルランディングページビルダーが表示されます。左側には新しい要素を追加するためのブロックとセクションがあり、右側にはリアルタイムのプレビューがあります。

SeedProdのドラッグ&ドロップ・インターフェース

これで、あなたのニーズに合わせてページのカスタマイズを始めることができる。

例えば、背景画像を置き換えるには、左のパネルで画像をクリックし、ギャラリーアイコンを選択します。これにより、コンピュータまたはWordPressのメディアライブラリから新しい写真を選択することができます。

ランディングページの背景画像を変更する

ランディングページ全体の色やフォントをカスタマイズしたい場合は、画面の下隅にある歯車のアイコンをクリックしてください。

グローバル・ランディングページのカスタマイズ設定

テキスト、コールトゥアクションボタン、背景などにカスタムカラーパレットを設定するには、さまざまなタブを展開します。

パーソナライズされたランディングページのカラーパレット

このセクションにカスタムCSSを追加して、さらにカスタマイズすることもできる。

これらの基本的なカスタマイズに満足したら、さまざまなオーディエンス向けにランディングページをパーソナライズすることができます。

ステップ4.パーソナライズ要素を追加する

SeedProdの最も強力な機能の1つは、ランディングページのほぼすべての部分をカスタマイズできることです。

私たちのお気に入りのツールは、動的テキスト置換機能です。これを使えば、2つの異なるシナリオに基づいてページをパーソナライズすることができます:

1.日付

これにより、ページに動的に日付を表示することができます。

日付の動的テキスト置換

例えば、セールを行っている場合、「セールは [#today :%A]まで」という見出しを作ることができます。ダイナミック・テキスト・コードが置換されると、"Our sale ends Tuesday"(セールは火曜日まで)など、ユーザーにとっての現在の曜日が表示されます。

2.クエリー

これにより、ユーザーが検索するクエリに基づいてコンテンツを適応させることができます。

クエリの動的テキスト置換

例えば、"Hi [q:fname=there]"というクエリーパラメーターを持つ見出しがあった場合、ユーザーには "Hi Stacey "のように自分の名前が表示されます。しかし、パラメータがなければ、ユーザーは "Hi there "と表示されます。

ダイナミックテキストを追加するには、パーソナライズしたい見出しをクリックし、ダイナミックテキストの挿入ボタンを選択します。

この例では、Queryパラメータタイプを選択します。このオプションでは、'location'のようなパラメータ名を入力し、'You'のようなデフォルト値を追加することができます。

ダイナミックテキストの挿入

デフォルトでは、見出しは「あなたの近くの運転教習所」と表示されます。しかし、location=FloridaのようにURLパラメータに場所が含まれている場合、見出しは'Driving Instructors Near Florida'に変わります。

動的ランディングページのロケーション・クエリ・パラメータ

この機能を使って、コール・トゥ・アクション(CTA)ボタンをパーソナライズすることもできる。

任意のCTAボタンをクリックし、ボタンの設定で、次のようなダイナミックテキストコードを貼り付けます:

SeedProd コール・トゥ・アクション・ボタンの動的テキスト置換

時間指定のオファーを動的に表示したい場合は、Dateダイナミックテキストタイプを使用できます。

DateTimeオプションでテキストや見出し要素をカスタマイズし、訪問者に表示したい日付を選択するだけです。

日付ダイナミックテキストの例

SeedProdのカウントダウン・タイマー・ブロックと組み合わせて、切迫感を演出することもできます。

ランディングページのカスタマイズは、パーソナライズに満足するまで続けてください。その後、保存ボタンをクリックして変更を保存してください。

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

ランディングページでEメールアドレスを収集したい場合は、Eメールマーケティングオートメーションサービスに接続する必要があります。これを行うには、ページビルダーの上部にある接続タブをクリックします。

seedprod 電子メール統合

ここでは、メールマーケティングプロバイダー、Google Analytics、Recaptchaスパム対策など、SeedProdの直接統合のリストが表示されます。また、Zapier接続を使用して、Hubspotなどの他のアプリやCRMと統合することもできます。

インテグレーションが見つかったら、接続ボタンをクリックしてEメールリストをリンクし、画面の指示に従ってください。

Eメールリストに接続する

では、「ページ設定」タブをクリックして、さらに詳細な設定を行ってみましょう。

seedprodランディングページの設定

このページでは、新しいランディングページの名前とURLを入力し、カスタムトラッキングスクリプトを追加し、さらに最高のWordPress SEOプラグインであるAIOSEOをインストールすることで、ページ内検索エンジン最適化を実行することができます。

このページで私たちが気に入っているもう一つの設定は、カスタムドメインオプションです。これを使えば、ランディングページにメインサイトとは全く別のドメイン名を割り当てることができます。

seedprod カスタムドメイン設定

ステップ6.パーソナライズされたランディングページを公開する

ランディングページを公開する前に、モバイルデバイスでテストすることをお勧めします。モバイル対応であれば、タブレットやスマートフォンのような小さな画面でも見栄えやパフォーマンスが向上し、適格なリードを失うのを防ぐことができます。

良いニュースは、SeedProdのモバイルプレビューオプションを使用すると、モバイルデバイス上であなたのページを見ることができます。画面の下にある携帯電話のアイコンをクリックするだけです。

SeedProdモバイルプレビューアイコン

これで、あなたのページがモバイルでどのように表示されるかを確認し、正しく表示されないものや正しく動作しないものを調整することができます。

パーソナライズされたランディングページのプレビュー

パーソナライズされたランディングページに満足したら、保存ボタンの下矢印を選択し、公開をクリックします。

パーソナライズされたランディングページの公開

これで、新しいページにアクセスして、リアルタイムでどのように見えるかを確認することができます。

パーソナライズされたランディングページの最終例

パーソナライズド・ランディングページに関するFAQ

パーソナライズされたランディングページとは?
パーソナライズド・ランディングページとは、訪問者一人ひとりに合わせたページのことです。すべての人に同じコンテンツを表示するのではなく、場所、行動、またはオーディエンスのセグメントに基づいて見出し、オファー、または画像を変更します。これにより、ページの関連性が高まり、コンバージョンが向上します。
カスタムランディングページの作り方
最も簡単な方法は、SeedProdのようなドラッグ&ドロップ・ビルダーを使うことだ。テンプレートを選び、独自のテキストや画像を追加すれば、コードを書くことなく公開できる。また、EメールサービスやCRMに接続してリードを集めることもできる。
パーソナライズされたランディングページは本当にコンバージョンを増やすのか?
ニーズに合ったコンテンツを見せることで、ページを長く見てもらい、行動してもらいやすくなります。見出しに位置情報を使うなど、小さな変更でも成果を上げることができます。

このガイドが、WordPressでパーソナライズされたランディングページを作成する方法を学ぶ助けになったことを願っています。SeedProdのユーザーフレンドリーなページビルダーを使えば、開発者を雇うことなく簡単にランディングページをパーソナライズすることができます。

それなら、自分でやってみたらどうだろう?

以下のランディングページガイドもお勧めです:

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

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

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