SEO・WEB用語
モバイルフレンドリー
モバイルフレンドリーテスト
モバイルフレンドリーテストとは、
ホームページが、スマホなどのモバイル端末で「読みやすいか」「使いやすいか」などを判定する
グーグルが提供するテストです。
テスト方法は、以下のようになります。
まず、↓のURLをクリック（タッチ）して開きます。
https://search.google.com/test/mobile-friendly?hl=ja
テストするウェブページのURLを入力して、「URLをテスト」をクリックします。
すると、約1分ほどで結果が表示されます。↓（「合格」の場合）
「不合格」場合は↓のように表示されます。
「不合格」の場合、「モバイルフレンドリーではありません」と赤字で表示され、
その下に、不合格となった項目に が示されますので、
これをチェックして改善することが必要となります。
各項目の改善方法
クリック可能な要素同士が近すぎます
文字リンクやボタンリンクが縦に配置されている場合、リンク同士が近すぎるとNGとなります。
スマホでは、指でタッチして操作しますので、近すぎると意図したリンクとは別のリンクが作動してしまうからです。
リンク同士の間隔を広げる改善を行います。
テキストが小さすぎて読めません
テキスト文字の大きさは、15～16px（ピクセル）が適正と考えられています。
12pxより小さく設定されていて、「テキストが小さすぎて読めません」と警告が出た場合は、
文字の大きさ指定を変える必要があります。
通常、この警告が出るのは、
パソコン表示用のウェブページだけしかなく、スマホ等で見たときに非常に小さく表示されて「見えない」状態の場合が多いですので、この場合は、
- モバイル対応のウェブページを作成する
- レスポンシブデザインで新しいホームページを作成する
のどちらかを早急に行う必要があります。
ビューポートが設定されていません
ビューポート（表示領域）の設定がされていないと、
スマホで見たときに読めないほど小さく表示されたり、
スマホ画面からはみ出して表示されたりします。
解決方法は「テキストが小さすぎて読めません」と同様、
- モバイル対応のウェブページを作成する
- レスポンシブデザインで新しいホームページを作成する
のどちらかを早急に行う必要があります。
コンテンツの幅が画面の幅を超えています
- 表示している画像の大きさが適正に規定されていない
- 画像自体に何らかの処理が埋め込まれている
- ボタンリンクの文字数が多くてスマホの画面の横にはしている
などが考えられますので、これらをチェックして修正してください。
これらの処理が終わりましたら、
- グーグルSearchConsoleのモバイルユーザビリティー「問題の修正」をクリック
- サイトマップを送信する
を行って検索エンジンの巡回を促してください。
モバイルユーザービリティエラーの「誤送信」について
グーグルのサーチコンソールから「モバイルユーザービリティエラー」というメールが送信された場合、
まずは全ページの「モバイルフレンドリーテスト」を行ってください。
それで問題がない場合は、ロボットによる誤送信の可能性が高いです。
テストがOKの場合、そのままにしておいても、
後日、エラー表示は消えています。
モバイルフレンドリーテストはなぜ重要？
モバイルフレンドリーであることは、検索順位に大きな影響があります。
検索エンジンは今、
検索順位を決定する情報を「モバイル情報のみ」に切り替えています。
（パソコン版のウェブページの情報は考慮されなくなります）
つまり、モバイル表示用のウェブページ情報が、検索順位を決める対象となります。
（パソコンで検索したときの順位も、これに順じます）
そして、「モバイルフレンドリーであること」は、検索で上位表示するための「前提条件」となっています。
ぜひ、「モバイルフレンドリーテスト」を行い、ご自分の運営するサイトをチェックし、
問題があるようでしたら、これまで見てきた方法で改善してくださいね。
また、これからホームページ制作をお考えの場合は
「レスポンシブデザイン?」をお勧めいたします。
【関連ページ】