最新のSeedProdニュース

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

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

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

執筆者: 著者アバター ステイシー・コリン
著者アバター Stacey Corrin
Stacey Corrinは、WordPress、SEO、デジタルマーケティングに関する執筆経験15年以上の認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツを管理しており、自身が積極的に使用しテストしているツールや戦略を取り上げています。
    
レビュー担当者: レビュアーアバター ターナー ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同創設者です。彼は20年以上のビジネスおよび開発経験を持ち、彼のプラグインは2500万回以上ダウンロードされています。

要約:ナビゲーションなしのランディングページを作成する方法

ナビゲーションメニューは訪問者に離脱経路を与えます。ナビゲーションなしのランディングページは、その気を散らすものを排除し、訪問者を1つのアクションに集中させます。

  1. なぜ効果があるのか:ナビゲーションバーを削除すると、訪問者を単一のパスに留めることでコンバージョンを倍増させることができます。
  2. 削除するもの:SeedProdのドラッグアンドドロップエディターを使用して、ヘッダーナビゲーションとフッターのナビゲーションリンクを2クリックで削除します。
  3. 保持するもの:プライバシーポリシーや利用規約などのフッターの信頼リンクは、残しておいても問題ありません。
  4. テストする時期:不明な場合はA/Bテストを実行してください。ほとんどの気を散らすものがないランディングページは、完全なナビゲーションバーがあるページよりも優れたパフォーマンスを発揮します。
  5. 所要時間:SeedProdを使用すれば30分未満。

ランディングページを何時間もかけて作成し、トラフィックを誘導しても、訪問者はコンバージョンする代わりにメニューリンクをクリックして離脱してしまいます。これは私がよく目にするコンバージョンキラーの1つです。問題はあなたのオファーではありません。ナビゲーションバーが彼らに行く場所を与えてしまったことです。

ナビゲーションなしのランディングページは、その出口をなくします。クリックできるメニューリンクがないため、訪問者には1つの選択肢しかありません。それはあなたのコールトゥアクションです。

このガイドでは、ナビゲーションなしのランディングページがなぜよりコンバージョンするか、そしてSeedProdを使用してWordPressで作成する方法を説明します。

ランディングページにナビゲーションは必要ですか?

いいえ。ベストプラクティスは、ランディングページからナビゲーションバーを削除することです。訪問者をあなたのコールトゥアクションに集中させ、コンバージョン率の最適化を劇的に改善することができます。

データは複数の研究でこれを裏付けています。

現在、ナビゲーションバーのないランディングページは約16%にすぎません。これは、ほとんどのページがまだコンバージョンを逃していることを意味します。

ただし、最小限のリンクを保持する必要がある状況がいくつかあります。

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

重要なのは、これらのリンクを最小限かつ二次的なものに保つことです。それらは決してあなたの主なコールトゥアクションと競合してはなりません。一般的なアプローチは、それらをフッターに配置するか、小文字のテキストリンクとして配置することです。これにより、CTAが主要な焦点であり続けます。

有料検索キャンペーンの場合は、ナビゲーションを完全に削除する前に、Googleの現在の広告の宛先ポリシーを確認してください。ガイドラインが変更され、一部のナビゲーションは特定の広告プレースメントで許可または推奨される場合があります。

ナビゲーションを削除することが特定のページに役立つかどうかわからない場合は、A/Bテストを実行してください。VWOやGoogleの組み込みGA4実験などのツールを使用すると、実際のトラフィックで両方のバージョンをテストできます。ほとんどのランディングページテストでは、ナビゲーションを削除することによるコンバージョン数の増加が見られますが、結果はオーディエンスやトラフィックソースによって異なる場合があります。

ランディングページのナビゲーションの代わりに何を使用できますか?

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

  • アンカージャンプリンク:完全なメニューの代わりに、ページの下部にある「機能」や「価格」などのセクションにジャンプするシンプルなリンクを追加します。
  • 固定コールトゥアクション:フローティングボタンまたはバーにより、訪問者がスクロールしてもサインアップまたは「今すぐ購入」リンクが表示されたままになります。
  • フッターのみのリンク:プライバシーポリシーや利用規約などの信頼性または法的リンクをフッターに配置し、見出しやフォームから注意をそらさないようにします。
  • ワンクリックサポート:控えめなチャットアイコンまたは「ヘルプが必要ですか?」リンクは、ユーザーをページから離れることなく質問に答えることができます。

