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

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

ナビゲーションなしのランディングページ

ナビゲーションなしでランディングページを作る方法(簡単な方法) 

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

ナビゲーションのないランディングページを作りたいですか?短い答えは「イエス」です。メニューを削除することで、訪問者はあなたのコールトゥアクションに集中することができ、コンバージョンを倍増させることができます。

ナビゲーションリンクはウェブサイトにとっては素晴らしいものですが、ランディングページでは人々の気を散らします。ナビゲーションリンクを削除することで、重要でないクリックを減らし、訪問者がサインアップ、購入、オファーをダウンロードしやすくなります。

このガイドでは、ナビゲーションがなぜコンバージョンの目標を妨げるのかを説明し、SeedProdを使って気が散らないランディングページを作成する方法をステップバイステップで紹介します。

ナビゲーションのないランディングページを作る手順

ランディングページはナビゲーションを持つべきか?

いいえ、ベストプラクティスはランディングページからナビゲーションを取り除くことです。そうすることで、訪問者をコールトゥアクションに集中させることができ、コンバージョンを劇的に改善することができます。

例えば、YuppiechefはVWOでA/Bテストを実施し、トップナビゲーションを削除したところ、コンバージョンが2倍になりました。同様に、AmeriFirstは、ナビゲーションリンクを削除した後、リードが30-40%増加したと報告しているVWO自身のガイドラインでさえ、ナビゲーションや外部リンクは訪問者を "コンバージョンのトンネル "に閉じ込めるのに役立つと強調している。

とはいえ、コンプライアンスや信頼性のために、フッターにプライバシーポリシーや利用規約のような小さな信頼構築リンクを含める必要があるかもしれません。ただ、CTAと競合しないよう、さりげなく、邪魔にならないようにしましょう。

ナビゲーションを最小限にとどめるべき場合

ほとんどのランディングページはナビゲーションがない方がパフォーマンスが良いが、最小限のリンクを保つことが理にかなっているケースもいくつかある。

  • コンプライアンスと信頼 プライバシーポリシーや利用規約へのリンクは、法的に義務付けられていたり、訪問者を安心させるのに役立つ場合があります。
  • 複雑な製品:複数の機能を持つソフトウェアやサービスを販売している場合、詳細ページへの単一の「詳細」リンクは摩擦を減らすことができます。
  • マルチステップファネル:キャンペーンによっては、ユーザーを混乱させることなく一連のページに誘導するために「戻る」リンクが必要な場合があります。
  • サポートページ:ヘルプ」や「お問い合わせ」のリンクをさりげなく追加することで、訪問者がコンバージョンする前に迅速な回答を必要としている場合、信頼を向上させることができる。

重要なのは、これらのリンクは最小限にとどめ、二次的なものにすることです。メインのコールトゥアクションと競合してはいけません。一般的なアプローチとしては、フッターや小さなテキストリンクとして配置することで、CTAが主要な焦点であり続けるようにします。

軽量ナビゲーションの代替

完全なナビゲーションメニューは必要ないが、それでも訪問者を誘導する方法が必要な場合は、コールトゥアクションに焦点を当てたまま、軽量な代替メニューを使用することができます。

  • ジャンプリンクのアンカー:完全なメニューの代わりに、"特徴 "や "価格 "など、ページのさらに下のセクションにジャンプするシンプルなリンクを追加します。
  • スティッキーなコールトゥアクション:フローティングボタンまたはバーにより、訪問者がスクロールしても、サインアップまたは「今すぐ購入」リンクが表示されたままになります。
  • フッター専用リンク:プライバシーポリシーや規約などの信頼性や法的なリンクは、見出しやフォームの邪魔にならないフッターに設置しましょう。
  • ワンクリックのサポート:さりげないチャットアイコンや "Need help?"(ヘルプが必要ですか)のリンクは、人々をページから引き離すことなく質問に答えることができます。

SeedProdを使えば、CTAボタン、フッターセクション、アンカーリンクをランディングページのデザインにドラッグ&ドロップすることで、これらの選択肢を簡単に追加することができます。

