新しいWebサイトで品質保証（QA）テストを実行する方法

ソフトウェア製品やビデオゲームなどのWebサイトでは、多くのテストが必要です。 エラー、バグ、壊れたビットは、潜在的な顧客を実行させることが保証されています。 そこで、今日は、新しいWebサイトを立ち上げるときにこれらの問題を防ぐ方法を検討しています。

ウェビナーを見る

この記事は、QAの専門家であるOnPathTestingの創設者兼CEOであるBrianBorgとのウェビナーに基づいています。 OnPath Testingは、私たちのクライアントであると同時に、新しいWebサイトを立ち上げるときにQAテストを実行するのを支援するパートナーでもあります。 ブライアンはソフトウェアテストの専門家であり、優れた卵です。

ここで元の録音を見ることができます：

QAとは何ですか？

QAテストは、Webサイト（またはその他のソフトウェア）の機能を検証します。

Webサイトの場合、QAテスターは最初に機能に焦点を合わせますが、設計、パフォーマンス、セキュリティ、およびコンプライアンスの使いやすさにも焦点を合わせます。

何をテストするかを決める方法

テストには、Webサイトとユーザーについて非常に慎重で系統的な理解が必要です。 あなたは一歩下がって、10,000フィートの視点からそれについて考える必要があります。

あらゆる角度から質問してください。 誰が私たちのウェブサイトに来る可能性がありますか？ 彼らはどこから来たのですか？ どんな地理？ 彼らはこれをどのデバイスで見ているのでしょうか？ どのブラウザですか？ どのオペレーティングシステムですか？ 誰かがそれと対話するとき、あなたのウェブサイトは何をしますか？ 彼らがフォームに記入した場合はどうなりますか？ 受信トレイにメールが届くと思いますか？ ページにありがとうメッセージを期待しますか？

テスト計画を立てる

これらのテストを実行するには、詳細なテストケースを使用してテスト計画を作成します。これは、本質的には栄光のチェックリストです。 それはあなたを正直に保ち、あなたが重要なものを見逃さないことを保証します。 理想的には、これはソフトウェア開発ライフサイクル（SDLC）ツールに組み込まれます。 ただし、Excelなどでテストを追跡することはできます。

上記の例では、ドメインと機能を確認しています。 左側にテストケースがあり、上部にブラウザ、オペレーティングシステム、デバイスがあります。 テストを追跡するこの方法は、修正を再チェックし（回帰テスト）、テストメトリックについて主要な利害関係者に報告できることを意味します。

重要なのは、コミュニケーションが明確で明確であるということです。 そうすれば、修正が効果的になります。

QAテストツール

テストの追跡と管理のためにこれらのツールのいくつかを試してみてください（ArticulateではNotionを使用していますが、マイレージは異なる場合があります）。

• Jira
• テストレール
• Bugzilla
• Trello
• テストリンク
• 概念

このブログの上半分については、ブライアンの功績によるものです。 さて、クライアントのためのウェブサイトを構築したArticulateの経験からのいくつかの洞察。

あなたがあなたのウェブサイトでテストする必要がある8つの一般的な事柄

1. Lorem ipsum

ライターやデザイナーは通常、ウェブサイトを構築するときに「Loremipsum」プレースホルダーコピーを使用します。 その後、彼らはそれを交換することを忘れます。 徹底的な検索を実行して、loremipsumの残りのビットを確認します。

2.欠落しているページ

画像のGitHubへのハットチップ。

ページのURLをマッピングして、古いサイトから新しいサイトへのリダイレクトを適切に行わないと、リンク切れやページの欠落が発生します。 URLリダイレクトは、私たちにとって新しいWebサイトを立ち上げる上で非常に重要な部分です。 メニューでリンク切れのケースが複数見られます。 多くの場合、メニューリンクは、ハードコーディングされているため、開発テストページに接続されています。

3.SSLエラー

Googleは、SSLエラーのあるサイトにペナルティを科します。 テストしない限り、これに気付かない可能性があります。

HubSpotサイトの問題の1つは、ほとんどの場合、ネイティブのapexドメインでHubSpotWebサイトをホストできないことです。 つまり、articulatemarketing.comにHTTPSコードを含めることはできません。 www.articulatemarketing.comである必要があります。 この場合、apexドメインからwwwサブドメインにリダイレクトする必要があります。 そのリダイレクトが正しく設定されていない場合、暗号化されず、SSLエラーが発生します。

4.太った画像

デザイナーが16メガバイトのグラフィックファイルをアップロードします。 あなたはそれを看板に置くことができます。 それはあなたのウェブサイトに場所がありません。 代わりに、画像が300キロバイト未満であることを確認し、JPEGまたはさらに良いのはSVGに固執するようにしてください。

HubSpotを使用している場合は、アプリFizz+Gingerを使用して画像を圧縮できます。

5.Googleから非表示

あなたのサイトをグーグルに公開しないことは驚くほど一般的です。 クライアントのウェブサイトを引き継ぐことは非常にまれであり、クライアントはすでにGoogle検索コンソールのリストを取得しています。 それで耳が火傷した場合は、ここにアクセスしてサイトマップについて学習してください。

さらに、検索エンジンからの重要なページをブロックしているrobots.txtがあるサイトを乗っ取ることがあります。 特定のページの表示を削除したい場合があります。 ただし、設定が間違っていると、ユーザーがGoogleで見つけられるようにしたいページが非表示になります。

ヒント： WordPressサイトを開発している場合は、起動後に「検索エンジンによるこのサイトのインデックス作成を禁止する」をオンにしないように注意してください。

6.ブラウザの互換性

これは、現在よりも大きな問題でした。 Internet Explorerは、多くの場合、業界標準と互換性がないことが原因です。 経験則として、ChromeまたはSafariの最新バージョンで快適に実行している場合は、他のブラウザーでも問題ない可能性がありますが、それでもテストする価値があります。 非常に古いブラウザに対応しようとしないでください。 努力する価値はありません。

7.モバイルの応答性

トラフィックの約3分の1はモバイルからのものです。 Web上のインターネットトラフィックの半分以上がモバイルです。 Googleはモバイルファーストのインデックス作成を行います。 要するに、モバイルは未来です。

Googleのモバイルフレンドリーテストを実行することから始めますが、それだけではありません。 ドロップダウンメニューやポップアップなど、さまざまなデバイスと画面サイズを確認してください。

ヒント： AMP（Accelerated Mobile Pages）は、モバイルでページを高速化する方法ですが、可視性、書式設定、デザイン、レイアウトを大幅に制御できなくなります。 ただし、Googleの最近のアルゴリズムの更新によりトラフィックが減少している場合は、オンにすることをお勧めします。

8.どこにも行かないフォーム

すべてのフォーム、特に連絡先ページのフォームが誰かに送信されることを確認してください。 HubSpotのCRMソフトウェアはフォームの入力をログに記録しますが、通知システムを設定して、ビジネスの人々が誰かが連絡を取ろうとしていることを認識できるようにするのはあなた次第です。

最後の注意

私たちはデータ主導の詳細志向のマーケティングエージェンシーであるため、QAテストの厳格な原則が好きです。

テストサービスについてはOnPathTestingに相談するか、新しいWebサイトが必要な場合はコンサルタントに相談してください。

私たちはあなたにこの考えを残します：

「テストは、匿名での考えられない出来事を回避するために、目に見えないものと曖昧なものを比較する無限のプロセスです。」

—ジェームズ・バッハ