WordPressサイトのUX監査方法

WordPressサイトのユーザー・エクスペリエンス（UX）監査を行いたいですか？

ユーザーエクスペリエンスは、サイトの成功において重要な要素です。良いユーザーエクスペリエンスは、より多くのコンバージョンと売上につながります。

この投稿では、WordPressサイトのUX監査を簡単に行う方法を順を追って紹介します。

ここでは、WordPressサイトのUX監査を行うためのすべてのステップを簡単にご紹介します：

UXとは何か、なぜ重要なのか？

ユーザーエクスペリエンス（UX）とは、ユーザーがサイトを利用する際に抱く感情や意見を表現したものです。

快適なユーザーエクスペリエンスとは、ユーザーがあなたのサイトを使いやすく、役に立つと感じることを意味します。

対照的に、ユーザー・エクスペリエンスが低いということは、ユーザーがサイトを使いにくいと感じ、やりたいことができないということです。

優れたユーザー体験を創造することで、ユーザーがサイトを最大限に活用できるようになります。これは最終的にコンバージョン、売上、ビジネスの成長につながります。

一方、ネガティブなユーザーエクスペリエンスでは、サイト訪問者がサインアップやオンラインストアでの購入をせずにサイトを離れてしまう可能性があります。これにより、潜在的な売上やカスタマイザーを失うことになります。

サイトのUX監査を行う方法

ビジネスオーナーとして、定期的にサイトをチェックし、良いユーザーエクスペリエンスを提供しているかどうかを確認する必要があります。

この実践はUX監査と呼ばれる。UX監査は、いくつかのツールを組み合わせて自分で行うことができます（すでにそのうちのいくつかを使っているかもしれません）。

このプロセスでは、サイトのユーザーエクスペリエンスに悪影響を及ぼす可能性のある問題を探します。問題を見つけたら、それをドキュメンテーションし、修正を開始します。

準備はいいかい？始めよう

ステップ1：ユーザーのゴールとオブジェクトの定義

まず、ユーザーの立場に立って、ユーザーがサイトにたどり着いたときに何を求めているのかを理解する必要がある。

例えば、あなたのサイトがペットのおもちゃを販売するオンラインショップの場合、オーディエンスのゴールはペットのおもちゃを見て、その商品のカスタマイザーレビューを読み、購入することでしょう。

同様に、もしあなたがハウツーブログを運営しているなら、読者のゴールはチュートリアルを読んで何かのやり方を学ぶことだろう。

ユーザーが何を達成したいのかを理解することで、ユーザーをより良く支援することができる。

これを行う最も簡単な方法は、ターゲットオーディエンスのユーザーペルソナを作成することです。

このエクササイズによって、ユーザーと彼らがあなたのサイトに期待することをよりよく理解することができます。最も重要なことは、ターゲットオーディエンスのゴールとオブジェクトを把握することです。

そして、これらのペルソナを用いてサイトを分析し、コンテンツ、製品、サービスがどれだけ迅速にそのユーザーを支援できるかを確認することができます。

ステップ2：サイトにユーザビリティの問題がないかテストする

サイトのユーザビリティをテストすることで、ユーザー体験を破壊する可能性のある問題を素早く見つけることができます。

しかし、多くの問題は、ユーザーが報告するまでサイト管理者が気づかないことがよくあります。ユーザーは、あなたのサイトの問題を報告するよりも、競合サイトに乗り換えてしまう可能性の方が高いのです。

幸いなことに、サイト上の潜在的に有害なユーザビリティの問題を素早く検出できる優れたツールがたくさんあります。

ページスピード・インサイト（無料）

GoogleのPageSpeed Insightsツールを使えば、URLのパフォーマンスやユーザビリティの問題を素早く調べることができる。

サイト上でテストを実行し、モバイル端末とデスクトップ端末のそれぞれにスコアを割り当てて結果を表示します。

このスコアは4つのカテゴリーに分けられている：

1. パフォーマンス
2. アクセシビリティ
3. ベストプラクティス
4. SEO

