最新のSeedProdニュース

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

WordPressで工事中ウェブサイトページを作成する方法

WordPressの工事中ページの設定方法(無料版または有料版) 

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

要約:WordPressの工事中ページを作成する方法

作業中にWordPressサイトを工事中ページで一時的に非公開にする方法の簡単な説明です。

  1. 無料で設定:SeedProdをインストールすれば、コーディングなしで約10分で作成できます。
  2. 近日公開モードを選択:テンプレートを選び、ドラッグ&ドロップビルダーでデザインします。
  3. 必須項目を追加:明確なメッセージ、カウントダウンタイマー、メール登録フォーム。
  4. メールサービスを接続:購読者を獲得し、アクティブなリストでローンチします。
  5. 無料版または有料版:無料プラグインでこの作業は完了します。有料版ではアクセス制御やテーマ構築が追加されます。

再設計中にWordPressサイトを一時停止する必要があったとき、WordPressの工事中ページを作成して、プロフェッショナルな印象を保ちつつ、その間にメールリードを獲得しました。あなたも同様のことを、無料で約10分で行うことができます。

このガイドでは、コーディングを一切触らずにカスタムの工事中ページを構築する方法を、無料の方法から始めて、順を追って説明します。

WordPressの工事中ページとは?

WordPressの工事中ページとは、未完成のサイトを非表示にし、構築中に訪問者に親切なメッセージを表示する一時的なページです。これにより、評判を損なう可能性のある、中途半端または壊れたデザインのサイトに訪問者がアクセスするのを防ぎます。

単に見た目を隠す以上のことができます。期待感を高めたり、公開日を共有したり、公開前にメールリストを成長させたりするために使用できます。

サイト全体を閉鎖することと比較検討する場合、工事中ページとメンテナンスモードは若干異なる役割を果たし、これはSEOにとって重要です。詳細は後述します。

WordPressの工事中ページに含めるべきもの

構築する前に、優れた工事中ページに実際に何が必要かを知っておくと役立ちます。これらは私が毎回含める要素です。

  • 明確なメッセージ:サイトが構築中であることと、いつ戻ってくるべきかを訪問者に伝えます。
  • 公開日またはカウントダウンタイマー:カウントダウンは期待感を高め、人々が戻ってくる理由を与えます。
  • メール登録フォーム:最も価値のある追加項目であり、初期の関心をあなたが所有するリストに変えます。
  • ソーシャルアイコン:サイトがダウンしている間に、人々がアクティブな場所であなたをフォローできるようにします。
  • ブランドに合ったデザイン:色、フォント、ロゴを一致させ、ページがあなたらしいと感じられるようにします。

工事中ページはSEOに悪いのか?

いいえ、正しく設定されていれば問題ありません。近日公開または工事中ページがしばらく表示される場合、通常のHTTP 200応答を返し、検索エンジンは実際のプレースホルダーページをインデックス化してサイトを見つけることができます。

短期間の計画的なダウンタイムは異なります。その場合、GoogleはHTTP 503(サービス利用不可)とRetry-Afterヘッダーを返すことを推奨しています。これにより、検索エンジンは障害が一時的であることを理解し、いつ戻ってくるべきかを知ることができます(Google Search Central)。

平たく言えば、長期的な構築には「近日公開」または「建設中」モードを使用し、短い作業にはメンテナンスモードを予約します。プラグインが適切な応答を処理してくれるため、間違いが一つ減ります。

WordPressで工事中ページを作成する方法

サイトに建設中ページを設置するために、SeedProdプラグインを使用しています。始める前に、その理由の要約を説明します。

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

SeedProdは、コードなしでカスタムWordPressテーマやランディングページを作成できるドラッグ&ドロップのウェブサイトビルダーです。ホワイトリストに登録されたユーザーロールを使用すると、ウェブサイトへのアクセスを制限し、誰がライブサイトを表示し、誰が建設中画面を表示するかを決定できます。

近日公開またはメンテナンスモードページの作成は迅速で、開発者は必要ありません。メールオプトインフォーム、ソーシャルアイコン、カウントダウンタイマーなどのブロックをページにドラッグし、すべての変更をリアルタイムで確認できます。

無料バージョンは、近日公開、メンテナンス、建設中ページを実際に処理できるため、これが最も強力なユースケースです。Proは高度なアクセス制御と完全なテーマ構築にのみ必要であり、このタスクの要件ではなくアップグレードです。

このプラグインを使用して、WordPressの建設中ページを作成しましょう。

ビデオチュートリアル

ステップ1:SeedProdのダウンロードから始める

最初のステップはSeedProdのインストールです。建設中ページの場合、無料バージョンで十分です。

取得するには、WordPressダッシュボードのプラグイン » 新規追加に移動し、「SeedProd」を検索して、無料プラグインをインストールして有効化します。このガイド全体をフォローするにはこれで十分です。

WordPressの新規追加画面にSeedProdプラグインZIPをアップロードする

すでに有料ライセンスを所有しており、Pro機能が必要な場合は、方法が若干異なります。SeedProdダッシュボードにログインし、ライセンスキー、詳細、ダウンロードを表示をクリックしてダウンロードページにアクセスします。

