はじめに
「Webサイトを公開する前に、どこまでテストすればいいの？」
「公開後にも確認しておく項目はある？」と迷っていませんか。
ページをひと通り見直していても、リンク切れやフォームの送信エラー、スマートフォンでの表示崩れなど、実際に操作して初めて気づく不具合もありますよね。
この記事では、Webサイトの公開前に確認したいテスト項目から、公開直後にチェックしたいポイントまで順を追って説明していきます。
Webサイトのテストで確認する項目の一覧は？
Webサイトのテストでは、ページの表示だけでなく、リンクやボタンが正しく動くか、フォームから問題なく入力・送信できるかなどを確認します。
また、PCやスマートフォンなど画面幅の違いに加えて、ChromeやSafariなど複数のブラウザで表示や操作に問題がないかもチェックしておきましょう。
あらかじめ確認項目を整理して順番にテストすると、表示崩れやリンク切れ、送信エラーなどの見落としを防ぎやすくなります。
表示・デザインで確認するテスト項目
Webサイトの表示・デザインをテストするときは、ページを開いた際に各要素が指定した位置や大きさで表示されているかを確認します。
ここでは、レイアウトや文字、画像、アイコンの表示で確認するテスト項目を説明します。
レイアウト崩れや文字切れがないか確認する
PC・タブレット・スマートフォンでページを表示し、ヘッダーや本文、ボタンなどの位置が崩れていないか確認します。
画面幅を変えたときに要素が重なったり、文字が途中で切れたりしていないかも見ておくと安心です。
画像やアイコンが正しく表示されているか確認する
ページ内の画像やアイコンが正しく表示され、欠落や読み込みエラーがないか確認します。
画像の縦横比やサイズ、アイコンの位置なども確認し、不自然な引き伸ばしや表示崩れがなければ問題ありません。
レスポンシブ・ブラウザで確認するテスト項目
Webサイトは、閲覧する端末やブラウザによって表示や動作に差が出る場合があります。
ここでは、端末ごとのレイアウトとブラウザごとの表示・動作を確認するテスト項目を説明します。
PC・スマートフォンでレイアウトを確認する
PCとスマートフォンでページを表示し、文字や画像、ボタンが画面幅に合わせて正しく収まっているか確認します。
要素同士の重なりや横方向へのはみ出しがなく、どちらでも見やすく表示されていれば問題ありません。
主要ブラウザで表示や動作に問題がないか確認する
Chrome、Safari、Edgeでページを開き、文字や画像、ボタンなどの表示に違いがないか確認します。
ボタンやメニューも実際に操作し、特定のブラウザだけで表示崩れや操作できない箇所がなければ問題ありません。
リンク・フォームなどの動作で確認するテスト項目
Webサイトのリンクやフォームは、クリックや入力、送信などの操作が設定どおりに動くかを確認します。
ここでは、リンクやボタン、フォームの入力から送信後までに確認するテスト項目を説明します。
リンク先やボタンが正しく動作するか確認する
ページ内のリンクやボタンをクリックし、設定したURLやページへ正しく移動するか確認します。
404エラーやリンク先の設定ミスがなく、指定したページが表示されれば問題ありません。
フォームを正常に入力・送信できるか確認する
フォームに必要な情報を入力し、送信ボタンを押して正常に送信できるか確認します。
氏名やメールアドレスなどの入力内容が正しく送信され、途中で欠けたり変わったりしていなければ問題ありません。
入力エラーや必須項目が正しく表示されるか確認する
必須項目を空欄にしたり、指定と異なる形式で入力したりして、適切なエラーメッセージが表示されるか確認します。
正しい内容に修正するとエラーが消え、問題なく送信できることも確認しておきましょう。
送信完了画面や自動返信メールを確認する
フォームを送信したあと、指定した完了画面が表示されるか確認します。
自動返信メールを設定している場合は、メールが届くことに加えて、件名や本文、差出人などが正しく表示されているかも確認しましょう。
コンテンツ・入力内容で確認するテスト項目
Webサイトのコンテンツは、公開する文章や画像、会社情報などが正しく入力されているかを確認します。
ここでは、Webサイトに掲載する文章や画像、連絡先などの入力内容で確認するテスト項目を説明します。
誤字脱字や表記の間違いがないか確認する
見出しや本文を上から順に読み、文字の抜けや変換ミスがないか確認します。
同じ名称や用語の表記もそろえ、修正した箇所はもう一度読み直しておくと安心です。
不要なダミーテキストや画像が残っていないか確認する
各ページを確認し、制作中に使用したダミーテキストや仮画像が残っていないか確認します。
公開用の文章や画像への差し替え漏れがないよう、ページ全体を見直しておきましょう。
電話番号や住所などの掲載情報に間違いがないか確認する
電話番号や住所などの掲載情報は、正しい情報と照らし合わせながら確認します。
複数のページに同じ情報を掲載している場合は、数字や住所の表記に違いがないかも確認しておくと安心です。
SEO・計測で確認するテスト項目
WebサイトのSEO・計測では、検索結果に表示する情報とアクセスデータを取得する設定に漏れがないかを確認します。
ここでは、SEOに関する設定からアクセス計測、検索エンジンへの登録に関する設定まで確認するテスト項目を説明します。
title・descriptionが正しく設定されているか確認する
各ページのtitleとdescriptionを確認し、ページの内容に合ったものが設定されているか確認します。
未設定や別ページの内容になっていないかも見直し、修正した場合は正しく反映されていることを確認しましょう。
見出しタグや画像のaltが適切に設定されているか確認する
H1・H2・H3が内容の階層に沿って設定されているか確認します。
画像についても必要に応じてaltを設定し、画像の内容や役割が適切に伝わるテキストになっているか見ておきましょう。
アクセス解析やSearch Consoleが正しく設定されているか確認する
アクセス解析では実際にページを開き、アクセスデータが正しく計測されているか確認します。
Search Consoleも対象サイトが登録され、所有権の確認まで完了しているか見ておくと安心です。
サイトマップやインデックス設定を確認する
XMLサイトマップに公開対象のURLが含まれているか確認します。
検索結果に表示したいページへ誤ってnoindexが設定されていないかも確認し、インデックスを妨げる設定がないか見直しておきましょう。
セキュリティ・サーバーで確認するテスト項目
Webサイトのセキュリティ・サーバーでは、公開後に各ページへ正しいURLでアクセスでき、問題が起きた場合に復旧できる状態かを確認します。
ここでは、SSL化、リダイレクト、404ページ、バックアップで確認するテスト項目を説明します。
SSL化されHTTPSで表示されるか確認する
各ページへアクセスし、URLが「https://」で表示されているか確認します。
「http://」からアクセスした場合もHTTPSへ自動で切り替わり、セキュリティ警告が表示されないか見ておきましょう。
SSLを設定したばかりでHTTPSにならない場合は、設定ミスと判断する前に反映までの時間も確認しておきましょう。
▶SSLの反映時間はどれくらい？設定後にHTTPSにならない原因と確認方法
リダイレクトが正しく設定されているか確認する
リダイレクトを設定した旧URLへアクセスし、指定した新URLへ正しく移動するか確認します。
別のページへ転送されたり、リダイレクトが繰り返されたりしていないことも確認しておくと安心です。
404ページが正しく表示されるか確認する
存在しないURLへアクセスし、設定した404ページが表示されるか確認します。
あわせてHTTPステータスコード「404」が正しく返されているかも確認しておきましょう。
バックアップを取得できる状態か確認する
Webサイトのファイルとデータベースをバックアップできる状態になっているか確認します。
実際にバックアップを実行し、必要なデータが保存先へ正しく保存されているかも見ておくと安心です。
Webサイト公開後に再確認するテスト項目
Webサイトを公開したあとは、本番環境で各機能や設定が正常に反映されているかを再確認します。
ここでは、Webサイト公開後に本番環境で再確認するテスト項目を説明します。
本番環境でリンクやフォームを再確認する
公開したWebサイトでリンクやボタンを操作し、指定したページへ正しく移動するか確認します。
フォームも実際に入力・送信し、本番環境で問題なく動作することを確認しておきましょう。
アクセス解析でデータを取得できているか確認する
公開したページへ実際にアクセスし、ページビューなどのデータが計測されているか確認します。
アクセスしたページと計測結果が一致していれば、設定が正しく反映されていると判断できます。
表示速度やエラーの発生状況を確認する
公開後のページを読み込み、表示に時間がかかるページや操作時のエラーがないか確認します。
気になる箇所が見つかった場合は、該当するページやエラーの内容を整理して原因を確認しましょう。
インデックスやサイトマップの送信状況を確認する
Search Consoleで、公開したページにインデックスを妨げる設定やエラーがないか確認します。
XMLサイトマップも正常に読み込まれているか確認し、問題があれば設定を見直しておきましょう。
Search ConsoleでURLを確認した際に「URLがプロパティ内にありません」と表示された場合は、プロパティの設定から確認してみましょう。
▶Search Consoleで「URLがプロパティ内にありません」と表示される原因と対処法
まとめ
Webサイトのテストは、公開前に表示や操作、フォーム、掲載内容などを一つずつ確認し、不具合をできるだけ残さないことが大切です。
公開後も本番環境で動作やアクセス解析、インデックス状況などを確認しておくと、公開してから起こる問題にも気づきやすくなります。
すべてを一度に確認しようとせず、チェック項目を整理しながら順番にテストを進め、安心して運用できる状態に整えていきましょう。
