ホームページのリニューアル、公開前チェックは何を確認する？

制作会社からリニューアルしたホームページの確認用URLが届いたとき、「きれいになったけれど、何を確認して返事をすればよいのだろう」と迷うことはありませんか。ページを眺めて問題がなさそうでも、電話の発信先が古いまま、問い合わせメールが届かない、予約ボタンが別店舗につながるといった不具合は、見た目だけでは分かりません。

公開後に気づくと、修正までの間に相談や予約を取りこぼすおそれがあります。大切なのは、制作会社に任せきりにすることでも、発注者が技術面まで一人で調べることでもなく、役割を分けて実際の利用を確かめることです。

この記事では、大阪の店舗・中小企業でホームページのリニューアルや管理会社の乗り換えを進める方に向けて、公開前チェックの準備からテスト、修正依頼、公開承認までを順番に整理します。

公開前チェックは「お客様が目的を果たせるか」で考える

公開前チェックの中心は、「初めて訪れたお客様が、必要な情報を見つけて来店・予約・相談に進めるか」です。写真や配色だけでなく、料金を調べる、場所を確かめる、問い合わせを送るといった一連の操作を確認します。

ここでは、デザインの好みを検討する作業と、合意した仕様・掲載情報・動作を確かめる作業を分けましょう。「写真をもっと明るい印象にしたい」という要望と、「予約ボタンを押しても動かない」という不具合では、対応の優先度も判断の基準も異なります。

検収とは、納品されたものが契約や合意した内容に合っているか確認することです。確認用サイトの見た目が整っているだけで、すべての確認が済んだことにはなりません。見積書、仕様書、承認済み原稿などと照らし合わせ、未確認の項目を残さないようにします。

• 発注者側：料金、営業時間、サービス内容、受付条件など、営業情報が正しいかを確認する。
• 制作会社側：合意した機能、表示、リンク、公開設定など、技術面の確認結果を共有する。
• 双方：問い合わせや予約を実際に試し、利用者と受付担当者の両方から確かめる。

これは役割分担の一例であり、担当範囲は契約によって異なります。管理会社や運用会社を乗り換える場合は、現行会社・新しい会社・自社の誰が各項目を確認するのかも明確にしておきましょう。

確認を始める前に担当者と合格条件を決める

最初に、対象ページと確認項目を一覧にします。トップページだけでなく、サービス、料金、店舗案内、事例、問い合わせ、送信完了画面なども対象です。ページ数が多い場合は、全ページの掲載情報確認と、共通する機能の動作確認を分けると進めやすくなります。

次に、照合の基準となる「正本」を決めます。料金は承認済みの料金表、営業時間は最新の営業案内というように、資料名と更新日をそろえましょう。担当者がそれぞれ古い資料や記憶を頼りに判断すると、修正の指示が食い違います。

以下を、ホームページの検収チェックリストの準備欄として使ってください。

• 対象：ページURL、確認する情報・機能、照合する資料。
• 環境：パソコン・スマホの機種、OS、ブラウザ。
• 体制：確認担当者、結果を取りまとめる人、最終承認者。
• 日程：確認期限、修正期限、再確認日、公開予定日時。
• 合格条件：正本と一致する、指定の予約先に進める、通知が届くなど。
• 記録欄：未確認・合格・要修正の状態、確認日、担当者、備考。

確認用サイトの閲覧方法も、先に制作会社へ聞いておきます。ログインが必要か、テスト送信ができるか、送信先はテスト用か本番用か、外部予約サービスに実際の予約が入るかを確認してください。外部連携が停止されている環境なら、公開前に試せる範囲と、本番で確認する項目を分けます。

また、確認用サイトの検索流入防止策、公開時の設定切り替え、URL変更時の転送、バックアップなど、技術項目の担当者と報告方法も決めておくと安心です。

お客様役になって来店や相談までの操作を試す

