あなたは本当にモバイルフレンドリーですか? ツールとモバイル速度、モバイル SEO、モバイル ユーザーの行動をテストする対象
ほとんどのマーケティング業界の専門家は、快適なデスクトップと見栄えの良い大型ディスプレイからサイトをデザインして公開していますが、Web サイトへの訪問者の大部分はモバイル デバイスからアクセスしている (またはアクセスしている可能性がある) 可能性があります。 ウェブサイトとランディング ページがモバイル フレンドリーであることを確認するために時間を割かないと、主にモバイル検索エンジンからのインバウンド マーケティング活動に大きなギャップが生じる可能性があります。 また、あなたが e コマース サイトであれば、間違いなく コンバージョン率への直接的な影響.
Google 検索はモバイル ファーストです。
全世界の Web トラフィックの 58.16% がモバイル デバイスから発信されています。 Google はモバイル検索エンジン市場シェアの 93.68% を占めており、モバイル デバイスはオーガニック検索訪問の 63% を占めています。
モバイル検索の割合
Google では、サイトがモバイル フレンドリーかどうかを判断する要素ごとに特定のしきい値を提供していません。 ただし、サイトがモバイル デバイス向けに最適化され、Google のモバイル フレンドリー基準を満たしていることを確認するために、ウェブサイトの所有者が従うことができる特定のガイドラインとベスト プラクティスがあります。 各要素の一般的なガイドラインを次に示します。
- レスポンシブデザイン: サイトは使用する必要があります 応答設計 さまざまな画面サイズと解像度に確実に適応するための技術。 これは、サイトに固定幅の要素を含めたり、水平スクロールに依存してコンテンツを表示したりしてはならないことを意味します。
- モバイルフレンドリーなナビゲーション: デスクトップ コンピューターでは、通常、ナビゲーション メニューは画面の上部または左側に表示され、ユーザーはサイトのさまざまなセクションに簡単にアクセスできます。 ただし、モバイル デバイスでは画面サイズがはるかに小さいため、同じように大きなメニューを表示するのは困難です。 モバイル ユーザーのナビゲーションを容易にするために、モバイル フレンドリー ナビゲーションには通常、次の設計機能の一部またはすべてが含まれています。
- ハンバーガーメニュー: ハンバーガー メニューは、XNUMX 本の水平線で構成される小さなアイコンで、クリックまたはタップすると完全なメニューに展開されます。 このデザインは画面上のスペースを節約し、ユーザーがメニューに簡単にアクセスできるようにします。
- ドロップダウン メニュー: ドロップダウン メニューは、サブメニューや追加オプションを表示するために、モバイル フレンドリーなナビゲーションでよく使用されます。 ユーザーがメニュー項目をタップすると、利用可能なオプションを含むドロップダウン メニューが表示されます。
- 固定ナビゲーション: スティッキー ナビゲーションでは、ユーザーがページを下にスクロールしても、ナビゲーション メニューが画面に表示されたままになります。 これにより、ユーザーはページの上部までスクロールしなくても、いつでも簡単にメニューにアクセスできます。
- 簡素化されたメニュー構造: 通常、モバイル対応のナビゲーション メニューは構造が単純化されており、デスクトップ メニューよりもオプションが少なくなっています。 これにより、ユーザーは探しているものを見つけやすくなり、画面が乱雑になります。
- フォントサイズ: サイトのテキストは、モバイル デバイスでズームしなくても読める大きさにする必要があります。 Google では、本文のフォント サイズを 16 ピクセル以上にすることを推奨しています。
- コンテンツのレイアウト: コンテンツは、モバイル デバイスで読みやすいように構成し、さまざまな要素の間に十分な間隔を空ける必要があります。 これには、読みやすいフォントの使用、テキストの大きなブロックの回避、コンテンツの小さなセクションへの分割が含まれます。
- タッチフレンドリーなボタンとリンク: サイトのボタンとリンクは、指で簡単にクリックできるように、十分な大きさと間隔をあけて配置する必要があります。 Google では、タッチ ターゲットの最小サイズを 48 ピクセルにすることを推奨しています。
- ページの読み込み速度: サイトはすばやく読み込まれる必要があります モバイル デバイスでは、読み込み速度が遅いとユーザー エクスペリエンスに悪影響を与える可能性があるためです。 Google では、モバイル サイトの読み込み時間を XNUMX 秒未満にすることを推奨しています。
- モバイルデバイスとの互換性: サイトは、さまざまな種類のモバイル デバイスやモバイル オペレーティング システムで適切に機能するように設計する必要があります。 これには、標準に準拠したコードの使用、Flash の回避、さまざまなデバイスやプラットフォームでのサイトのテストが含まれます。
これらのガイドラインを満たしているからといって、サイトが Google によって 100% モバイル フレンドリーであると見なされるとは限らないことに注意してください。 モバイル フレンドリー テストでは、サイトが Google のモバイル フレンドリー基準を満たしているかどうかを評価し、改善のための提案を提供します。
モバイルの行動は画面サイズだけではない
間の動作の違いを理解することが重要です。 各プラットフォームに最適化され、ポジティブなユーザー エクスペリエンスを提供する Web サイトを設計するためのモバイルおよびデスクトップ ユーザー. モバイル ユーザーとデスクトップ ユーザーの主な動作の違いを次に示します。
- 画面サイズ: モバイル デバイスの画面は小さいため、コンテンツを読んだりナビゲートしたりするのが難しくなる可能性があります。 その結果、モバイル ユーザーは、小さな画面でも読みやすい、よりシンプルで簡潔なコンテンツを好む傾向があります。
- タッチとクリック: デスクトップ ユーザーは通常、マウスまたはトラックパッドを使用してサイトをナビゲートしますが、モバイル ユーザーは指を使用してタップおよびスワイプします。 これは、特にボタンとリンクのサイズ、配置、および間隔に関して、サイトのデザインに影響を与える可能性があります。
- ブラウジング コンテキスト: モバイル ユーザーは外出先でブラウジングすることが多く、短時間のアクティビティでブラウジングを行っていますが、デスクトップ ユーザーはより長い時間サイトに滞在する可能性が高くなります。 これは、重要な情報への迅速なアクセスに重点を置いたモバイル コンテンツなど、各プラットフォームで最も効果的なコンテンツの種類に影響を与える可能性があります。
- 検索行動: モバイル ユーザーは、音声検索を行ったり、検索エンジンを使用して地元の企業やサービスを見つけたりする傾向があります。 これは、モバイル フレンドリーな SEO 戦略が焦点を当てる必要があることを意味します。 ローカル検索の最適化、音声検索、強調スニペット。
- 変換率: モバイル ユーザーは、デスクトップ ユーザーよりもコンバージョン率が低くなる可能性があります。これは、画面サイズが小さく、移動中のブラウジングにより、複雑なフォームやトランザクションを完了するのが難しくなる可能性があるためです。 つまり、モバイル サイトでは、変換プロセスを簡素化し、必要な手順を減らすことに注力する必要があります。
モバイル フレンドリーな分析を使用してモバイル ユーザーの行動と意図を組み込むことはできませんが、これらを使用して、サイトが少なくともモバイルでの表示用に最適化されていることを確認できます。
モバイルフレンドリーは速度を意味します
モバイルの帯域幅は改善され続けていますが、それでもほとんどのデスクトップほど高速ではないことを覚えておくことが重要です。 訪問者の大部分がモバイル デバイスからサイトにアクセスするため、速度は重要な要素です。 それも不思議ではない ランキング要因 モバイル検索の速度は、サイトのページ速度に大きく影響されます。
- 最初のバイトまでの時間 (TTFB): これは、サーバーがリクエストに応答してデータの返送を開始する速度を測定します。 高速な TTFB は、インターネット接続が遅いモバイル ユーザーにとって重要です。
- レンダリングをブロックするリソース: これは、読み込まれるまでページのレンダリングをブロックするリソース (JavaScript や CSS など) を指します。 これにより、特にインターネット接続が遅いモバイル デバイスでは、ページの読み込み速度が遅くなる可能性があります。
- 画像の最適化: 画像は大きな影響を与える可能性があります ページ読み込み時間 モバイル デバイスで。 PageSpeed Insights は、画像がモバイル デバイス用に適切に圧縮およびスケーリングされているかどうかを確認します。
- スクロールせずに見えるコンテンツ: スクロールせずに見えるコンテンツとは、ページを下にスクロールしなくても表示されるコンテンツを指します。 PageSpeed Insights は、スクロールせずに見えるコンテンツが優先され、すばやく読み込まれるかどうかをチェックして、より高速でスムーズなユーザー エクスペリエンスを提供します。
- モバイルユーザビリティ: PageSpeed Insights は、タッチ要素が近すぎる、フォント サイズが小さすぎてモバイル デバイスで読めないなど、モバイル ユーザビリティの問題もチェックします。
- サーバーの応答時間: これは、サーバーがリクエスト (画像や CSS ファイルなどのアセットのリクエストを含む) に応答する速さを測定します。 サーバーの応答時間が遅いと、モバイル ユーザーのページの読み込み時間に大きな影響を与える可能性があります。
モバイルフレンドリーなテストツールは、サイトの速度パフォーマンスに関する詳細を提供するという詳細な仕事をします.
モバイルフレンドリーなテストツール
これに関する XNUMX つのメモ… クライアントの設計に一貫してこれらのツールを使用している間、すべての問題を修正することは事実上不可能であることがわかりました。 とはいえ、私のクライアントはモバイル検索とコンバージョンで非常に優れた成果を上げています。 これらのプラットフォームを使用して 最適化します モバイル ユーザーの場合と同じようにできますが、これはクライアントのサイトがどのテストでも完全に (または完全に近い) スコアを付けているという意味ではありません。
モバイル デバイスでのテストに関する私の推奨事項は XNUMX つあります。
- ページのスピード – サイトの速度とパフォーマンスを測定します。
- モバイルブラウザ – モバイル デバイス全体でのブラウザ テストにより、要素が重なり合っておらず、指から画面への操作との相互作用に適した間隔とサイズになっていることを確認します。
- モバイルSEO – あなたのサイトがモバイル検索エンジンでどの程度ランキングされているかを観察および追跡し、競合他社の分析を行って、ランキングを上げるために何をする必要があるかを理解します。
- ユーザーの行動 –分析を監視し、セッション記録ソフトウェアを展開して、モバイルユーザーがサイトとどのようにやり取りしているかを監視します.
こちらのリストです モバイルフレンドリーなテストツール 入手可能:
- ラムダテスト – 実際のオペレーティング システムで実行されている 3000 以上の実際のモバイルおよびデスクトップ ブラウザーで、パブリックまたはローカルでホストされている Web サイトおよび Web アプリのインタラクティブなクロスブラウザー テストをライブで実行します。 幅広い Windows および Mac オペレーティング システムと、すべてのレガシーおよび最新のブラウザーから選択できます。 また、Android および iOS モバイル オペレーティング システムを搭載した最新のモバイル ブラウザーで Web サイトまたは Web アプリをテストします。
- Googleモバイルフレンドリーテスト – Google が提供する無料のツールで、ウェブサイトの所有者は、自分のサイトが Google のモバイル フレンドリー基準を満たしているかどうかをテストできます。 このツールは Web サイトを分析し、モバイル フレンドリーかどうかに関するフィードバックと、改善のための提案を提供します。 ページ速度の問題については、利用することもできます GoogleのPage Speed Insights.
- Bing モバイル フレンドリー テスト – Microsft が提供する非常にシンプルで無料のツールで、Web サイトの所有者がモバイル ユーザー インターフェイスをすばやくテストできます (UI) モバイルでの表示と操作に最適化されていることを確認してください。
- サイトチェッカー – について書いてきました Sitechecker の驚異的な監査 能力はすでに。 すべての監査には、モバイル対応の問題のリストが付属しています。 また、最適化しようとしているモバイル検索のキーワードでのランキングを経時的に追跡することもできます。
- マイクロソフトクラリティ – 実際の人々がサイトを実際にどのように使用しているかをキャプチャする無料の使いやすいツール. Clarity を使用すると、モバイル ユーザーをセグメント化できます。 ヒートマップを表示し、ユーザー セッションを観察して、モバイル ユーザーの操作に関する問題を特定できます。