最新のSeedProdニュース

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

ランディングページ vs スプラッシュページ:どのように違いますか?

ランディングページ対スプラッシュページ:それぞれの使い分け(そしてその理由)

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

誰かがあなたに「ランディングページを作って」と言い、あなたはそれに取り掛かるものの、行き詰まってしまいます。ここで本当に必要なのは、サイトにアクセスする前に訪問者を迎える簡単なスプラッシュスクリーンでしょうか、それとも本格的なランディングページでしょうか?

ランディングページとスプラッシュページという質問は多くの人を悩ませます。なぜなら、この2つは全く異なる役割を果たしているにもかかわらず、互換的に使われることがあるからです。Beaver Builder、Elementor、SeedProdを使って15年間クライアントのためにページを作成してきた中で、人々が間違った方に労力を注ぎ込み、なぜうまくいかなかったのかと疑問に思うのを何度も見てきました。

そこで、それぞれのページがどのように機能し、どこが異なり、そしてあなたがやろうとしていることに最適な方を選ぶ方法を正確にお見せします。

基準ランディングページスプラッシュページ
目的特定のコンバージョンを促進する簡単な情報共有またはアクセスゲート
配置スタンドアロンURL、キャンペーンで使用メインサイトコンテンツの前に表示される
長さ説得に必要な限り非常に短く、最小限のコピー
SEOキーワードをターゲットにし、ランク付けできるSEO価値は最小限。非侵襲的に保つ
テスト一般的にA/BテストされるUXチェック以上のテストはまれ
典型的な用途リードジェネレーション、販売、ウェビナー年齢確認、言語、プロモーション

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

ランディングページとは、サインアップ、販売、ダウンロードといった単一のアクションを促進するために構築されたスタンドアロンのウェブページのことです。これは、メール、ソーシャル投稿、検索広告のリンクをクリックした後にユーザーが「着地」するページの種類であり、マーケティングキャンペーンをサポートしたり、リードジェネレーションの取り組みを強化したりするために存在します。

  • メールキャンペーン
  • ソーシャルメディア投稿
  • 検索結果からの広告
  • その他の関連ウェブサイト

強力なランディングページデザインは、コンバージョン率を高め、目標達成のコストを下げるための最善のソリューションです。なぜなら、ランディングページは、魅力的なコンテンツ、ソーシャルプルーフ、そして巧妙なデザインの組み合わせによって、ユーザーをコンバージョンに導くことに焦点を当てているからです。

IFTTTアプリのランディングページ例(単一のサインアップアクション付き)

ランディングページには、以下のようなさまざまなコンバージョン目標があります。

  • ニュースレターの購読者を増やす
  • ウェビナー登録を増やす
  • コンテンツのダウンロードを促進する
  • コンテストへの応募を増やす
  • eコマースの商品またはサービスのプロモーション
  • 質の高いリードを獲得する

それらの主な目的は、ビジネス目標をサポートし、検索トラフィックを改善しながらコンバージョンを増やすことです。

スプラッシュページとは?

スプラッシュページとは、通常、通知、選択肢、またはチェックを表示するために、サイトの他の部分の前に表示される短い紹介画面のことです。これは、ユーザーがクリックして進む静的なページである場合もあれば、指示に従うと消えるポップアップである場合もあります。

ほとんどの場合、スプラッシュスクリーンは訪問者に関するデータを収集します。それらに普遍的な目的はないため、何をするかはビジネスのニッチや業界によって異なります。

Conversion Godsのスプラッシュページ例(メインサイトの前に表示)

ほとんどのビジネスでは、スプラッシュページを次の目的で使用しています。

  • 特定の製品またはサービスに注意を引く
  • ユーザーをウェブサイトの特定のページに誘導する
  • 年齢確認を提供する
  • 警告または免責事項を表示する
  • 割引情報を共有する

また、スプラッシュページには通常、特定のコールトゥアクション(CTA)があることも注目に値します。

