SEOとは?SEO対策で上位表示する効果的な施策と事例
SEO対策
2024.11.01
2019.10.29
2024.07.12
総務省の発表によると、2020年の世帯におけるスマートフォンの保有割合は86.8%で、パソコンの70.1%を上回っています。
この記事では、今回はますます重要になるモバイルフレンドリーについて、基礎知識から具体的な対策方法までを解説します。
関連記事:SEOとは?Googleの評価基準や検索順位を上げる方法を解説
モバイルフレンドリーとは、スマートフォンやタブレットなどのモバイルデバイスにおけるWebサイトの表示・操作が最適化されている状態を指します。
PC版のページがそのままスマートフォンの画面に表示されると、文字が小さすぎたり、重くて読み込み速度が遅くなったりして、モバイルユーザーにとってストレスフルなものとなります。このような状態を改善し、モバイルユーザーの利便性が向上した状態がモバイルフレンドリーな状態です。
モバイルフレンドリーと混同しがちなものに、モバイルファーストインデックス(MFI)があります。少し紛らわしいですがこの2つは別物です。
モバイルファーストインデックスとは、GoogleがWebページをインデックスする際にモバイル向けコンテンツを主軸に評価するシステムのことを指します。つまり、
ということになります。
Googleは2015年に、モバイルフレンドリーであるかどうかをSEO評価の一つにする(モバイルフレンドリーアップデート)と公言しました。これは、モバイルフレンドリーなWebサイトの掲載順位が、そうではないサイトよりも引き上げられる可能性があることを意味します。
モバイル端末からインターネットを利用するユーザーが増えている現在、モバイルユーザーにとって読みやすく使いやすいWebサイトが求められているということは、誰でも予想がつくでしょう。
SEOで高い評価を得るなら、モバイルフレンドリーに対応したサイトが重要になるのです。
モバイルフレンドリーであるかを評価するための定量的な指標として、PageSpeed Insightsスコアがあります。これらの指標を定期的にモニタリングし、改善点を特定することで、Webサイトのユーザビリティを維持・向上させることが可能です。
PageSpeed Insightsはページ速度のパフォーマンスを測定することができるツールです。スコアを確認したいWebサイトやWebページのURLを貼り付け、分析ボタンを押すだけで、無料で測定できます。
Google Chromeの拡張機能「Lighthouse」でも、ワンクリックでPageSpeed Insightsのスコア測定が可能ですので、お好みのものをお使いください。
ここで評価されるのは、以下の6つの指標です。
6のうち、上3つのLCP・INP・CLSは、コアウェブバイタルとして特にユーザー体験に直結する重要な指標として位置づけられています。
関連記事:【WEB担当者必見】PageSpeed Insightsを使ってサイトの表示速度を改善しよう!
上記のコアウェブバイタル指標は、Google Search Consoleでも確認ができます。Google Search Consoleにアクセスし、メニューバーにある「ユーザーエクスペリエンス」という項目からチェックしてみてください。
以前はモバイルフレンドリーであるか否かをチェックできる公式のテストツールがありましたが、Googleは2023年12月に提供終了しました。
2023 年 12 月時点で、モバイル フレンドリー テストとモバイル ユーザビリティ レポートの提供は終了しています。
ただし、Google検索でのランキングを決定する上で、モバイルユーザビリティが重要でないから提供を終了したわけではありません。このテストツール以外にも、現在はPageSpeedInsightをはじめ、モバイル ユーザビリティを評価するツールが多く登場しているため、お役御免になったといえるでしょう。
サイトをモバイルフレンドリーに対応させるためには、次の3つの方法があります。
ダイナミックサービングタイプとは、URLはPCもモバイルも共通です。しかし、ユーザーエージェントという機能によって立ち上げ時にモバイル専用のファイルを呼び起こす形式になっています。
セパレートタイプは、PCとモバイルのページURLを分けるタイプです。そのため、同じ内容のページに対して二つのURLができてしまうので、クローラーに正しく認識されるため、それぞれのURLにアノテーション設定することが重要となります。
Googleが推奨する対応方法がこのレスポンシブWebデザインです。Google が推奨する理由としては、この方法が唯一ファイルも URLもどちらもPCとスマートフォンで同じというところにあります。 またこの方法は、管理・制作という視点から、サイト制作者にとっても効率的な対策方法となります。
モバイルフレンドリーに対応する際に、避けておきたい3つのミスを解説します。
1つ目は、モバイルフレンドリーに対応したWebサイトを構築したことで満足してしまい、サイトを利用するモバイルユーザーの存在を忘れてしまうケースです。
モバイルに対応したアウトラインの構築だけでなく、訪れてくれるユーザーの役に立つコンテンツを作成したりして、ユーザーにとって有益なサイトを目指しましょう。
2つ目は、PCサイトとは別のドメインやサブドメイン、またサブディレクトリをモバイルサイトに実装してしまうケースです。別のドメインやサブドメインを実装してしまうと、PCサイトとモバイルサイトを別々のURLで管理することになり、2サイト分の手間が発生してしまいます。
管理にかかる手間や労力が増えるほか、技術的な問題が発生する可能性もあるため、レスポンシブデザインを採用したりして、サイト運営の省力化を目指しましょう。
ちなみに、レスポンシブデザインとは、PCやモバイルに合わせて、ページのデザインやレイアウトを最適化させる仕組みのことです。業務効率の改善を期待できることから、Googleが推奨している仕組みの1つになります。
技術的な問題ではありませんが、モバイルフレンドリーを導入する際に、周囲からヒントを得ずに孤立してしまうケースが3つ目の避けたいミスです。
特に、技術者1人でモバイルフレンドリーを新しく導入しようとすれば、技術者に大きな負担がかかってしまいます。
同僚や上司といった仲間に助けを求めるのはもちろん、同じ分野の他サイトや競合他社を参考に、自社サイトに合った方法がないか探してみるのがおすすめです。
Webサイトはますますモバイルフレンドリーであることが求められています。 ユーザーにとってもGoogleの評価にとっても重要なモバイルフレンドリー。 これを機にもう一度サイトを確認してみましょう。