SeedProdアカウントからWordPress工事中ページプラグインをダウンロードする

ランディングページProをダウンロードボタンをクリックしてZIPファイルを保存します。

SeedProdダウンロードページにあるLanding Page Proボタンをダウンロードする

次に、プラグイン » 新規追加 » プラグインをアップロードに移動し、ZIPをアップロードして、有効化をクリックします。

SeedProdを有効化し、WordPressでライセンスキーを入力する

Proの場合、ライセンスキーをフィールドに貼り付け、キーを確認をクリックします。キーはアカウントのメールまたはSeedProd設定メニューで見つけることができます。

セットアップが完了したら、下にスクロールして最初のページを作成をクリックし、SeedProdダッシュボードにアクセスします。

SeedProdセットアップ画面の最初のページを作成ボタン

ステップ2:工事中ページを作成する

SeedProdダッシュボードの上部には、4つのモードが表示されます。

  • 近日公開モード:ウェブサイトに近日公開ページを追加します。
  • メンテナンスモード:ウェブサイトをメンテナンスモードにします。
  • 404ページ:ウェブサイトに404ランディングページを表示します。
  • ログイン:カスタムWordPressログインページを作成します。

これらのモードにより、別の建設中プラグインやメンテナンスモードプラグインは必要ありません。

Coming Soonおよびメンテナンスモードオプションを表示するSeedProdダッシュボード

近日公開モードは、まだ公開されていないサイトに適しています。インデックス可能なHTTP 200ページを提供するためです。メンテナンスモードは、一時的にオフラインになっている確立されたサイト用です。

したがって、建設中ページを作成するには、近日公開ページのセットアップボタンをクリックします。次に、近日公開ページテンプレートを選択します。

SeedProdで工事中ページテンプレートを選択する

お好きなテンプレートを選択するか、最初から始めるには空白のテンプレートを選択してください。その後、SeedProd はビジュアルドラッグ&ドロップビルダーを開きます。

ステップ3:工事中ページにコンテンツを追加する

これで、ドラッグ&ドロップビルダーでコンテンツを追加できます。左側にはコンテンツブロックがあり、右側にはページのライブプレビューがあります。

SeedProdビジュアルドラッグアンドドロップビルダーで工事中ページを編集する

ブロックは 2 つのグループに分かれています。標準ブロックは基本的なものをカバーしています:

  • 見出し、テキスト、リスト
  • ボタン、画像、動画
  • 区切り線、スペーサー、列

高度なブロックはリードジェネレーションに重点を置いており、プレゼントブロック、オプトインフォーム、お問い合わせフォーム、カウントダウンタイマー、ソーシャルメディアアイコン、お客様の声などが含まれます。

カウントダウンタイマーは最初に加えたいものです。公開日がわかることで期待感が高まり、訪問者が戻ってくる理由ができるので、カウントダウンタイマーブロックをページにドラッグします。

工事中ページにドラッグアンドドロップカウントダウンタイマーを追加する

各ブロックにはスタイルオプションがあります。ブロックをクリックし、左側の テンプレート タブを開き、アウトライン、グラデーション、または希望する色でスタイルを選択します。

WordPress工事中ページのブロックスタイルテンプレート

テキスト、サイズ、配置を編集することもできます。高度なタブでは、色、タイポグラフィ、スペーシングを制御します。

セクションタブでは、ヘッダー、ヒーロー、行動喚起、またはFAQセクションのような既製のレイアウトを追加できます。

工事中ページにあらかじめ作成されたページセクションを追加する

いずれかのセクションをクリックして追加します。以下の例では、FAQ セクションを追加しました。これは、訪問者がビジネスについて抱いている可能性のある質問に答えるのに便利な方法です。

SeedProdの工事中ページに追加されたFAQセクション

右上隅にある緑色の 保存 ボタンをクリックして、進捗状況を保存します。コンテンツが配置されたら、すべてをブランドに合わせてスタイル設定できます。

ステップ4:工事中ページをカスタマイズする

ブランドに合わせるには、左下隅の歯車アイコンをクリックして グローバル設定 を開きます。ここから、グローバルフォント、色、背景画像、カスタム CSS を設定できます。

工事中ランディングページのSeedProdグローバル設定

背景を変更するには、背景 をクリックして、画像、スタイル、位置、色を設定します。動画の背景を使用することもできます。

背景画像 の下にある円形の写真アイコンをクリックして、メディアライブラリから画像を選択するか、新しい画像をアップロードします。

工事中ページの背景画像を変更する

色を調整するには、 タブをクリックします。ヘッダー、テキスト、ボタン、リンク、背景を個別に変更できます。

工事中ページの配色をカスタマイズする

または、SeedProd の 20 個の既製カラーパレットのいずれかを使用して、ページにプロフェッショナルな外観を即座に与えます。

工事中ページのSeedProdカラーパレット

進捗に合わせて 保存 をクリックします。デザインに満足したら、次のステップに進みます。

ステップ5:メールマーケティングサービスを連携する

これは、プレローンチの好奇心を、保持できるものに変えるステップです。メールサービスを接続すると、サインアップしたすべての訪問者が、ローンチ日に備えて、あなたが所有するリストの一部になります。

