スマートフォンでWebサイトを開いたとき、文字が小さくて読めなかったり、画面を横に動かさないと内容が見えなかったりした経験はありませんか。
モバイルフレンドリーとは、スマートフォンなどの小さな画面でも使いやすい状態のことです。SEOとの関係を理解するには、「検索順位」と「Googleがページの内容を読み取れるか」を分けて考える必要があります。
モバイルフレンドリーとは
モバイルフレンドリーなページは、画面の幅に合わせて内容が表示され、文字やリンクを無理なく読んだり操作したりできます。
たとえば、パソコン用の幅のまま表示されるページでは、文章を読むたびに拡大や横スクロールが必要です。リンク同士が近すぎると、別のページを押し間違えることもあります。
確認するときは、次の点を見てみましょう。
- 文字を拡大しなくても読めるか
- 文章や画像が画面からはみ出していないか
- メニューやボタンを指で押しやすいか
- 申し込みや問い合わせを最後まで操作できるか
見た目だけでなく、読者が目的の操作を完了できるかが大切です。
モバイルフレンドリーはSEOにどう関係する？
Googleは、スマートフォンで使いやすいページを作ることを推奨しています。ただし、スマホ対応をしただけで検索順位が上がる、と考えるのは正確ではありません。検索結果では、ページの内容や検索語句との関連性など、さまざまな点が考慮されます。
特に知っておきたいのが、モバイルファーストインデックスです。Googleは主にスマートフォン向けの表示を確認し、その内容を検索結果への登録やランキングに使用します。
これは「スマホで見やすければ上位になる」という意味ではありません。パソコンには載っている重要な文章やリンクをスマホ版だけで省くと、Googleがその情報を読み取れなくなる可能性があります。
自分のWebサイトを確認する方法
まずは実際のスマートフォンで、トップページだけでなく記事や問い合わせページも開いてみましょう。端末によって表示が違うこともあるため、可能なら画面幅の異なる端末でも確認します。
ページを開いたら、文章を読む、メニューを使う、ボタンを押すところまで試してください。運営者が普段使うパソコン画面だけでは、押しにくい箇所を見落としがちです。
表示速度が気になる場合は、Googleの「PageSpeed Insights」にURLを入力し、「携帯電話」の結果を確認できます。ただし、速度の点数だけで使いやすさは判断できません。実機での読みやすさや操作のしやすさも一緒に見てください。
なお、以前使われていたGoogleの「モバイルフレンドリーテスト」とSearch Consoleの「モバイルユーザビリティ」レポートは、2023年に提供を終了しています。古い手順を紹介する記事には注意しましょう。
問題が見つかったら何から直す？
最初に、読者が内容を読めない・操作できない箇所を優先します。たとえば、文字が極端に小さい、横スクロールが必要、問い合わせボタンが押せない、といった問題です。
サイト全体がパソコン用の表示になっている場合は、画面幅に応じてレイアウトを調整する「レスポンシブデザイン」を検討します。Googleも、管理しやすい方法としてレスポンシブデザインを推奨しています。
一方、特定のページだけ画像や表がはみ出すなら、その部分から修正できます。テーマやレイアウトを大きく変更する前に、どのページの何が使いにくいのかを確かめましょう。
WordPressのテーマを変更する場合は、見た目以外の設定にも影響することがあります。変更前にバックアップを取り、確認用の環境で試すと安心です。
まとめ
モバイルフレンドリーとは、スマートフォンでも読みやすく、操作しやすいことです。SEOでは、スマホ対応だけで順位が決まるわけではありません。ただし、Googleがスマホ版の内容を主に使用するため、重要な情報が欠けていないかも確認する必要があります。
まずは自分のスマートフォンで主要なページを開き、読む・移動する・問い合わせるという操作を試してみてください。
コメント