また、コアウェブバイタルのテストも行います。コアウェブバイタルとは、Googleがウェブサイトの全体的なユーザーエクスペリエンスに不可欠であると考えている一連のウェブサイトパフォーマンス指標です。

テストを実行すると、最初は言葉が専門的に聞こえるかもしれません。しかし、それぞれの問題を解決するためのヒントとともに、これらのコンセプトを初心者にやさしいキーワードで説明しているリソースへのリンクもあります。

Googleのコアウェブバイタルにサイトを最適化する方法についてのガイドもお読みください。

Googleサーチコンソール

PageSpeed Insightsは、URLを素早く調べるのに便利なツールだ。

しかし、手動でテストを実行する必要があり、具体的にテストしてみないと、サイトのどのページに問題があるのかわかりません。

このプロセスを自動化し、ユーザビリティに問題のあるページを素早く見つけ、新たな問題が検出されたらアラートを受け取ることができたらどうでしょうか？

そこでGoogle Search Consoleの出番だ。

Googleが提供する無料のツールで、自分のサイトが検索でどのような評価を受けているかを確認したいサイト管理者のためのものである。

ユーザーエクスペリエンスは、検索ランキングに欠かせない指標である。そのため、Googleはユーザビリティの問題が検出された場合、サイトオーナーに警告を発したいと考えている。

まず、Google Search Consoleにアクセスし、あなたのサイトをプロパティとして追加する必要があります。手順については、Google Search Consoleにサイトを追加する方法のチュートリアルをご覧ください。

サイトを追加してから、Googleがデータを収集し、レポートを表示し始めるまで、しばらく時間がかかる場合があります。

その後、「エクスペリエンス」セクションでサイトのパフォーマンスとユーザビリティのレポートが表示されます。

各レポートをクリックしてドリルダウンし、ユーザビリティの問題が検出されたページを見つけることができます。

例えば、このデモサイトでは、「モバイル・ユーザビリティ」のセクションで4つのページに問題が見つかりました。

それぞれの行をクリックすると、問題が検出された正確なページを見つけることができます。

また、Google Search Consoleは、クロールやユーザビリティの問題が新たに検出された場合、メールでアラートします。

ユーザビリティやクロールの問題以外にも、Google Search Consoleは貴重なデータの宝庫です。さらに詳しく知りたい方は、Google Search Consoleを使ってトラフィックを増やすための専門家のヒントを ご覧ください。

ステップ3：パフォーマンスの悪いページを見つける

自動化ツールは、多くの問題を発見するのに役立ちます。しかし、それらは完璧ではなく、多くの一般的なUXの問題を特定できないかもしれません。

小規模なサイトであれば、各ページを回って自分で手作業で見直すこともできる。しかし、ほとんどの中規模から大規模のサイトでは、これを手作業で行うのは不可能だ。

では、どうやってUXの悪いページを見つけるのか？

これらのページを見つける簡単な方法の一つは、MonsterInsightsを使用することです。MonsterInsightsはGoogleアナリティクスのプラグインで、ユーザーがどこから来て、どのようにサイトとやりとりしているのかを知ることができます。

まず、MonsterInsightsプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法のチュートリアルをご覧ください。

有効化した場合、プラグインはセットアップウィザードを実行し、WordPressとGoogleアナリティクスアカウントの接続を支援します。

詳しくは、WordPressにGoogleアナリティクスをインストールする方法のチュートリアルをご覧ください。

接続が完了すると、MonsterInsightsはサイト訪問者のトラッキングを開始します。

次に、コンバージョンを簡単に追跡できるようにプラグインを設定する必要があります。

eコマースのコンバージョントラッキングの有効化

WordPressサイトでeコマースプラットフォームを使用している場合、MonsterInsightsを使用すると簡単にコンバージョンを追跡することができます。

Google アナリティクスには拡張eコマーストラッキングが搭載されており、WooCommerce、Easy Digital Downloads、MemberPressなど、ほとんどのeコマースサイトに対応しています。

ただし、あなたのサイトでは手動で有効化する必要があります。

まず、WordPress管理画面のInsights ” Addonsページにアクセスし、eコマースアドオンをインストールして有効化します。

