「サイト工事中/Coming Soon」ページの無料テンプレート・作り方まとめ【2026年版】

素材 & フォント

サイトのリニューアル中や公開前に表示しておきたい「工事中」「Coming Soon」ページ。一から作らなくても、無料のテンプレートや専用ツールで手早く用意できます。2026年時点で使える入手先・作り方をまとめました(※以前紹介していた配布サイトは終了していたため、現行のものに差し替えています)。

1. HTML5 UP(無料HTML/CSSテンプレート)

レスポンシブ対応のおしゃれな無料HTMLテンプレートが揃う定番サイト。シンプルな1ページ構成のものが多く、少し手を加えれば「Coming Soon」ページとしてそのまま使えます。商用利用可(クレジット表記またはライセンス購入)。

2. TemplateMo(無料Webテンプレート)

620種類以上の無料HTML/CSSテンプレートを配布しているサイト。検索で「coming soon」系のレイアウトも見つかります。ダウンロードしてテキストと背景画像を差し替えるだけで完成します。

3. WordPressなら「Coming Soon」プラグイン

WordPressサイトなら、SeedProd や WP Maintenance Mode などの「メンテナンスモード/Coming Soon」プラグインが手軽です。テンプレートを選んでテキストを入れるだけで、訪問者には工事中ページ、管理者には通常画面を表示できます。

個人的な感想

工事中ページは「ただの空白」より、ひとことメッセージや公開予定日、SNSリンクを置いておくと印象がぐっと良くなります。テンプレートを土台にサクッと用意して、来訪者を取りこぼさないようにしておきましょう。

工事中・Coming Soonページの選び方

「工事中ページ」を用意する方法は、テンプレートを使う・専用ツールを使う・WordPressプラグインを使うなどいくつかあります。サイトの作り方と、どこまで作り込みたいかで選ぶと迷いません。

  • HTML/CSSが触れるなら、無料テンプレートをダウンロードして文言と画像を差し替えるのが自由度が高くおすすめ
  • WordPress運用中なら、メンテナンスモード系プラグインが最も手軽。管理者だけ通常表示にできる
  • とにかく早く出したいなら、1ページ完結のシンプルなテンプレートを選ぶと設置が速い
  • 公開予定を伝えたいなら、カウントダウンやメール登録フォーム付きのものを選ぶと集客につながる

方法ごとの向き・不向き

どの方法にも一長一短があります。自分のスキルや運用環境に合わせて選ぶと、無理なく用意できます。テンプレートは自由度が高い反面、文言や画像の差し替えにある程度のHTML知識が必要です。プラグインは設定だけで完結する代わりに、デザインの自由度は選んだテンプレートの範囲内になります。専用ツールは手早く整いますが、サービスの仕様変更や終了に左右される点には留意しておきましょう。「とにかく早く」「とことん作り込みたい」など、優先順位をはっきりさせておくと選択がスムーズです。

工事中ページに入れておきたい要素

ただ「工事中」と表示するだけではもったいないページです。訪問者を取りこぼさないために、次の要素を入れておくと印象が大きく変わります。

  1. サイト名やロゴ(誰のサイトか一目でわかるように)
  2. 公開予定の時期や「まもなく公開」といったひとことメッセージ
  3. SNSアカウントへのリンク(フォローしてもらえば再訪につながる)
  4. 問い合わせ先や、公開時に通知を受け取れるメール登録フォーム

設置するときの注意点

  • 検索エンジン対策:長期間の工事中ページを放置すると評価に影響することがあります。本公開後は速やかに通常ページへ戻しましょう
  • テンプレートのライセンス:無料でも商用利用やクレジット表記の条件があります。配布元の規約を確認してください
  • スマホ表示の確認:訪問者の多くはスマホです。レスポンシブ対応のテンプレートを選び、実機で表示崩れがないか確認しましょう
  • 表示の軽さ:重い背景動画や大きな画像は離脱の原因になります。シンプルで軽い構成が安心です

よくある質問

工事中ページはSEOに悪影響がありますか?

短期間であれば大きな問題にはなりにくいですが、長期間にわたって全ページが工事中だと、検索エンジンに正しく評価されにくくなります。公開準備が整ったら速やかに本来のコンテンツへ切り替えるのが安全です。

WordPressで一部の人だけにサイトを見せることはできますか?

メンテナンスモード系のプラグインを使えば、一般の訪問者には工事中ページを、ログインした管理者には通常のサイトを表示できます。公開前の確認作業をしながら工事中ページを出しておけるので便利です。

無料テンプレートは商用サイトにも使えますか?

多くの無料テンプレートは商用利用可能ですが、クレジット表記が必要だったり、表記を消すには有料ライセンスが必要だったりします。利用前に必ず配布元のライセンス条件を確認してください。

まとめ

工事中・Coming Soonページは、無料テンプレートやプラグインを使えば短時間で用意できます。空白で放置せず、ロゴ・公開予定・SNSリンクを添えておけば、来訪者を取りこぼさず期待感を持ってもらえます。スマホ表示とライセンスを確認しつつ、本公開後は速やかに通常ページへ切り替える――この流れを押さえておきましょう。

関連記事

この記事を投稿した人
おしブロ管理人

Web発掘ブロガー。知る人ぞ知る、ちょっと面白くてちょっと便利なWebツール・サービス・レトロデジタルを"発掘"して紹介しています。大手が扱わないニッチな隙間を掘って、「これ面白い!」「やってみたい!」をお届け。

おしブロ管理人をフォローする
素材 & フォント