SeedProdでは、ボタンブロックが固定CTAを処理し、ナビゲーションメニューブロック(アンカーリンクのみに設定)がページに終了リンクを追加せずにページ内ジャンプを処理します。

ナビゲーションなしでランディングページを作成する方法

私が選ぶツールは、WordPress用のドラッグ&ドロップウェブサイトビルダーであるSeedProdです。コードを書かずに、高品質なランディングページ、柔軟なウェブサイトレイアウト、カスタムWordPressテーマを作成できます。

SeedProdのビジュアルビルダーは使いやすく、コンバージョン率の高いランディングページに必要な機能を提供します。それには以下が含まれます:

  • プロがデザインしたランディングページテンプレート
  • ソーシャルメディアボタン、オプトインフォーム、CTAボタンなどの30以上のコンテンツブロック
  • より迅速なカスタマイズのための既製のコンテンツセクション
  • 動的テキスト置換
  • 近日公開およびメンテナンスモード
  • 強力なアクセス制御
  • Eメールマーケティング連携
  • ドメインマッピング
  • その他多数。

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

ステップ1. SeedProdのインストールと有効化

まず、このリンクをクリックしてSeedProdの利用を開始し、プラグインをコンピューターにダウンロードしてください。

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

次に、WordPressウェブサイトにSeedProdプラグインをインストールして有効化します。ヘルプが必要な場合は、WordPressプラグインのインストールの手順に従ってください。

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

Pro機能を有効にするためにSeedProdライセンスキーを確認してください

キーの検証ボタンをクリックし、次にSeedProd » ランディングページに移動して新しいページを作成します。

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

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

Coming Soon、メンテナンスモード、ランディングページオプションを表示するSeedProdランディングページダッシュボード

このページから、近日公開またはメンテナンスモードのような特別なモードを有効にできますが、今回は新しいランディングページを追加ボタンをクリックします。

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

次のページで150以上のランディングページテンプレートから選択でき、デザインをタイプ別にフィルタリングできます。SeedProdのデザインの多くにはナビゲーションメニューが含まれていませんが、削除がどれほど簡単かを示すためにメニューバー付きのデザインを選択します。

カテゴリ別にフィルタリングされたSeedProdレスポンシブランディングページテンプレート

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

SeedProdでランディングページテンプレートを選択する

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

名前とURLを含むランディングページの詳細を追加してください

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

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

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

左側にブロックパネル、右側にライブプレビューがあるSeedProdランディングページビルダーエディター

どこでもクリックしてコンテンツを編集できます。新しいコンテンツの追加は、コンテンツブロックをページにドラッグするのと同じくらい簡単です。

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

SeedProdでゴミ箱アイコンをクリックしてランディングページナビゲーションを削除する

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

SeedProdビジュアルエディターでのブロック削除確認ダイアログ

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

SeedProdランディングページレイアウトに単一列ブロックを追加する

次に、画像ブロックをドラッグしてクリックすると、ブロック設定が表示されます。

ロゴを表示するためにSeedProdランディングページに画像ブロックを追加する

そこから、コンピューターまたはWordPressメディアライブラリからロゴをアップロードできます。

WordPressメディアライブラリからSeedProdランディングページにロゴ画像をアップロードする

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

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

ソーシャルアイコンブロックを削除してフッターランディングページナビゲーションリンクを削除する

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

ナビゲーションリンクのないランディングページのフッターコールトゥアクションボタン

これで、ブランディングとマーケティングの目標に合わせて、残りのデザインをカスタマイズできます。たとえば、オプトインフォームブロックを使用して、メールリストを増やし、リードを生成できます。

メールリードキャプチャのためのナビゲーションのないランディングページのSeedProdオプトインフォームブロック

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

注意散漫にならないランディングページのSeedProd CTAボタンブロック

すべてがうまくいったら、右上隅にある保存ボタンをクリックします。

公開前にSeedProdでランディングページデザインを保存する

ステップ5. ページ設定の構成