次に、Googleアナリティクスアカウントで拡張eコマーストラッキングを有効化する必要があります。Google アナリティクスのダッシュボードにアクセスし、サイトを選択します。

ここから、左下にある「管理者」ボタンをクリックする。

次の画面では、Googleアナリティクスのさまざまな設定が表示されます。

表示」カラムの下にある「eコマース設定」リンクをクリックします。

次の画面で、’Enable Ecommerce’ と ‘Enable Enhanced Ecommerce Reporting’ オプションの横にあるトグルをオンにします。

終わったら「保存」ボタンをクリックするのをお忘れなく。

コンバージョンの低いページにUXの問題がないかチェックする

コンバージョン率の低さ、お買い物カゴの放棄、直帰率の高さの主な原因のひとつは、ユーザーエクスペリエンスの低さです。

MonsterInsightsでコンバージョントラッキングレポートを表示し、コンバージョン率が低いページや直帰率が高いページを見つけることができます。

WordPressの管理エリアにあるInsights ” Reportsページにアクセスし、「eコマース」タブに切り替えるだけです。

ここから、パフォーマンスの高い商品とコンバージョンソースの概要を見ることができます。

詳細レポートについては、Googleアナリティクスアカウントに切り替えて、エンゲージメント ” ページと画面タブに移動する必要があります。

ここから、コンバージョン率でページをソートして、コンバージョンが最も少ないページを見ることができます。

Google アナリティクスを使えば、直帰率の高いページ、滞在時間の短いページなどをトラッキングすることもできます。

その他のコンバージョントラッキングオプションについては、WordPressのコンバージョントラッキングに関する完全ガイドをご覧ください。フォームコンバージョンやアフィリエイトリンクコンバージョンなどをトラッキングする方法も紹介しています。

ステップ4：ユーザーからのフィードバックを求める

ご覧のように、多くのUX監査活動には、有効化したツール、分析レポート、手動テストが含まれます。

UX監査の要点は、ユーザー体験を改善することです。では、なぜユーザーの意見を聞かないのでしょうか？

ユーザーからのフィードバックを求めることで、あなたのサイトについて実際の訪問者から正確な意見を得ることができます。具体的な問題を見つけ、より簡単に修正することができます。

そこでUserFeedbackの出番です。市場で最高のWordPressユーザーフィードバックプラグインです。

注： UserFeedback Liteという無料のプラグインもありますので、お試しください。プラグインのポテンシャルを最大限に引き出すには、Proバージョンへのアップグレードをお勧めします。

UserFeedbackを使えば、サイト上でアンケートを素早く実施し、ユーザーからのフィードバックを収集することができます。また、適切なタイミングで適切なユーザーにアンケートを表示することもできます。

例えば、コンバージョン数の少ないページのユーザーにアンケートを表示したり、モバイル端末のユーザーにフィードバックフォームを表示したりすることができます。

詳しくはUserFeedbackの投稿をご覧ください。

ステップ5：サイトスピードとパフォーマンスの最適化

サイトスピードはユーザーエクスペリエンスの大きな寄稿者です。サイトが遅いとUXが低下し、ユーザーが先に進まず、コンテンツにアクセスできなくなります。

PageSpeed InsightsやCore Web Vitalsなど、先ほど紹介したツールは、サイトのパフォーマンスを評価するのに役立ちます。

しかし、MonsterInsightsを使用している場合は、WordPressの管理エリア内でサイトのスピードテストを実行することもできます。

インサイト ” レポート” ページに移動し、”サイトスピード” タブを開きます。

このレポートは、PageSpeed Insightsと同じテストを実行し、レポートを表示します。また、サイトのパフォーマンスを向上させるための実用的なヒントを与える.

パフォーマンスとスピードの問題の解決

ほとんどのパフォーマンスの問題を解決する最も簡単な方法は、WordPressのキャッシュプラグインをインストールすることです。

市場で最高のWordPressキャッシュプラグインであるWP Rocketの使用をお勧めします。技術的なことを学ぶことなく、WordPressサイトを簡単に最適化することができます。

まず、WP Rocketプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法のチュートリアルをご覧ください。