関連記事:ウェブサイトなしでランディングページを作成する方法

ランディングページ vs スプラッシュページ:どのように違いますか?

最も大きな違いは、長さ、目的、構築時間、そして訪問者が各ページにどのように到達するかという点にあります。それぞれを一つずつ見ていきましょう。

長さ

ランディングページとスプラッシュページは、非常に異なる長さで実行されます。ランディングページは、訪問者にアクションを促すのに十分な情報が必要なため、長くも短くもなります。

少量のコンテンツで十分な場合は、ランディングページは短いままで、より多くの情報が必要な場合は、以下のような要素で長くなります。

要するに、ランディングページはコンバージョンを生み出すために必要なだけ長くすることができます。

Orangina製品のランディングページ例(長文の説得力のあるコンテンツ付き)

スプラッシュページはその逆です。何かを迅速かつ具体的に伝えることが目的であるため、それほど多くのコンテンツは必要ありません。

スプラッシュページには、最小限のコピー、画像、そして共有したいことを伝えるためのCTAのみが含まれる場合があります。

スプラッシュページがランディングページより短いことを示す図

目的

2つのページは目的も異なります。スプラッシュページは通常、次のような、ごくわずかな言葉で実行できる、明確で単一のジョブを持っています。

  • データの収集
  • オーディエンスのスクリーニング
  • プロモーションの提供
  • お知らせ

訪問者の年齢を確認するスプラッシュページには、短い文章、ドロップダウンまたはチェックボックス、そしてCTAボタンのみが必要な場合があります。プロモーションを発表するスプラッシュページには、目を引く見出し、画像、CTAのみが必要な場合があります。

Zaraの言語選択スプラッシュページ例

ランディングページは、コンバージョン目標をサポートするように構築されているため、その目的はリードや販売の生成にあります。

たとえば、あるランディングページでは、訪問者にリードマグネットをダウンロードするように促し、それによってメールアドレスを収集してリストを増やすことができます。

メールサインアップを収集するために構築されたeBookランディングページ例

または、新製品を発売する場合は、製品が競合製品よりも優れている理由を説明する販売用ランディングページを作成することができます。

デザインにかかる時間

ランディングページは通常、構築に多くの作業が必要ですが、その理由はSEOの取り組みです。ランディングページをランク付けするには、キーワードリサーチを行い、検索のベストプラクティスを念頭に置いてコンテンツを最適化する必要があります。

また、魅力的なコピーを作成したり、高品質な画像を探したり、ソーシャルプルーフのために顧客からのフィードバックを収集したりするのに時間を費やすことになります。スプラッシュページでは、これらのほとんどをスキップするため、セットアップと公開が迅速に行えます。

モバイルでの注意点:Googleは、スプラッシュページがメインコンテンツをブロックする迷惑なインターテイシャルとして機能する場合、そのランクを下げる可能性があります。スプラッシュページはスキップ可能で、高速で、ブロックしないようにし、Googlebotがその背後にあるコンテンツにアクセスできるようにしてください。年齢や法的ゲートはGoogleが許可する明示的な例外であるため、正当な年齢確認は問題ありません。

アクセスしやすさ

訪問者は、ランディングページとスプラッシュページに異なる方法でアクセスします。スプラッシュページはウェブサイトの一部として存在するため、ユーザーはまずサイトにアクセスする必要があり、その後スプラッシュスクリーンが最初に表示されます。

Forbesの今日の引用スプラッシュページ

ランディングページは異なる方法で機能します。スタンドアロンページであるため、ユーザーはそれにクリックしてアクセスする方法が必要です。

ランディングページには、いくつかの方法で人々を惹きつけることができます。プロモーションメールにリンクを挿入したり、ソーシャル投稿にリンクをドロップしたり、Google検索広告を通じて宣伝したりできます。

ソーシャルメディア投稿で共有されたHopinのリードマグネットリンク

すべてはユーザーエクスペリエンスに戻ります。ランディングページはユーザーをコンバートするように調整されていますが、スプラッシュページは迅速で情報提供できるように設計されています。

