モバイルトラフィックが主流である今日、「モバイルファースト」のアプローチはもはや選択肢ではなく必須です。Googleも2021年からモバイルファーストインデックスを使用しています。つまり、ウェブサイトをデスクトップ版ではなく、モバイル版で評価するようになっています。
Googleのツール
Google Search Consoleの「モバイルユーザビリティ」レポートには、サイトでモバイルに関する問題が発生しているページがリストアップされます。Googleの「モバイルフレンドリーテスト」（search.google.com/test/mobile-friendly）は、単一URLの迅速な分析を提供します。PageSpeed Insightsは、デスクトップとモバイルのスコアを個別に表示します。
Chrome DevToolsによるテスト
F12キーでDevToolsを開き、「Toggle device toolbar」（Ctrl+Shift+M）でデバイスのシミュレーションに切り替えます。iPhone、iPad、Pixelなどの実際のデバイスサイズを選択します。スロットリング（Throttling）機能を使用して、低速なネットワーク環境をシミュレートします。この無料ツールは、最も包括的なモバイルテスト環境です。
実機テスト
シミュレーションだけでは十分ではありません。異なるOS、ブラウザ、画面サイズでの実機テストが不可欠です。BrowserStackやLambdaTestなどのツールを使用すると、クラウドベースで何百ものデバイスでの测试が可能になります。最低限必要な環境：iPhone（Safari）、Android（Chrome）、タブレット。
チェックリスト
ボタンは指で押しやすい大きさですか？（最小44x44px）小さな画面でもフォントは読みやすいですか？（本文は最小16px）横スクロールは発生していませんか？（発生させてはいけません）モバイルでフォームは使いやすいですか？画像がはみ出ていませんか？モバイルでポップアップを閉じることができますか？