Column制作会社・広告会社向け

Webサイト公開前の検収は、見た目以外に何を見る?|完了条件と引き継ぎ表

Webサイトの検収は、デザインの再現だけでなく、操作、スマートフォン表示、検索向け設定、管理・引き継ぎまで完了条件を決めると、公開後の認識違いを減らせます。架空の検収表で整理します。

結論:Webサイトの検収は「デザインどおりか」だけで終えず、①内容と見た目、②操作と端末差、③公開・検索向け設定、④管理と引き継ぎの4つに分け、各項目の合格状態と確認証拠を決めます。

紙面の校正では、文字、画像、色、版、入稿条件などを確認します。Webでもその経験は大きな土台になりますが、画面幅で配置が変わる、リンクやフォームを操作する、公開後に管理画面を使う、といったWeb固有の確認が加わります。

すべての案件に共通する唯一の検収規格があるわけではありません。だからこそ、見積や仕様で約束した範囲に合わせて「誰が、どの環境で、何を確認し、どの状態なら完了か」を公開前に共有しておくことが重要です。

検収を4つの層に分ける

内容・見た目

原稿、画像、余白、文字サイズ、見出し順、デザインとの相違を確認します。差異があっても意図した調整なら、理由と承認を残します。

操作・端末

リンク、メニュー、フォーム、開閉要素、キーボード操作、スマートフォンでの折り返しや横はみ出しを確認します。

公開・検索

本番URL、HTTP応答、canonical、noindex、タイトル、メタ説明、サイトマップなど、公開面と検索向けの設定を確認します。

管理・引き継ぎ

WordPressの更新方法、権限、ドメイン・サーバーの管理者、バックアップ、保守窓口、未解決事項を引き継ぎます。

WordPressの「サイトヘルス」は、重大な問題、推奨改善、バージョン、サーバー、データベース等の情報を確認できます。ただし、原稿の正しさや顧客との約束まで自動判定するものではありません。またW3CのEasy Checksも、キーボードや代替テキスト等の初期確認には使えますが、包括的な適合評価ではないと明記されています。

架空の検収・引き継ぎ表

以下は5ページの会社案内サイトを想定した架空例です。実際の契約や品質保証を示すものではありません。

確認対象合格状態確認証拠担当
主要3画面幅文字切れ・横はみ出しなしPC・タブレット・スマホ画像実装担当
問い合わせ管理者通知と自動返信を受信テスト番号と受信時刻双方
主要URL200応答、canonical一致、noindexなしURL別確認表実装担当
WordPress更新指定担当が記事を追加できる操作確認と簡易手順顧客担当
納品・管理管理者、保管先、保守窓口が確定引き継ぎ一覧ディレクター

「確認済み」だけでなく、合格状態と証拠を組にするのがポイントです。たとえばフォームは送信完了画面が出るだけでなく、管理者通知と利用者向け自動返信の受信まで確認します。canonicalは指定しても検索側の選択を保証するものではありませんが、公開時点で意図したURLを一貫して示せているかは確認できます。

未解決事項を隠さず、公開判断へ渡す

検収時にすべてをゼロにできない場合もあります。そのときは「未完了」だけで止めず、影響、公開可否、担当、期限、暫定対応を記録します。軽微な表示差と、フォーム未達やnoindex混入のように公開を止める問題を同列に扱わないためです。

架空の未解決事項メモ

  • 事象:旧端末で見出しが1行多く折り返す
  • 影響:情報欠落・操作不能はない
  • 判断:公開可。次回保守で調整
  • 担当・期限:実装担当、9月30日

公開前に3段階で合意する

  1. 着手時:見積・仕様から検収対象と対象外を抜き出し、確認環境と担当を決めます。
  2. 検証時:表に結果と証拠を加え、未解決事項を公開停止・公開可・保守対応に分けます。
  3. 公開判断時:公開URL、戻し方、連絡先、管理権限を読み合わせ、誰が公開を承認したかを残します。

制作途中の修正指示はURL・画面幅・操作状態を含む修正指示、見積段階の範囲整理はWeb制作見積で漏れやすい作業、URL変更がある案件は旧URLと転送先の引き継ぎ表で確認できます。本稿は、それらを公開直前の合否へまとめる位置づけです。

検収表は実装担当だけで作ればよいですか?

実装担当だけでは決められない項目があります。原稿・表示の承認は制作側や顧客、フォーム受信は運用担当、公開可否は案件責任者など、判断できる担当を項目ごとに置きます。

自動検査が合格すれば検収完了ですか?

自動検査はHTTP、コード、設定の一部を効率よく確認できますが、原稿の正しさ、操作の分かりやすさ、顧客との合意、実機差まで保証しません。自動検査と人の確認を役割分担します。

GreenCodingへ相談できること

GreenCodingでは、支給デザインのコーディング、レスポンシブ表示、WordPress、フォーム、公開作業について、案件範囲に合う検収項目と確認証拠を整理できます。すでに進行方法がある場合はそれを前提に、実装担当へ渡す条件や公開前に補う確認だけを相談できます。

公式参照

Web案件の進め方が未確定でも、
ご相談いただけます。

支給資料と現在決まっている範囲を確認し、必要な工程、役割分担、実装・検証範囲を整理します。

制作パートナー向けサービスを見る