ランディングページ対スプラッシュページ:構造

どちらかのページを構築することを考えている場合は、まず必須要素を知っておくと役立ちます。それぞれに必要なものは次のとおりです。

ランディングページの構成要素

ランディングページは、可能な限り低いコストでコンバートするように構築されているため、より大きくなります。そのため、含める内容はスプラッシュページとは異なります。ランディングページには次のものが必要です。

  • 読者を惹きつける魅力的な見出し
  • ユーザーをページに留めるための限定的なナビゲーション
  • エンゲージメントを高める高品質な画像と動画
  • 信頼と信用を築くためのソーシャルプルーフ
  • ユーザーがコンバート方法を知るための明確なCTA
YouTubeチャンネルのランディングページ例(的を絞ったサインアップ目標付き)

詳細については、ランディングページの構造:9つの必須要素に関するガイドをご覧ください。

スプラッシュページの構成要素

スプラッシュページは通常、3つの主要な要素に集約されます。最初のものは高品質なビジュアルです。

これらは多くの場合、訪問者にとってあなたのサイトへの最初の紹介となるため、視覚的に魅力的で、市場に関連性があり、ブランドと一貫している必要があります。画像が的外れであれば、訪問者は到着後すぐに離脱します。

場所ベースのジオロケーションスプラッシュページ例

動画やアニメーション、商品写真などの他のビジュアル要素も使用できます。

2つ目の要素はコピーで、短く行動を促すものである必要があります。段落のテキストはスキップし、ユーザーに何をすべきかを明確に指示してください。

ほとんどの訪問者はモバイルデバイスでスプラッシュページを見るため、大きなテキストブロックはクリックをためらわせます。

3つ目の要素はCTAです。年齢確認やオファーの表示など、訪問者に何をすべきかを正確に伝える必要があります。サイトへの入り口の選択肢、コンテンツの警告、およびページを終了するオプションを追加することもできます。

どちらを選ぶべきか:ランディングページかスプラッシュページか?

コンバージョンが必要な場合はランディングページを選択し、訪問者を歓迎またはゲートするだけでよい場合はスプラッシュページを選択します。適切な選択は、実際に何を達成しようとしているかによります。

ランディングページを使用するのは次のような場合です。

  • キャンペーンを実行しており、そこからサインアップ、販売、またはリードが必要な場合
  • ページを検索でランク付けし、オーガニックトラフィックを引き込みたい場合
  • 結果を向上させるために、コピー、レイアウト、またはオファーをA/Bテストする予定がある場合

スプラッシュページを使用するのは次のような場合です。

  • 年齢確認、言語の確認、または法的通知を表示する必要がある場合
  • ホームページの前に、単一のプロモーションまたはアナウンスをフラッシュしたい場合
  • 誰かを説得する必要はなく、1つの簡単なメッセージを伝えるだけでよい場合

ちなみに、この2つはどちらか一方という選択肢ではありません。単一のサイトで、たとえば正面玄関の言語スプラッシュスクリーンと各キャンペーン専用のランディングページなど、さまざまなジョブに両方を使用できます。

クライアントのためにサイトを構築していた頃、苦労していたクライアントは、目標が要求するページよりも、簡単な方のページを選ぶことがほとんどでした。スプラッシュページは製品ローンチを推進しませんし、フルランディングページは年齢ゲートには過剰です。ジョブに合わせてページを選択すれば、残りは簡単になります。

あなたも作成しませんか?

比較はスキップして、勝てるページを構築しましょう

ランディングページまたはスプラッシュページのどちらにたどり着いたとしても、SeedProdは両方のテンプレートとコード不要のドラッグアンドドロップエディターを提供します。レイアウトを選択して公開してください。

マイページ作成を開始

SeedProdでWordPressにどちらかのページを構築する