リニューアルのテストは、ページを一枚ずつ開くだけでなく、お客様の目的に沿って通して行います。「初めて来店する人」「料金を比較している人」など、具体的な状況を一つ決めると、必要な情報の不足や途中で迷う箇所を見つけやすくなります。

• 飲食店：メニューページを開く→料理と料金を確認する→営業時間と所在地を見る→予約先へ進む。
• 美容サロン：施術ページを開く→内容・所要時間・料金を確認する→希望する店舗やメニューの予約へ進む。
• リフォーム会社：施工事例を開く→工事内容と対応地域を確認する→相談フォームへ進む→テスト送信する。

各操作では、「次に押す場所が分かるか」「判断に必要な情報があるか」「前の画面へ戻っても迷わないか」を記録します。社内の人はサービスを知っているため、説明が足りなくても読み進められます。可能なら、制作に深く関わっていないスタッフにも試してもらいましょう。

入口をトップページに限定しないことも大切です。検索や広告、SNSからは、記事やサービスページへ直接訪れることがあります。確認用サイトで該当ページのURLを直接開き、会社名や店舗名、サービス内容、料金、連絡先にたどり着けるかを試してください。

フォームでは、正常な入力だけでなく、必須項目を空欄にした場合や、メールアドレスの形式を誤った場合も確認します。適切な案内が出て、入力を修正し、最後まで送信できれば一連の確認になります。予約サービスでは、事前に合意した範囲で日時やメニューの選択、完了までを試します。

目的はフォームの設計をやり直すことではなく、合意した受付方法が使えることを確かめることです。途中で止まったら、その画面と操作を記録しましょう。

掲載情報と連絡先は実物と照合する

掲載情報は「読んで違和感がない」ではなく、承認済み原稿や現在使っている営業資料と照合します。特に料金、税込・税別の表記、追加費用、営業時間、定休日、住所、対応地域、受付条件は、お客様の判断に直結します。

同じ情報が複数ページにある場合は、すべて確認してください。料金ページだけ新しくなり、トップページの案内やPDFには旧料金が残っていることもあります。会社名や店舗名、住所、電話番号は、ページ下部や送信後の案内文まで確認対象に含めます。

• 電話：表示されている番号と、タップした際に発信画面へ渡る番号が一致しているか。
• 地図：リンク先の目的地が正しいか。同名店舗や別の支店になっていないか。
• 予約：利用する店舗・サービスの予約画面へ進むか。古い予約先が残っていないか。
• フォーム：完了表示に加え、担当者への通知と、自動返信を設けている場合はその到着を確認したか。

電話は発信画面の番号まで確認し、実際に通話する場合は受付担当者と時間を調整します。地図は住所だけでなく、ピンの位置や入口の案内も見ておくと、来店時の行き違いを防ぎやすくなります。

フォーム送信後は、受信担当者にテスト日時と件名を伝え、受信トレイや迷惑メールフォルダを確認してもらいます。通知本文の入力内容、返信先、案内文も確認しましょう。完了画面が出ても、担当者が受け取れていなければ受付の確認は完了しません。

テストには実在する顧客の個人情報を使わず、管理できるテスト用の名前や連絡先を使います。本番予約を作る場合は、事前に関係者と調整し、テストと分かる記載やキャンセル・削除の手順まで決めてください。

スマホの実機で操作しづらい箇所を見つける

パソコン上でスマホサイズに縮めた表示だけでは、タップや文字入力の不具合を見落とすことがあります。アクセス解析や顧客層を参考に、確認する端末とブラウザを制作会社と決め、実機で主要な操作を試しましょう。

例えば、利用の多いiPhoneのSafari、AndroidのChrome、社内で使うパソコンのブラウザなどを候補にします。ただし、すべての端末を網羅しようとする必要はありません。合意した対応環境を押さえ、問い合わせや予約に直結する操作を優先します。