有効化した時点で、WP Rocketはあなたのサイトのコンテンツのキャッシュを開始します。

ユーザーがサイトを訪問したときにキャッシュを生成する他のキャッシュプラグインとは異なり、WP Rocketはバックグラウンドで自動的にキャッシュの作成を開始します。

つまり、新規ユーザーがサイトにアクセスすると、キャッシュされたバージョンが表示され、より速く読み込まれ、ユーザーエクスペリエンスが向上します。

さらに詳しくは、WP Rocketのセットアップに関するチュートリアルをお読みください。

キャッシュを使用してもサイトの速度がすぐに改善されない場合は、WordPress の速度とパフォーマンスに関する完全ガイドに従うことをお勧めします。このガイドには、サイトの速度を最適化する方法が段階的に説明されています。

ステップ6：サイトナビゲーションの評価

ユーザーは、サイトにナビゲーションメニューがあり、欲しい情報を見つけるのに必要なリンクがあることを期待しています。

時々、サイトにナビゲーションメニューがなく、ユーザーが目的のページにたどり着けないことがあります。これはユーザーエクスペリエンスの低下につながり、訪問者は他のサイトを試して去ってしまうかもしれません。

サイトには、ユーザーをサイトの重要なエリアに案内するわかりやすいナビゲーションメニューがあることを確認する必要があります。

サイトのヘッダーやナビゲーションメニューに検索バーを追加することで、ユーザーエクスペリエンスを向上させることもできます。ユーザーがリンクをすぐに見つけられない場合、サイト内で検索してみることができます。

しかし、WordPressの初期設定の検索はあまり良くない。

代わりに、SearchWPの使用をお勧めします。市場で最高のWordPress検索プラグインであり、あなたのサイトの検索体験を素早く改善します。

SearchWPは、カスタムフィールド、eコマース属性、カスタムテーブル、カテゴリー、タグなど、サイト上のあらゆるものを検索可能にします。

まず、SearchWPプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のチュートリアルをご覧ください。

有効化したら、SearchWP ” Algorithm ページにアクセスし、’Engines’ タブに切り替える必要があります。

ここから、投稿、ページ、メディアセクションにスクロールして、異なるコンテンツタイプの検索エンジン設定を調整することができます。

ここでは、サイト上で検索可能な属性を選択することができます。また、関連性も選択できます。

保存』ボタンをクリックして設定を保存するのをお忘れなく。

SearchWPは、初期設定のWordPress検索機能を独自のカスタム検索エンジンに置き換えます。

詳しくは、SearchWPでWordPressの検索を改善する方法のチュートリアルをご覧ください。

ステップ7：コンバージョン要素をテストする

多くの場合、ユーザー・エクスペリエンスの低下はコンバージョン経路の終点で引き起こされる。

例えば、ユーザーが リードキャプチャフォームを送信しようとしているにもかかわらず、何かがそれを妨げているとします。

幸いなことに、スプリットテストを実施したり、サイトの要素を手動でテストしたりすることで、問題を特定して修正することができる。

A/Bスプリットテストを実施してUXの問題を把握する

コンバージョン要素をテストする簡単な方法は、A/Bスプリットテストを実行することです。

A/Bスプリットテストでは、わずかな違いのある2つ以上のバージョンのページを作成することができます。そして、ユーザーにランダムに異なるバージョンを表示します。

そして、その結果を比較することで、ユーザーの間でどのページのバリエーションが最もパフォーマンスが高かったかを知ることができます。

WordPressサイトでこれらのテストを実行する最も簡単な方法は、Thrive Optimizeを使用することです。Thrive Optimizeを使えば、WordPressサイトでA/Bテストを素早く作成し、実行することができます。

詳細については、私たちの完全なスライブテーマのレビューを参照してください。

まず、Thrive Optimizeプラグインをインストールして有効化する必要があります。プラグインはThrive Architect と一緒に購入するか、Thrive Suiteのバンドルで入手することができます。

次に、Thrive Product Managerプラグインをサイトにインストールして有効化します。Thrive Themesサイトのアカウントダッシュボードからダウンロードできます。

