強い第一印象を与えるWordPressのスプラッシュページを作りたいですか？
スプラッシュページは、訪問者がメインサイトに到達する前に表示されるウェルカムスクリーンのようなものです。短いイントロダクションページとして、特別オファーの紹介、Eメールの収集、お知らせの共有などを行います。ランディングページとは異なり、素早く注目を集めるのが主な仕事です。
このガイドでは、スプラッシュページとは何かを正確に説明し、初心者向けの最も簡単なドラッグ＆ドロップページビルダーであるSeedProdを使ってWordPressのスプラッシュページを作成する方法をステップバイステップで紹介します。
WordPressでスプラッシュページを作成する簡単な手順：
WordPressのスプラッシュページとは？
WordPressのスプラッシュページは、ホームページの前に表示される短いイントロスクリーンで、すぐに注目を集めるようにデザインされています。
ロゴ、ウェルカムメッセージ、またはスペシャルオファーなどの重要な詳細を含めることができます。また、多くのサイトでは、年齢認証、工事中のお知らせ、言語や場所の選択などにスプラッシュページを使用しています。
WordPressのスプラッシュページの目的とは？
WordPressのスプラッシュページの目的は、訪問者がメインサイトに到達する前に注目を集め、適切な次のステップに誘導することです。
- 特別オファーや新製品のプロモーション
- 年齢確認の免責事項を表示する
- 今後のイベントをハイライトする
- 連絡先情報を収集し、Eメールリストを増やす
- ソーシャルメディア・プロフィールの宣伝
- 新しいウェブサイトが間もなくオープンすることを訪問者に伝える
例えば、ZARAはスプラッシュページを使って買い物客を適切な国の店舗に誘導し、Forbesはメインサイトを表示する前に毎日の引用を表示する。
要するに、スプラッシュページは強い第一印象を与え、訪問者を目的の場所に誘導する。
スプラッシュページには何を含めるべきか？
良いスプラッシュページには、サイトを紹介し、重要な情報を共有し、訪問者が素早く先に進めるような、必要なものだけを掲載する。
- ロゴまたはデザイン要素：瞬時にブランドを強化します。
- 短いメッセージまたはミッション・ステートメント：サイトの目的を説明します。
- ナビゲーションリンク：訪問者をウェブサイトの適切なエリアに誘導します。
- スキップオプション：スプラッシュページをスキップすることができます。
- ローディングインジケータ：サイトの読み込みに時間がかかる場合、進行状況を表示します。
- 言語または場所のセレクタ：グローバルな視聴者に役立ちます。
目標はシンプルに保つこと。スプラッシュページはわかりやすく、速く、必要なときに簡単にスキップできるようにしましょう。
WordPressでスプラッシュページを作成するには？
WordPressのスプラッシュページを作成する最速の方法は、SeedProdのようなドラッグ＆ドロップビルダーを使用することです。コーディングや開発者を雇うことなく、数分でプロフェッショナルなページをデザインできます。
SeedProdには、構築済みのテンプレート、ポイント・アンド・クリックによるカスタマイズ、近日公開と メンテナンス・モード・オプションが組み込まれているので、プロフェッショナルなサイトを維持しながら個人で作業することができます。
SeedProdの特徴はここにある：
- プロがデザインした数多くのスプラッシュページテンプレート
- リードに特化したブロックと構築済みのページセクション
- 一般的なEメールサービスとのワンクリック統合
- ライブ・プレビューによるポイント・アンド・クリックのデザイン・コントロール
- モバイルフレンドリーな編集とプレビュー
- 高速ロードのための軽量コード
スピードのために最適化されているため、SeedProdはかさばるビルダーのようにサイトを遅くすることはありません。つまり、より良いSEO、よりスムーズな訪問者体験、より多くのコンバージョンを意味します。
スプラッシュページを素早く効果的に立ち上げたいなら、SeedProdを使ったステップバイステップの方法をご覧ください。
ステップ 1.SeedProd WordPressランディングページ・ビルダーをインストールする。
まず、ここをクリックしてSeedProdを始め、プラグインをダウンロードしてください。次に、WordPressウェブサイトにプラグインをインストールし、有効化します。この作業でヘルプが必要な場合は、WordPressプラグインをインストールするためのチュートリアルをご覧ください。
SeedProdをアクティベートすると、ライセンスキーの入力を求めるウェルカムスクリーンが表示されます。ライセンスキーは、登録に使用した電子メールの受信トレイを確認することで見つけることができます。または、SeedProdにログインし、アカウントのダウンロードセクションで確認することもできます。
ライセンスキーをコピーし、指定されたフィールドに貼り付け、[Verify Key]ボタンをクリックします。
次に、ページを少し下にスクロールし、「最初のページを作成」ボタンをクリックします。
ステップ2.WordPressで新しいランディングページを作成する
次の画面は、SeedProdのランディングページダッシュボードです。上部には、カミングスーンモード、メンテナンスモード、404ページなど、いくつかのページモードが表示されます。
ワンクリックで各モードを有効にし、ウェブサイト訪問者にカスタマイズされたランディングページを表示することができます。
異なるページモードの下には、ランディングページを作成した後に表示される場所があります。このセクションにはまだ何も表示されませんが、作成後はリストに表示されます。
最初のページを作成するには、「新しいランディングページを作成」ボタンをクリックします。
ステップ3.WordPressのスプラッシュページテンプレートを選ぶ
次のページは、SeedProdのレスポンシブ・ランディングページ・テンプレート・ライブラリです。各デザインはドラッグ＆ドロップビルダーで完全にカスタマイズ可能です。
テンプレートをすばやく見つけるために、カテゴリーで絞り込むことができます。上部のカテゴリーラベルをクリックすると、利用可能なテンプレートが表示されます：
- 近日公開テンプレート
- メンテナンス・モードのテンプレート
- 404ページテンプレート
- セールス・ページ・テンプレート
- ウェビナー・ページのテンプレート
- スクイーズページテンプレート
- サンキューページのテンプレート
また、検索ボックスを使って検索結果をさらに絞り込むこともできます。
スプラッシュページの見た目に近いテンプレートを選んでください。次に、テンプレート画像の上にマウスカーソルを置き、チェックアイコンをクリックします。
この例では、Personal Linksのリードスクイーズテンプレートを選び、スプラッシュページとして使うようにカスタマイズします。
テンプレートを選ぶと、ページ名とURLを入力するポップアップが表示されます。
保存してページの編集を開始」ボタンをクリックすると、ビジュアルエディタでテンプレートが起動します。
ステップ4.スプラッシュページにコンテンツを追加する
SeedProdのビジュアルエディタには2つのセクションがあります。左側は、使用可能なすべてのページブロックとセクションを表示するパネルです。右側はあなたのページがどのように見えるかのプレビューです。
ページにコンテンツを追加するには、左側のパネルからブロックをドラッグして、右側のプレビューにドロップするだけです。
ページ上の任意の要素をクリックすると、左側のパネルにそのブロックの設定が表示されます。
例えば、画像ブロックをクリックすると、元の写真を削除してあなたの写真に置き換えることができます。
SeedProdのランディングページブロックには2つのセクションがあります：スタンダードブロックとアドバンスブロックです。
標準ブロックは、画像、ボタン、スペーサー、ディバイダー、リストなど、あらゆるページに必要不可欠な要素です。
アドバンス・ブロックは、主にリードジェネレーションに重点を置いているという点で少し異なります。
つまり、数回クリックするだけで、お問い合わせフォーム、プレゼント、サインアップフォーム、星の評価、アンカーリンクなどをページに挿入することができる。
SeedProdのブロックの大部分には、あらかじめ用意されたテンプレートも含まれています。ワンクリックでこれらの異なるスタイルを実装することができ、各ブロックを手動でカスタマイズする必要がなくなります。
例えば、Buttonブロックをクリックし、Templatesタブを選択すると、いくつかの異なるボタンスタイルから選択することができます。
個々のブロックだけでなく、SeedProdにはランディングページのセクションがあります。ページ全体のセクションをブロックごとに手作業で構築する必要はありません。セクション]タブをクリックすると、さまざまなエリアを見ることができます。
そこから新しいものを選ぶことができる：
- ヘッダー
- ヒーローエリア
- 行動への呼びかけ
- よくある質問
- 特徴エリア
- フッター
訪問者に見てもらいたい情報がすべて含まれるまで、スプラッシュページにコンテンツを追加し続けましょう。
右上の緑色の「保存」ボタンをクリックすると、進行状況を保存できます。
ステップ5.スプラッシュページのデザインをカスタマイズする
コンテンツを配置しても、WordPressのスプラッシュページのデザインの一部がまだ正しく見えない可能性があります。背景色が違っていたり、フォントが適切でなかったり。
良いニュースは、SeedProdの簡単なカスタマイズ設定を使って、これらのすべてを変更できることです。
画面左下の歯車アイコンをクリックすると、グローバル設定が表示されます。
このエリアでは、グローバルをカスタマイズすることができる：
- 背景
- カラー
- フォント
- カスタムCSS
フォントの見出しでは、グローバルヘッダーとボディのフォントとウェイトを変更できます。それぞれのドロップダウンメニューから新しいフォントやウェイトを選択するだけです。
また、「フォントテーマ」ボタンをクリックすれば、SeedProdが厳選したフォントの組み合わせライブラリを閲覧することもできます。
これにより、どのフォントが最もよく似合うかがわかります。フォントの組み合わせをクリックするだけで、選択したフォントがすぐにあなたのページに追加されます。
Colors見出しも同じように機能します。便利なカラーピッカーツールでグローバルリンク、ヘッダー、テキスト、ボタン、背景の色を個別に選択できます。
また、お好みであれば、カラーパレットボタンをクリックして、20種類以上の既成の配色から選ぶこともできます。
背景セクションでは、スプラッシュページの背景を簡単にカスタマイズできます。無地やグラデーションに設定したり、WordPressのメディアライブラリやコンピュータから全幅の背景画像をアップロードすることができます。
また、各設定のトグルを選択することで、ビデオ背景や背景スライドショーを追加することも可能だ。
カスタマイズした設定を保存するには、忘れずに「保存」をクリックしてください。
ステップ6.メールマーケティングプロバイダーに接続する
多くのスプラッシュページは、ユーザーの連絡先詳細と引き換えに無料ダウンロードを提供します。このタイプのスプラッシュページを作成するには、Eメールマーケティングサービスに接続する機能が必要です。
いくつかのプロバイダーにしか接続できない他のページビルダーとは異なり、SeedProdは以下のような一般的なメールマガジンサービスと統合しています：
- アクティブキャンペーン
- AWeber
- キャンペーン・モニター
- コンスタント・コンタクト
- コンバートキット
- 点滴
- GetResponse
- アイ・コンタクト
- マッド・ミミ
- センディ
- メールチンプ
ページビルダーの上部にある「接続」タブをクリックするだけで、利用可能なプロバイダーが表示されます。次に、お好みのサービスを選択し、指示に従ってアカウントを認証します。
また、Zapierを使って、あなたのページを何千もの他の人気アプリケーションとリンクさせ、マーケティング活動を自動化することもできる。
まだメールマーケティングプロバイダーを持っていなくても心配はいりません。
その代わりに、SeedProdに組み込まれた購読者管理ダッシュボードを使用することができます。誰かがあなたのスプラッシュページを通じて購読すると、その詳細情報は自動的にあなたのWordPressウェブサイトに保存されます。
WordPressのダッシュボードからSeedProd " 購読者にアクセスすることで確認できます。
ステップ 7.ページ設定を行う
スプラッシュページのデザインが終わったら、必要な設定をいくつか行います。そのためには、ページビルダーの上部にあるページ設定タブをクリックします。
このページでは、ページの設定を変更することができます：
- 一般的な詳細- ページ名とURLを変更し、下書きまたは公開に設定します。
- SEO-All in One SEOのようなSEOプラグインを使用して、ページタイトルとメタディスクリプションに関連キーワードを使用してオンページSEO情報を入力します。
- アナリティクス-MonsterInsightsなどのアナリティクスプラグインでスプラッシュページのパフォーマンスを表示します。
- スクリプト- CookieやFacebookトラッキングピクセルなどのトラッキングやリターゲティングスクリプトを入力します。
次のステップに進む前に、忘れずに「保存」ボタンをクリックしてください。
ステップ8.あなたのページがモバイルフレンドリーか確認する
今やほとんどの人がモバイルデバイスからインターネットを閲覧しています。そのような特定のウェブサイト訪問者により合理的な体験を提供するためには、モバイルフレンドリーなスプラッシュページが必要です。
そのため、SeedProdにはモバイルプレビューオプションが組み込まれています。モバイルプレビューアイコンをクリックするだけで、スプラッシュページがモバイルデバイス上でどのように見えるかを確認できます。
見た目がおかしいところがあれば、訪問者が携帯電話、タブレット、ラップトップ、デスクトップから簡単に閲覧できるページになるまで、すぐに調整することができる。
同じアイコンをクリックすると、元のデスクトップ表示に戻ります。
ご心配なく、変更が失われることはありません。モバイルビューで行った変更はすべてデスクトップビューに適用されます。
保存ボタンをクリックするのを忘れないでください。
ステップ9.WordPressスプラッシュページを公開する
デザインが思い通りになったら、いよいよWordPressサイトにスプラッシュページを公開しましょう。
これを行うには、[保存]ボタンの隣にある下向き矢印をクリックし、[公開]を選択します。
すると、あなたのページが公開されたことを知らせるポップアップが表示されます。
ライブページを見る]ボタンをクリックして、どのように見えるかを確認します。
A/Bテストによるスプラッシュページの最適化
スプラッシュページを改善する最善の方法は、A/Bテストを実施し、どのバージョンがより多くの結果をもたらすかを確認することだ。
A/Bテスト（またはスプリットテスト）は、2つのバージョンのページを比較します：バージョンA（コントロール）とバージョンB（1つの変更あり）。その変更とは、異なるコールトゥアクション、新しい配色、レイアウトの微調整、あるいは完全なデザインの変更である。
両方のバージョンにトラフィックを送り、コンバージョンを追跡することで、どちらのデザインがより良いパフォーマンスなのかを正確に知ることができます。このステップバイステップのガイドでは、スプラッシュページにA/Bテストを設定する方法を紹介します。
WordPressのスプラッシュページに関するFAQ
WordPressのスプラッシュページとは何か、なぜ重要なのか、そしてどのように作成するのか、お分かりいただけたでしょうか。SeedProdのようなツールを使えば、コーディングなしで数分でプロフェッショナルなスプラッシュページを構築することができます。よくデザインされたスプラッシュページは、強い第一印象を与え、訪問者を誘導し、新しいリードを獲得するのに役立ちます。
自分で作る準備はできているか？
また、スプラッシュページを設定する際に、これらのガイドが役に立つかもしれない：
お読みいただきありがとうございました！あなたのご意見をぜひお聞かせください。YouTube、X、Facebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。