SeedProd は、人気のメールマーケティングサービスや自動応答サービスと統合されています。これには以下が含まれます:

まず、画面上部の接続タブに移動します。

SeedProd工事中ページにメールマーケティングサービスを接続する

リストからサービスを見つけて、新しいアカウントを接続 をクリックします。

SeedProd Connectタブでメールマーケティング統合を選択する

次に、プロンプトに従ってアカウントを接続および確認します。プロバイダー固有の手順については、SeedProd の統合ドキュメントを参照してください。

接続ページで Zapier、Google Analytics、reCAPTCHA を接続することもできます。

ステップ6:ページ設定の構成

次に、画面上部の「ページ設定」タブをクリックします。ここでは、ページタイトルやURLなどの一般設定を行います。

SEOや分析設定、ユーザーロールを編集することもできます。ここでアクセス制御が機能します。管理者のようなロールをホワイトリストに登録すると、ログインしている管理者はライブサイトを表示できますが、他のすべての訪問者は工事中ページを表示します。

SEO、分析、ユーザーロール用のSeedProdページ設定タブ

設定が完了したら、変更を保存ボタンをクリックします。

ステップ7:工事中ページの公開

これで、ページを公開する準備ができました。公開する前に、モバイルとデスクトップでどのように表示されるかをプレビューして、すべてのデバイスで機能することを確認してください。

モバイル表示を確認するには、画面下部にあるプレビューアイコンをクリックします。

SeedProdで工事中ページをモバイルでプレビューする

デスクトップ表示に戻るにはアイコンをもう一度クリックするか、目のアイコンを使用して新しいタブで完全なライブプレビューを開きます。

満足したら、保存ボタンの下にある矢印をクリックし、「公開」をクリックします。ページが公開されたことを確認する成功メッセージが表示されます。

SeedProdが工事中ページが公開されたことを確認する

ライブページを表示」をクリックして、完成した工事中ページを表示します。

ブラウザでの完成したWordPress工事中ページのプレビュー

これで完了です。コードなしでサイトを非表示にし、リードを収集し、興奮を高める、ユーザーフレンドリーなWordPressの工事中ページができました。

WordPress工事中ページFAQ

プラグインなしでWordPressサイトを工事中にするにはどうすればよいですか?

サイトのルートディレクトリに.maintenanceファイルをドロップするか、テーマのfunctions.phpファイルにwp_loadedにフックしてメッセージを表示するカスタムスニペットを追加できます。どちらの方法でも、FTPまたはコードエディタでコアファイルを編集する必要があります。

ほとんどの人にとって、プラグインを使用する方が簡単な方法です。コードに触れることなく、デザインされたページ、メールオプトインフォーム、アクセス制御を提供し、壊れにくいです。

工事中ページはSEOに悪いですか?

いいえ、正しく設定されていれば問題ありません。近日公開または工事中ページは通常のHTTP 200応答を返すため、サイトが構築されている間、検索エンジンは実際のプレースホルダーをインデックスできます。

短期間の計画的なダウンタイムについては、GoogleはRetry-Afterヘッダー付きの一時的なHTTP 503を推奨しており、クローラーは後で戻ってくることを知ることができます。SeedProdのようなプラグインは、正しい応答を処理します。

近日公開、メンテナンスモード、工事中の違いは何ですか?

近日公開および工事中ページは、まだ公開されていないサイト用であり、インデックス可能なHTTP 200ページを返します。メンテナンスモードは、短期間の作業のために一時的にオフラインになっている確立されたサイト用です。

実際には、「工事中」は近日公開ページに対するより親しみやすいラベルにすぎません。重要な機能的な違いは、それぞれが返すHTTPステータスにより、近日公開とメンテナンスモードの違いです。

訪問者には工事中ページを表示し、自分はライブサイトを見ることができますか?

はい。SeedProdのアクセス制御により、ユーザーロールをホワイトリストに登録できるため、ログインしている管理者は完全なライブサイトを表示でき、他のすべてのユーザーは工事中ページを表示できます。

これにより、作業中のコンテンツを訪問者に公開することなく、実際のサイトに対して構築およびテストを続けることができます。

WordPressサイトを一般公開しないようにするにはどうすればよいですか?

準備ができるまでWordPressサイトを非表示にする方法を、このステップバイステップガイドで説明します。選択した人だけがサイトを見られるようにアクセスを制限する方法を説明します。

工事中ページを使ってメールリードを収集できますか?

はい。SeedProdのようなツールを使えば、工事中ページにメールオプトインフォームを追加して、ローンチ前にリストを増やすことができます。

これにより、初期の訪問者とのつながりを維持し、ローンチデーに向けて勢いをつけられます。

工事中ページを今日作成する

非表示にしているそのリデザインは、その間、死んだサイトであることを意味する必要はありません。今すぐカスタム工事中ページを公開し、構築中にリードを獲得し、すでに待っている人々にローンチできます。

今すぐSeedProdを使い始めるか、ローンチ前にウェブサイトをマーケティングする方法について読んでください。

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

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

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

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