ホームページ制作も終盤に差しかかると、制作会社から「テストアップしましたのでご確認ください」という連絡が届きます。「テストアップって何?」「何を確認すればいいの?」と戸惑う方も少なくないでしょう。
テストアップは、完成間近のホームページを「仮の場所」に公開して、最終確認を行う大切な工程です。ここでの確認が不十分だと、公開後に思わぬトラブルが発生することもあります。
この記事では、テストアップの意味から始めて、テスト環境と本番環境の違い、確認すべきポイントのチェックリスト、公開後にやるべきこと、そしてよくあるトラブル事例まで、まるごと解説します。
テストアップとは
テストアップとは、制作中のホームページをインターネット上の「テスト環境」にアップロードして、クライアントに確認してもらう工程のことです。「ステージング」「テスト公開」「仮アップ」など、制作会社によって呼び方はさまざまですが、いずれも同じ意味です。
テスト環境にアップされたサイトは、特定のURLでアクセスできますが、一般のユーザーからは見えないようになっています(検索エンジンにも登録されません)。つまり、「本番と同じ環境で動作を確認できるけれど、まだ世の中には公開されていない」という状態です。
用語メモ
「ステージング環境」とは、本番環境とほぼ同じ条件で動作確認ができるテスト用の環境のことです。英語のstaging(準備・段取り)に由来しています。本番環境にいきなり公開するリスクを避けるために用意されます。
テスト環境と本番環境の違い
テスト環境と本番環境には、いくつかの違いがあります。混同しやすいポイントを整理しておきましょう。
URL(アドレス)が異なる
テスト環境のURLは、本番のドメイン(例:www.example.com)とは異なる仮のアドレスが使われます。たとえば「test.example.com」や「example.制作会社のドメイン/test」といった形式が一般的です。公開時には本番のドメインに切り替わります。
パスワード保護されている場合がある
テスト環境にはBasic認証(ベーシック認証)と呼ばれるパスワード保護がかけられていることがあります。URLにアクセスすると、ユーザー名とパスワードの入力を求められますが、これは関係者以外がサイトを見られないようにするためのものです。制作会社からユーザー名とパスワードが共有されますので、それを入力してください。
一部の機能が制限されている場合がある
テスト環境では、お問い合わせフォームの送信先がテスト用のアドレスに設定されていたり、外部サービスとの連携(Googleマップ、SNS埋め込みなど)が本番とは異なる動作をする場合があります。制作会社から「テスト環境では○○が動作しません」といった説明がある場合は、公開後に改めて確認しましょう。
テストアップ時の確認チェックリスト
テストアップの確認は、「漏れなく、効率よく」行うことが大切です。以下のチェックリストを参考に、一つずつ確認してみてください。
テキスト・内容に関する確認
- 会社名、住所、電話番号、メールアドレスに誤りがないか
- サービス内容や料金に間違いがないか
- 誤字脱字がないか
- 代表者名やスタッフ名が正しいか
- 営業時間や定休日の情報が最新か
- 著作権表示(コピーライト)の年号が正しいか
画像・デザインに関する確認
- 写真が正しいものになっているか(差し替え漏れがないか)
- 画像が荒く表示されていないか
- ロゴマークが正しく表示されているか
- デザイン案と比べて、レイアウトに大きなズレがないか
動作・機能に関する確認
- すべてのリンクが正しいページに遷移するか
- お問い合わせフォームが正しく送信できるか(テスト送信してみましょう)
- 電話番号リンクがスマートフォンで正しく動作するか
- Googleマップが正しい場所を表示しているか
- スライドショーやアニメーションが正常に動くか
- ナビゲーション(メニュー)が正しく動作するか
スマートフォン・タブレットでの確認
- スマートフォンで文字が読みやすいサイズか
- 画像やレイアウトが画面からはみ出していないか
- ボタンやリンクが指でタップしやすいサイズか
- ハンバーガーメニュー(三本線のメニュー)が正しく開閉するか
- 横向きにしたときもレイアウトが崩れないか
テスト確認は、パソコンだけでなく必ずスマートフォンでも行いましょう。パソコンでは問題なくても、スマートフォンでは表示が崩れているということは珍しくありません。可能であれば、iPhone・Androidの両方で確認するのが理想的です。
確認のフィードバック方法
修正してほしい箇所を制作会社に伝える際は、以下のような形でまとめると、やり取りがスムーズに進みます。
- 対象ページ:どのページの話か(例:「会社概要ページ」)
- 対象箇所:ページのどの部分か(例:「上から3つ目の段落」)
- 修正内容:何をどう修正してほしいか(例:「電話番号が 000-0000-0000 になっていますが、正しくは 027-XXX-XXXX です」)
- スクリーンショット:該当箇所の画面キャプチャを添付するとさらにわかりやすい
修正依頼は小出しにせず、一通りすべてのページを確認してから、まとめて送るのがおすすめです。一箇所ずつバラバラに送ると、制作会社側の作業効率が下がり、対応に時間がかかることがあります。
公開作業の流れ
テストで問題がなければ(または修正が完了したら)、いよいよ本番環境への公開です。公開作業は主に制作会社が行いますが、クライアント側にも知っておいていただきたいことがあります。
公開時に行われること
- ドメインの切り替え:テスト用のURLから本番のURL(例:www.example.com)にサイトを移行
- SSL証明書の設定:「https://」で始まる安全な通信を有効にする
- リダイレクト設定:旧サイトがある場合、古いURLから新しいURLに自動転送する設定
- 検索エンジンへのインデックス許可:Googleなどの検索エンジンにサイトを登録してもらうための設定
- アクセス解析の設置:Googleアナリティクスなどのアクセス解析ツールを本番環境に設定
用語メモ
「リダイレクト」とは、あるURLにアクセスしたユーザーを自動的に別のURLに転送する仕組みのことです。サイトをリニューアルしてURLが変わった場合、旧URLにアクセスした方を新URLに案内するために設定します。SEOの観点でも重要で、設定を忘れると旧サイトの検索評価が引き継がれないことがあります。
公開タイミングの選び方
公開日は「いつでもいい」と思いがちですが、以下のポイントを考慮して決めると安心です。
- 平日の午前中がおすすめ:万が一トラブルが発生しても、制作会社が営業時間内に対応できる
- 金曜日の夕方や休前日は避ける:問題が見つかっても週末で対応が遅れる可能性がある
- 大型キャンペーンの直前は避ける:余裕を持って公開し、安定稼働を確認してからキャンペーンを開始する
公開後にやるべきこと
ホームページは「公開して終わり」ではありません。公開後にやるべきことをまとめました。
公開直後の確認(公開日〜翌日)
- 本番URLで正しく表示されているか確認する
- お問い合わせフォームのテスト送信を行い、正しいメールアドレスに届くか確認する
- Googleで自社名を検索して、表示されるか確認する(反映に数日〜数週間かかることもあります)
- 名刺やパンフレットに記載しているURLが正しいか確認する
公開1週間〜1ヶ月後の確認
- Googleアナリティクスでアクセス状況を確認する
- お問い合わせフォームからの反応を確認する
- 社外の方(取引先やお客さま)にサイトを見てもらい、感想をもらう
- ブログやお知らせの更新を開始する
継続的に行うべきこと
- お知らせやブログの定期的な更新
- アクセス解析データの定期的なチェック
- 掲載情報(営業時間、サービス内容、スタッフ情報など)の最新化
- セキュリティアップデート(WordPressの場合、本体やプラグインの更新)
公開後1ヶ月は「初期不良」が見つかりやすい時期です。制作会社に公開後の無料修正期間があるかどうかを事前に確認しておくと安心です。一般的には、公開後1〜3ヶ月程度の修正保証を設けている制作会社が多いです。
よくあるトラブル事例と対処法
公開前後で実際によく起こるトラブルと、その対処法をご紹介します。
トラブル1:お問い合わせフォームからメールが届かない
公開後に最も多いトラブルの一つです。テスト環境では問題なかったのに、本番環境に移行したらメールが届かないというケースがあります。原因としては、メールサーバーの設定ミス、迷惑メールフォルダに振り分けられている、送信先アドレスの設定間違いなどが考えられます。
対処法:公開直後に必ずテスト送信を行い、メールが正しく届くか確認しましょう。届かない場合は迷惑メールフォルダを確認し、それでも見つからなければすぐに制作会社に連絡してください。
トラブル2:旧サイトが表示され続ける
新しいサイトを公開したはずなのに、以前のサイトが表示される場合があります。これは、ブラウザのキャッシュ(以前のページ情報の記憶)が残っているために起こります。
対処法:ブラウザのキャッシュをクリア(削除)するか、シークレットモード(プライベートブラウズ)で確認してみてください。それでも旧サイトが表示される場合は、ドメインの設定(DNS設定)の反映に時間がかかっている可能性があります。通常は数時間〜最大48時間程度で切り替わります。
トラブル3:スマートフォンでレイアウトが崩れている
パソコンでは問題なく表示されているのに、スマートフォンで見ると一部のレイアウトが崩れているケースです。特定の機種やブラウザでのみ発生することもあります。
対処法:自分のスマートフォンだけでなく、家族や同僚にも確認してもらうと、異なる機種・ブラウザでの表示を確認できます。問題を見つけたら、スクリーンショットとともに制作会社に報告しましょう。
トラブル4:検索結果に古い情報が表示される
サイトをリニューアルしたのに、Googleの検索結果には旧サイトのタイトルや説明文が表示されることがあります。
対処法:これはGoogleが新しいサイト情報を認識するまでのタイムラグです。通常は数日〜数週間で新しい情報に更新されます。Googleサーチコンソールから「インデックス登録をリクエスト」することで、更新を早めることも可能です。
用語メモ
「Googleサーチコンソール」とは、Google検索における自社サイトのパフォーマンスを確認できる無料ツールです。どんなキーワードで検索されているか、検索結果で何回表示されたか、エラーがないかなどを把握できます。WEBサイトを運営するなら、ぜひ導入しておきたいツールの一つです。
まとめ
テストアップから公開までの流れは、ホームページ制作の「仕上げ」にあたる重要な工程です。この段階でしっかり確認を行うことで、公開後のトラブルを大幅に減らすことができます。
特に大切なのは、以下の3点です。
- テストアップの確認は、パソコンとスマートフォンの両方で行う
- 修正依頼は具体的かつ一括で伝える
- 公開後も定期的なチェックと更新を怠らない
ホームページ制作の全体的な流れについては全体像をまとめた記事で、コーディング品質がサイトに与える影響についてはコーディングに関する記事で詳しく解説していますので、あわせてご覧ください。公開はゴールではなくスタートです。公開後の運用体制もしっかり整えて、ホームページをビジネスの武器にしていきましょう。
群馬県でホームページの公開・リニューアルをご検討中の方は、ぜひmotiveにご相談ください。テストから公開後のサポートまで、安心してお任せいただける体制を整えています。