必要なページがわかったら、次の質問は、開発者を雇わずにそれを構築する方法です。ここで私が自分でサイトに使用しているドラッグアンドドロップウェブサイトビルダーであるSeedProdを使います。

1つのプラグインで両方のジョブをカバーします。ランディングページ用の既製のテンプレートと、サイトの前にドロップできる「近日公開」およびスプラッシュスタイルの画面が用意されているため、どちらの場合も空白のキャンバスから始める必要はありません。

すべてを視覚的に編集し、各変更をライブで確認できるため、コードやテーマの格闘は不要です。簡単なゲートまたは通知の場合、スプラッシュスタイルの画面は数分で設定できます。キャンペーンの場合は、必要なセクション、フォーム、CTAを備えた完全なランディングページを構築できます。

WordPressのSeedProdドラッグ&ドロップページビルダー

その柔軟性が真のメリットです。最初に1つのページタイプにコミットする必要はなく、最初から再構築せずに方針を変更できます。

ランディングページ対スプラッシュページに関するFAQ

スプラッシュページは時代遅れですか?

いいえ、しかしそれらの使用は限定的になっています。年齢確認、言語選択、法的通知、そしてホームページの前の時折のプロモーションには、スプラッシュページは依然として理にかなっています。しかし、訪問者とコンテンツの間のマーケティングゲートとしては人気がなくなっています。なぜなら、それはユーザーエクスペリエンスとSEOの両方に悪影響を与えるからです。迅速で正当な目的で使用される場合、スプラッシュページは依然として有用なツールです。

スプラッシュページはGoogleのランキングやモバイルSEOに悪影響を与えますか?

メインコンテンツをブロックする場合、悪影響を与える可能性があります。Googleは、モバイルでコンテンツを覆う邪魔なインターシティシャルがあると、ページを低くランク付けすることがあります。そのため、サイトを遮断するスプラッシュページはリスクとなります。スキップ可能で、高速で、簡単に閉じられるようにし、Googlebotが背後にあるコンテンツにアクセスできるようにしてください。正当な年齢確認と法的通知は、Googleが許可する例外です。

スプラッシュページとランディングページを同じウェブサイトで使用できますか?

はい、多くのサイトがそうしています。それらは異なる役割を担うため、競合しません。サイトの先頭に言語または年齢のスプラッシュスクリーンを実行し、キャンペーントラフィックをコンバージョンするように構築された専用のランディングページに送信することができます。スプラッシュページを軽量に保ち、メインコンテンツに向かう訪問者を遅くしたりブロックしたりしないようにしてください。

スプラッシュページはSEOに良いですか?

あまり良くありません。軽量で邪魔にならないようにし、年齢確認の背後にあるメインコンテンツにGooglebotがアクセスできるようにする必要があります。

ランディングページではなく、スプラッシュページを使用するのはいつですか?

言語、年齢確認、またはホームページ前のプロモーションなどの簡単な通知に使用します。コンバージョンが必要なキャンペーンにはランディングページを使用します。

ホームページ、ランディングページ、スプラッシュページの違いは何ですか?

ホームページはブランドを説明し、あらゆる場所にリンクしますが、ランディングページは1つのアクションを販売し、スプラッシュページはサイトの前の短いゲートです。

スプラッシュページはアプリのスプラッシュスクリーンと同じですか?

いいえ。ウェブスプラッシュページはサイトへのアクセスをゲートしますが、アプリのスプラッシュスクリーンはアプリ内の短いローディングスクリーンです。

これで、ランディングページとスプラッシュページの違いを整理できたことを願っています。また、ランディングページと販売ページのガイドや、複数ページオプションを検討している場合はランディングページとマイクロサイトについて学ぶことも役立つかもしれません。あるいは、リードジェネレーションランディングページを作成する方法を学んだり、WordPressでウェイトリストランディングページを作成することを試したりすることもできます。

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

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

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

[weglot_switcher]
ChatGPTまたはClaudeとチャットして、このWordPressサイトを運営しましょう。無料プラグインです。 無料で試す