ナビゲーションのないランディングページの作り方

コンバージョンの高いランディングページを作る方法はたくさんあるが、もしあなたがWordPressウェブサイトのオーナーなら、ページビルダーを使うことをお勧めする。

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

私のお気に入りは、WordPressのための最高のウェブサイトビルダーであるSeedProdです。コードを書くことなく、高品質のランディングページ、柔軟なウェブサイトレイアウト、カスタムWordPressテーマを作成することができます。

SeedProdのビジュアルドラッグアンドドロップページビルダーは使いやすく、ランディングページのデザインを完璧にするために以下のような多くの機能を提供しています:

  • プロがデザインしたランディングページのテンプレート
  • ソーシャルメディアボタン、オプトインフォーム、CTAボタンなど、30以上のコンテンツブロック
  • コンテンツ・セクションがあらかじめ用意されているため、カスタマイズが容易
  • 動的テキスト置換
  • 近日公開とメンテナンス・モード
  • 強力なアクセス制御
  • メールマーケティング統合
  • ドメインマッピング
  • そしてもっと。

SeedProdでナビゲーションのないランディングページを作成するには、以下の手順に従ってください。

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

まず、このリンクをクリックしてSeedProdを始め、プラグインをコンピューターにダウンロードする。

注:SeedProdには無料版もありますが、ここでは高度な機能のためにSeedProd Proを使用します。

次に、WordPressウェブサイトにSeedProdプラグインをインストールし、有効化します。WordPressプラグインのインストール方法については、こちらをご覧ください。

SeedProdをインストールした後、SeedProd " 設定ページに移動します。このページでライセンスキーを入力し、SeedProdのPro機能を有効にします。

seedprodライセンス・キーを確認する

Verify Keyボタンをクリックし、SeedProd " Landing Pagesで新しいページを作成してください。

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

次のページにはいくつかのオプションがある。

SeedProdランディングページのダッシュボード

4つのページモードのいずれかを有効にすることができます:

あるいは、どのような目的であれ、独立したランディングページを作成することもできます。私たちはこの選択肢を選びますので、新しいランディングページを追加ボタンをクリックしてください。

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

次のページで150以上のランディングページテンプレートから選ぶことができ、タイプ別にデザインを絞り込むことができます。SeedProdのデザインの多くはナビゲーションメニューを含みませんが、ここではメニューバーのあるものを選び、いかに簡単に削除できるかをお見せします。

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

気に入ったテンプレートが見つかったら、チェックマークアイコンをクリックします。

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

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

ランディングページの詳細を追加する

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

あなたのページはSeedProdのドラッグアンドドロップページビルダーで開きます。

2カラムレイアウトの左側には、ページ内容をカスタマイズするためのブロックとセクションがあります。右側にはページのライブプレビューが表示されます。

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

新しいコンテンツを追加するには、コンテンツブロックをページにドラッグするだけです。

例えば、2クリックでナビゲーション・メニューを削除できます。ナビゲーション・セクションにカーソルを合わせ、ゴミ箱アイコンをクリックします。

ランディングページのナビゲーションを削除する

SeedProdが選択を確認するよう尋ねてきますので、「はい、削除」をクリックすると、ランディングページからナビゲーションが削除されます。

ブロック削除の確認

ロゴをページに戻したい場合は、カラムブロックをプレビューにドラッグし、シングルカラムオプションを選択します。

ランディングページのカラムを追加する

イメージブロックの上にドラッグしてクリックすると、ブロックの設定が表示されます。

ランディングページの画像ブロックを追加する

そこから、コンピューターやワードプレスのメディアライブラリからロゴをアップロードすることができます。

ランディングページのロゴをアップロードする

次に、ページのフッターエリアを見てみよう。フッターエリアには、入れたくないナビゲーションリンクが含まれていることが多い。私たちのページには、このデザインから削除したいソーシャルメディアのプロフィールリンクがあります。