プラグインを有効化したら、WordPress管理エリアのProduct Managerページに移動する必要があります。

次に、Thrive OptimizeとThrive Architect製品の下にある「製品をインストールする」ボックスをチェックする必要があります。

その後、「選択した製品をインストール」ボタンをクリックして続行します。

プラグインをインストールした後、投稿日/ページを作成または編集し、上部にある’Launch Thrive Architect’ボタンをクリックします。

ページの編集方法を選択するポップアップが表示されます。

テーマテンプレートを使って通常のページとして、またはカスタムテンプレートを使ってランディングページとして編集することができます。

ビルトインされたランディングページを選択した場合、テンプレートを選択するよう求められます。

Thrive Architectには、様々なニッチに対応した数十種類の美しいテンプレートが用意されています。

その後、Thrive Architectのページビルダーでページを編集できるようになります。

直感的なデザインツールで、任意の要素をポイント＆クリックして編集したり、「+」ボタンをクリックして新しい要素を挿入することができます。

ページの編集が終了したら、「作業を保存」ボタンをクリックして変更内容を保存することを忘れないでください。

その後、右カラムの「A/B」ボタンをクリックし、新規A/Bテストを作成する。

A/Bテストを実施するには、少なくとも2つのバージョンのページが必要です。

次の画面で、新しいバリエーションを追加ボタンをクリックして、ランディングページの新しいバージョンを作成します。

これで新しいバリエーションが作成され、Thrive Architectを使って編集を始めることができます。

前のバージョンよりもうまくいくと思うページに変更を加える。

その後、’Save Work’ボタンをクリックして変更を保存し、再度’A/B’ボタンをクリックするだけです。

各ページのバリエーションに送りたいトラフィックの量を選択し、上部にある「Set Up & Start A/Bテスト」ボタンをクリックします。

A/Bテストの設定を行うポップアップが表示されます。

テストにタイトルと説明をつける必要があります。その後、自動勝者設定をオンにし、勝者になるためのバリエーションの必須条件を設定することができます。

Next（次へ）」ボタンをクリックして進みます。

最後に、テストのゴールを選択するよう求められます。例えば、商品ページであれば、「収益」を選択します。

最後に、’Start A/B Test’ボタンをクリックしてセットアップを完了する。

Thrive Optimizeは2つのバリエーションのページをユーザーに表示し始め、ページ上でのユーザーのインタラクションをトラッキングします。

Thrive ダッシュボード ” Thrive Optimizeページにアクセスすると、いつでもテスト結果を表示できます。

テスト期間が終了すると、どのページがコンバージョンやテスト中に設定した目標に対してより良い結果を出したかを確認することができます。そして、サイトのUXを改善するために変更を加えることができます。

詳しくは、WordPressサイトでA/Bテストを実行する方法のガイドをご覧ください。

コンバージョン要素を手動でテストする

多くの場合、すべてのページに対してA/Bスプリットテストを実施することはできないかもしれません。幸いなことに、ページ上のコンバージョン要素が機能しているかどうかをテストする他の方法があります。

ウェブサイトのオーナーは、ウェブサイトの静的な表現を見ているだけで、実際のユーザーが行うようなインタラクションを行っていないことが多い。そのため、多くのインタラクティブな失敗が長い間気づかれないのです。

このような場合、手作業が必要になります。コンバージョンを完了させるために、できるだけユーザーの旅を模倣することができます。

例えば、eコマースストアを運営している場合、ユーザーが通常ランディングするページから始めることができます。その後、商品ページを見て、お買い物カゴに項目を追加し、購入手続きを行います。

UX監査では、フォーム、お買い物カゴの機能、購入手続きをすべて、顧客のように操作してテストする必要があります。

さらに、これらの要素をモバイルとデスクトップの両方の環境でテストすることもお忘れなく。

ステップ8：ユーザーフローをテストしてボトルネックを見つける

ユーザーフローとは、サイト内でのカスタマーの移動経路のことです。ユーザーは通常、何かを購入したりフォームを送信したりするまで、サイトのさまざまなエリアへ予測可能な経路をたどります。