SeedProdを使用すると、ランディングページでメールリストを簡単に増やせます。ページを多くのメールマーケティングサービスと簡単に統合できます。

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

サポートされているすべてのメールプロバイダーを表示するSeedProdメールマーケティング統合パネル

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

ページ設定タブをクリックして、次の設定を構成することもできます。

SEO、分析、カスタムドメインオプションを表示するSeedProdランディングページ設定パネル

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

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

これで、ページを公開し、WordPressウェブサイトでライブにする時間です。保存ボタンのドロップダウン矢印をクリックして公開をクリックすると、数回のクリックでページを公開できます。

SeedProdを使用してWordPressでナビゲーションなしのランディングページを公開する

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

ナビゲーションメニューやヘッダーリンクのない、完成したSeedProdランディングページの例

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

ランディングページにナビゲーションは必要ですか?

いいえ。ベストプラクティスは、ランディングページからナビゲーションバーを削除することです。ナビゲーションは、コンバージョンする代わりに訪問者に別の場所へ行く機会を与えます。調査によると、削除することでコンバージョンが2倍になったり(Yuppiechef/VWO)、リードが30〜40%増加したりする(AmeriFirst/CXL)ことが示されています。

例外は、プライバシーポリシーや利用規約のような小さなフッターの信頼リンクで、これらはそのまま残しても問題ありません。これらはメインCTAと競合しません。

ランディングページからナビゲーションを削除するとSEOに悪影響がありますか?

いいえ。ランディングページはランク付けのためにナビゲーションメニューに依存しません。SEOにとって重要なのは、関連性の高いコンテンツ、明確な見出し、そしてページを指すリンクです。コンバージョン率の高い多くのランディングページは、ナビゲーションバーなしでランク付けされています。

ナビゲーションはマルチページウェブサイトのユーザビリティ機能であり、SEOシグナルではありません。スタンドアロンのランディングページから削除しても、検索ランキングに影響はありません。

ナビゲーションの代わりにランディングページのフッターに何を含めるべきですか?

信頼とコンプライアンスのリンクのみに限定する:プライバシーポリシー、利用規約、そして任意で連絡先またはサポートリンク。これらは訪問者の注意をCTAからそらすことなく安心感を与えます。

フッターにソーシャルメディアリンク、サイトメニュー、ブログリンクを追加するのは避けましょう。各リンクは離脱経路です。フッターは最小限にし、CTAを最優先してください。

ナビゲーションありとなしでランディングページをA/Bテストできますか?

はい、どちらかに決定する前にスマートな判断ができます。VWOやGoogleのGA4実験のようなツールを使えば、実際のトラフィックで両方のバージョンをテストできます。2つのバリアントを設定してください:現在のナビゲーションがあるものと、ナビゲーションを削除したもの。

ほとんどのランディングページテストではナビゲーションなしのバージョンが有利ですが、結果はオーディエンスやトラフィックソースによって異なる場合があります。永続的な変更を加える前に、統計的に有意なデータを取得するために少なくとも2週間テストを実行してください。

ランディングページとウェブサイトページの主な違いは何ですか?

ウェブサイトページは、ナビゲーション、複数の目標、広範なコンテンツを持つマルチページサイトの一部です。ランディングページは、訪問者にサインアップ、購入、ダウンロードなどの単一のアクションを取らせるという、1つの特定の目標を持つスタンドアロンページです。

ランディングページは単一の目標を持つため、ナビゲーションなしの方が効果的です。ウェブサイトのホームページは、訪問者がさまざまな理由で来るため、メニューが必要です。ランディングページは、これらのオプションを意図的に削除します。

あなたのランディングページには、今や1つの仕事があります。そして、それを完了させるのを妨げるものは何もありません。今すぐSeedProdで始めましょう。30分以内に最初の注意散漫にならないランディングページを作成できます。

関連性の高いお気に入りの投稿をいくつかご紹介します。

お読みいただきありがとうございます!皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTubeX および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。

著者アバター
Stacey Corrin コンテンツマーケティングスペシャリスト
Stacey Corrinは、WordPress、SEO、デジタルマーケティングに関する執筆経験15年以上の認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツを管理しており、自身が積極的に使用しテストしているツールや戦略を取り上げています。

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

[weglot_switcher]