モバイルフレンドリー（スマホ最適化）とは？SEOへの影響や対応方法を解説

総務省の発表によると、2020年の世帯におけるスマートフォンの保有割合は86.8％で、パソコンの70.1%を上回っています。

この記事では、今回はますます重要になるモバイルフレンドリーについて、基礎知識から具体的な対策方法までを解説します。

関連記事：SEOとは？Googleの評価基準や検索順位を上げる方法を解説

モバイルフレンドリーとは？

モバイルフレンドリーとは、スマートフォンやタブレットなどのモバイルデバイスにおけるWebサイトの表示・操作が最適化されている状態を指します。

PC版のページがそのままスマートフォンの画面に表示されると、文字が小さすぎたり、重くて読み込み速度が遅くなったりして、モバイルユーザーにとってストレスフルなものとなります。このような状態を改善し、モバイルユーザーの利便性が向上した状態がモバイルフレンドリーな状態です。

モバイルファーストインデックス（MFI）との違い

モバイルフレンドリーと混同しがちなものに、モバイルファーストインデックス（MFI）があります。少し紛らわしいですがこの２つは別物です。

モバイルファーストインデックスとは、GoogleがWebページをインデックスする際にモバイル向けコンテンツを主軸に評価するシステムのことを指します。つまり、

• モバイルファーストインデックス→クローリングプロセスに紐づくもの
• モバイルフレンドリー→ユーザーランキングプロセス（その中でも特にユーザーエクスペリエンス）に紐づくもの

ということになります。

関連記事：モバイルファーストインデックス（MFI）とは？

モバイルフレンドリー対応によるSEOへの影響

Googleは2015年に、モバイルフレンドリーであるかどうかをSEO評価の一つにする（モバイルフレンドリーアップデート）と公言しました。これは、モバイルフレンドリーなWebサイトの掲載順位が、そうではないサイトよりも引き上げられる可能性があることを意味します。

モバイル端末からインターネットを利用するユーザーが増えている現在、モバイルユーザーにとって読みやすく使いやすいWebサイトが求められているということは、誰でも予想がつくでしょう。

SEOで高い評価を得るなら、モバイルフレンドリーに対応したサイトが重要になるのです。

現在のあなたのサイトはモバイルフレンドリー？

モバイルフレンドリーであるかを評価するための定量的な指標として、PageSpeed Insightsスコアがあります。これらの指標を定期的にモニタリングし、改善点を特定することで、Webサイトのユーザビリティを維持・向上させることが可能です。

PageSpeed Insightsで確認する方法

PageSpeed Insightsはページ速度のパフォーマンスを測定することができるツールです。スコアを確認したいWebサイトやWebページのURLを貼り付け、分析ボタンを押すだけで、無料で測定できます。

Google Chromeの拡張機能「Lighthouse」でも、ワンクリックでPageSpeed Insightsのスコア測定が可能ですので、お好みのものをお使いください。

ここで評価されるのは、以下の6つの指標です。

• LCP（Largest Contentful Paint)：ページの読み込み速度
• INP（Interaction to Next Paint)：インタラクティブな部分が応答するまでの平均時間
• CLS（Cumulative Layout Shift)：視覚的な安定性
• FCP（First Contentful Paint)：最初のコンテンツが表示されるまでの時間
• FID（First Input Delay)：最初の入力から応答までの時間
• TTFB（Time to First Byte)：ユーザーがリクエストを送信してから、最初のデータがブラウザに到着するまでの時間

6のうち、上3つのLCP・INP・CLSは、コアウェブバイタルとして特にユーザー体験に直結する重要な指標として位置づけられています。

関連記事：【WEB担当者必見】PageSpeed Insightsを使ってサイトの表示速度を改善しよう！

Googleサーチコンソールで確認する方法

上記のコアウェブバイタル指標は、Google Search Consoleでも確認ができます。Google Search Consoleにアクセスし、メニューバーにある「ユーザーエクスペリエンス」という項目からチェックしてみてください。

注意：モバイルフレンドリーテストツールは提供終了

以前はモバイルフレンドリーであるか否かをチェックできる公式のテストツールがありましたが、Googleは2023年12月に提供終了しました。

2023 年 12 月時点で、モバイル フレンドリー テストとモバイル ユーザビリティ レポートの提供は終了しています。

引用：Google検索セントラルブログ

ただし、Google検索でのランキングを決定する上で、モバイルユーザビリティが重要でないから提供を終了したわけではありません。このテストツール以外にも、現在はPageSpeedInsightをはじめ、モバイル ユーザビリティを評価するツールが多く登場しているため、お役御免になったといえるでしょう。

モバイルフレンドリーに対応させるGoogleおすすめの方法

サイトをモバイルフレンドリーに対応させるためには、次の３つの方法があります。

ダイナミックサービングタイプ

ダイナミックサービングタイプとは、URLはPCもモバイルも共通です。しかし、ユーザーエージェントという機能によって立ち上げ時にモバイル専用のファイルを呼び起こす形式になっています。

セパレートタイプ

セパレートタイプは、PCとモバイルのページURLを分けるタイプです。そのため、同じ内容のページに対して二つのURLができてしまうので、クローラーに正しく認識されるため、それぞれのURLにアノテーション設定することが重要となります。

レスポンシブWebデザイン

Googleが推奨する対応方法がこのレスポンシブWebデザインです。Google が推奨する理由としては、この方法が唯一ファイルも URLもどちらもPCとスマートフォンで同じというところにあります。 またこの方法は、管理・制作という視点から、サイト制作者にとっても効率的な対策方法となります。

【公式から】避けたい3つのミス

モバイルフレンドリーに対応する際に、避けておきたい3つのミスを解説します。

モバイルユーザーのために構築したことを忘れてしまう

1つ目は、モバイルフレンドリーに対応したWebサイトを構築したことで満足してしまい、サイトを利用するモバイルユーザーの存在を忘れてしまうケースです。

モバイルに対応したアウトラインの構築だけでなく、訪れてくれるユーザーの役に立つコンテンツを作成したりして、ユーザーにとって有益なサイトを目指しましょう。

別のドメインやサブドメインに実装してしまう

2つ目は、PCサイトとは別のドメインやサブドメイン、またサブディレクトリをモバイルサイトに実装してしまうケースです。別のドメインやサブドメインを実装してしまうと、PCサイトとモバイルサイトを別々のURLで管理することになり、2サイト分の手間が発生してしまいます。

管理にかかる手間や労力が増えるほか、技術的な問題が発生する可能性もあるため、レスポンシブデザインを採用したりして、サイト運営の省力化を目指しましょう。

ちなみに、レスポンシブデザインとは、PCやモバイルに合わせて、ページのデザインやレイアウトを最適化させる仕組みのことです。業務効率の改善を期待できることから、Googleが推奨している仕組みの1つになります。

周囲に助けを求めずに孤立してしまう

技術的な問題ではありませんが、モバイルフレンドリーを導入する際に、周囲からヒントを得ずに孤立してしまうケースが3つ目の避けたいミスです。

特に、技術者1人でモバイルフレンドリーを新しく導入しようとすれば、技術者に大きな負担がかかってしまいます。
同僚や上司といった仲間に助けを求めるのはもちろん、同じ分野の他サイトや競合他社を参考に、自社サイトに合った方法がないか探してみるのがおすすめです。

まとめ

Webサイトはますますモバイルフレンドリーであることが求められています。 ユーザーにとってもGoogleの評価にとっても重要なモバイルフレンドリー。 これを機にもう一度サイトを確認してみましょう。