• メニュー：開閉できるか。項目を選ぶと正しいページへ進めるか。
• 固定ボタン：予約や電話のボタンが本文、同意欄、送信ボタンを隠していないか。
• 文字と画像：料金や注意書きが切れずに読めるか。不要な横スクロールがないか。
• 入力操作：キーボード表示中も入力欄や次の操作が分かるか。
• エラー後：案内を読んで修正できるか。再送信まで進めるか。
• 読み込み：通常の通信環境で主要な情報やボタンが表示され、操作できるか。

確認は、画面を眺めるだけでなく、メニューを開き、ページを移動し、フォームへ入力するところまで行います。長いページの下部や、エラーが出た状態では、最初の表示時になかった重なりが起きる場合もあります。

不具合を見つけたら、機種名、OSとブラウザのバージョン、画面の縦横を記録します。「スマホでは使えない」とまとめず、どの環境のどの操作で困ったかを残すことが、修正を早める近道です。文字や操作の見やすさについては、アクセシビリティの基本を紹介した記事も参考になります。

修正依頼は再現手順と優先度を添えて伝える

修正依頼は、メールやチャットに少しずつ送るより、一覧にまとめ、項目ごとに番号を付けると管理しやすくなります。ページURL、端末・ブラウザ、操作手順、期待した結果、実際の結果、画面画像を一組にして記録しましょう。

「スマホでメニューが変です」だけでは、制作会社が同じ状態を再現できないことがあります。次のように、問題が起きる条件と業務への影響を伝えます。

対象：確認用サイトのサービスページ。環境：iPhone／Safari（OS・ブラウザのバージョンも記載）。手順：ページを開く→右上のメニューを開く→「お問い合わせ」を押す。期待：問い合わせページに移動する。実際：メニューが閉じるだけで移動しない。優先度：高。相談受付への導線のため、公開前の修正を希望。該当画面の画像を添付。

画面画像だけで動作が伝わりにくい場合は、個人情報が映らないようにして画面録画も添えます。情報の誤りなら、正しい表記と根拠となる資料を一緒に渡してください。

• 公開を止める項目：送信できない、予約先が違う、個人情報が意図せず見えるなど。
• 公開前に直す項目：料金・営業時間の誤り、重要なリンク切れ、主要端末での操作不良など。
• 対応時期を相談する項目：業務への影響が小さい余白や装飾の調整など。

優先度は影響に応じて双方で決めます。また、合意済み仕様との不一致と、新しい機能やデザインの追加要望は分けてください。追加要望は費用や日程に影響する場合があります。

修正済みの連絡を受けたら、同じ手順で再確認します。共通メニューを直した場合は別ページでも試すなど、関連する操作まで確かめ、確認者と確認日を記録して完了にします。

公開承認と公開直後の再確認までを一組にする

公開前には、チェックリストを基に、未解決事項と公開後へ回す項目を整理します。それぞれに影響、対応担当者、期限を記載し、最終承認者が公開の可否を判断できる状態にしましょう。検収と公開承認の扱いは、契約に沿って確認します。

制作会社には、HTTPS、検索除外設定の解除、旧URLからの転送、計測設定など、担当する技術項目の確認結果も共有してもらいます。管理会社の乗り換えでは、ドメインやメール、管理権限の引き継ぎ状況も確認が必要です。

確認用サイトで正常でも、本番では通知先や外部サービスの設定が異なる場合があります。公開直後に、実際のURLで電話・地図・予約リンク、フォーム送信と通知到着を再確認してください。不具合時の連絡窓口と、公開を戻すなどの対応判断をする人も決めておきます。その後の運用は、公開後3ヶ月で取り組むことへつなげましょう。

何をどこまで確認するべきか迷ったら、現在のホームページURLと公開予定時期、気になっている点を添えてリノウェブへご相談ください。リニューアル・管理会社の乗り換えのご案内をご覧いただき、具体的な状況はお問い合わせ・無料相談からお知らせください。