ソーシャルアイコンブロックにカーソルを合わせ、ゴミ箱アイコンをクリックして削除します。

フッター・ランディング・ページのナビゲーション・リンクを削除する

CTAボタンに置き換えるか、そのエリアを空白にすることができます。

フッターのコール・トゥ・アクション・ボタンのランディングページ

あとは、あなたのブランディングやマーケティング目標に合わせてデザインをカスタマイズしてください。例えば、オプトインフォームブロックを使ってEメールリストを増やし、リードを生み出すことができます。

ランディングページ登録フォーム

あるいは、ユーザーをチェックアウトやアプリのダウンロードページに誘導するCTAボタンを追加することもできます。

ランディングページのコール・トゥ・アクション・ボタン

すべての見た目に満足したら、右上の「保存」ボタンをクリックします。

ナビゲーションなしでランディングページを保存

ステップ5.ページ設定を行う

SeedProdはランディングページで簡単にメールリストを増やすことができます。あなたのページを多くのメールマーケティングサービスと簡単に統合することができます。 

これを行うには、画面上部の接続タブをクリックします。次の画面で、Constant Contact、Mailchimp、GetResponseなど、統合できるメールプロバイダがすべて表示されます。

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

SeedProdのメールマーケティングドキュメントには、各サービスとの統合のためのステップバイステップの手順が記載されています。

また、「ページ設定」タブをクリックすると、以下の設定を行うことができます:

ランディングページ設定

次のステップに進む前に、変更を保存することを忘れないでください。

ステップ6.ページを公開する

いよいよページを公開し、WordPressウェブサイト上で公開する時が来ました。保存]ボタンのドロップダウン矢印をクリックし、[公開]をクリックすると、数回クリックするだけでページを公開できます。

ナビゲーションのないランディングページの公開

ランディングページにアクセスすると、ナビゲーションがないことがわかります。これにより、訪問者はページの主要なコンバージョンゴールに集中することができます。

ナビゲーションのないランディングページの例

ナビゲーションのないランディングページ よくある質問

ナビゲーションのないランディングページとは?
サインアップや購入など、訪問者をひとつのアクションに集中させるためにデザインされた独立したページです。通常のウェブページとは異なり、メニューや余分なリンクがないため、訪問者の注意が散漫になることはありません。
なぜランディングページからナビゲーションを削除するのか?
研究によると、ナビゲーションを削除するとコンバージョンが倍増するそうです。余分なリンクがなければ、訪問者はあなたのコールトゥアクションをクリックする可能性が高くなります。
ランディングページのリンクをすべて削除すべきでしょうか?
メニューや必要のないリンクは削除すべきですが、プライバシーポリシーや利用規約のような小さな法的リンクや信頼できるリンクはフッターに残しておきましょう。これらはメインのCTAと競合しません。
サポートやコンタクトオプションを追加することはできますか?
そうですが、さりげなくしましょう。フッターのコンタクトリンクや小さなチャットウィジェットは、フルメニューよりも効果的です。
ナビゲーションのないページはSEOに悪影響を与えるのか?
ランディングページはメニューに頼ったランキングではありません。重要なのは、関連性のあるコンテンツ、明確な見出し、そしてページを指すリンクです。多くの高コンバージョンのランディングページは、ナビバーなしで上位にランクインしています。
必要に応じて、後からナビゲーションを追加することはできますか?
そう、SeedProdのようなツールを使えば、数秒でナビゲーションを追加したり削除したりできる。ただ、後からメニューを追加するとコンバージョンが下がる可能性があるので、最初にメリットとデメリットを検討することを忘れないでください。

この記事が、ナビゲーションのないランディングページの作り方を学ぶ助けになったなら幸いだ。コンバージョンの高いランディングページを作る準備はできましたか?

今すぐSeedProdをご利用ください!

SeedProdはあらゆる方法であなたのビジネスの成長をお手伝いします。中小企業のヒントについては、当社のブログをご覧ください。

私たちのお気に入りの関連記事をいくつか紹介しよう:

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

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

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