ユーザーフローをトラッキングする最良の方法は、MonsterInsightsを使用することです。MonsterInsightsにはUser Journeyアドオンが付属しており、カスタマイザーがサイト内をどのようなページや商品を見て、どのくらいの時間滞在したかなど、カスタマイザーのサイト内移動の全ステップを確認することができます。

MonsterInsightsプラグインをインストールして有効化するだけです。

注意:ユーザージャーニーアドオンを使用するには、少なくともプラグインのProプランが必要です。

MonsterInsightsをセットアップした後、Insights ” Addonsページに移動する必要があります。ここからUser Journeyアドオンを探し、インストールして有効化する。

次に、eコマースアドオンをインストールして有効化する必要があります。これは、WooCommerce、Easy Digital Downloads、MemberPressなどのWordPress用の人気のあるeコマースプラットフォームでカスタマージャーニーをトラッキングするのに役立ちます。

これで、MonsterInsightsは個々の注文のユーザージャーニーを表示します。例えば、WooCommerceで、WooCommerce ” 注文ページに行き、個々の注文をクリックすることができます。

注文の詳細ページで、MonsterInsightsユーザージャーニーのセクションまでスクロールダウンしてください。

これは、あなたのサイト上のすべてのユーザー・インタラクションを、その時間と時間と共に表示します。

詳しくはWooCommerceでカスタマートラッキングを有効化する方法をご覧ください。

eコマースプラットフォームを使用していない場合でも、WordPressフォームのユーザージャーニーをトラッキングすることができます。

もしあなたがWPFormsを使ってリードを獲得しているのであれば、ユーザーがどのような経路をたどってフォームを送信したかをトラッキングすることができます。

コンバージョンエレメントと同様に、サイトの他のエリアもユーザーの流れを乱し、ユーザーが顧客になるまでの道のりをブロックしてしまう可能性があります。

Google アナリティクスでユーザー経路を手動で評価し、ユーザーの旅がどこで突然終わるかを確認する必要があります。また、ユーザーパスをシミュレートして、ユーザーが先に進むことを妨げているユーザビリティの問題があるかどうかを確認することもできます。

ステップ9：サイトコンテンツの質を評価する

ユーザー体験の良し悪しを生み出すのは、視覚的要素だけではない。

ウェブサイトのコンテンツは、ユーザーにWordPressブログやウェブサイトに滞在してもらい、サイト内を見て回ってもらうために重要な権限グループを担っています。また、検索エンジンがコンテンツを見つけやすくなり、より多くの訪問者をサイトに送り込むことができます。

サイトの完全なSEO監査を行い、SEOのためにコンテンツを最適化することをお勧めします。

そのためには、All In One SEO for WordPressが必要です。検索順位とユーザーエクスペリエンスのためにコンテンツを簡単に改善できる、市場で最高のWordPress SEOプラグインです。

All In One SEOには、ビルトインSEO分析、見出しアナライザー、サイト全体のSEO監査ツールが搭載されています。これらの機能はすべて、コンテンツの品質と発見しやすさを向上させるのに役立ちます。

コンテンツの評価も必要です。例えば、あるページのランキングやコンバージョンが良くないのであれば、役に立つコンテンツを追加して、より包括的なページにすることを検討する。

詳しくは、WordPressのコンテンツ崩壊を修正する方法をご覧ください。

コンテンツにスペルミスや文法ミスがないかチェックすることもお忘れなく。これらはあなたのサイトをプロフェッショナルでないように見せ、悪いユーザーエクスペリエンスを生み出す可能性があります。

Grammarlyの使用をお勧めします。AIを搭載した最高のライティングツールで、スペルミスや文法ミスを自動的に修正してくれます。

Grammarlyには、スペルチェックと文法チェックができる永久無料プランもあります。しかし、より強力な機能をアンロックするには有料プランを購入することをお勧めします。

この投稿が、WordPressサイトのUX監査の方法についてご理解いただく一助となれば幸いです。また、サイトのSEO監査の方法や、専門家が選ぶサイトを成長させる最高のメールマーケティングサービスもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.