モバイル対応チェッカー
ページの viewport、レスポンシブデザインのシグナル、モバイルでの基本的な使いやすさをチェックします。
モバイル対応チェッカーについて
Google はモバイルファーストインデックスを採用しており、ページのモバイル版をクロールしてランク付けします。文字が小さい、横スクロールが必要、パソコン用レイアウトが縮小表示されるなど、スマートフォンで使いにくいページは訪問者と順位を失います。
このツールはスマートフォンとしてページを取得し、モバイルでの使いやすさを左右するシグナルを調べます：viewport タグ、レスポンシブな CSS メディアクエリ、横スクロールを生む固定幅の要素、ブラウザプラグイン、小さすぎる文字、レスポンシブ画像です。Google は 2023 年に自社のモバイルフレンドリーテストを終了したため、こうしたチェックと Chrome DevTools の Lighthouse が、モバイル対応を確認する手段になっています。
よくある質問
モバイルファーストインデックスとは？
Google がインデックスとランキングに主にページのモバイル版を使う仕組みです。モバイル版にないコンテンツやリンクは、Google に認識されない可能性があります。
どの viewport タグを使うべきですか？
<meta name="viewport" content="width=device-width, initial-scale=1"> を使い、ズームを無効にしないでください。
タップ領域はどれくらいの大きさにすべきですか？
最低 48 × 48 CSS ピクセルで、適度な間隔を空けます。ボタンやリンクを隣と間違えずにタップできるようにしましょう。