モバイルフレンドリーとは?SEOとの関係性もご紹介!のアイキャッチ画像

SEO

更新日: 2024/11/22

モバイルフレンドリーとは?SEOとの関係性もご紹介!

character_balloon

ブルーちゃん、クライアントから「モバイルフレンドリーってなに?」って質問来てるんだけど、、。

あー...SEOに関係のある話だから私の範囲だね

character_balloon
character_balloon

質問の回答よろしくね!

(解説はするけど、メールの返信は向き合いのイエローにして欲しいなぁ...)

character_balloon

モバイルフレンドリーとは?SEOとの関係性は?

モバイルフレンドリーとは?SEOとの関係性もご紹介!の画像_2枚目
character_balloon

モバイルフレンドリーとは、2015年4月21日にGoogleが実装した「スマートフォン向けにも対応したサイトは、PC向けだけのページよりも上位に表示するアルゴリズム」のことを指す

character_balloon

だから、今の時代に上位表示をするなら、スマートフォン向けの対応が必須なんだよね

なぜモバイルフレンドリーにすべきなのかの背景を解説!

モバイルフレンドリーとは?SEOとの関係性もご紹介!の画像_4枚目

なんでモバイルフレンドリーっていうアルゴリズムがGoogle検索の順位表示に導入されたの??

character_balloon
character_balloon

モバイルフレンドリーが導入された理由は、昔はGoogle検索の利用者はPCばかりだったんだけど、スマートフォンで検索するユーザーが増えてきたからだねー

character_balloon

2021年のLINE株式会社の調査では、PCだけ利用するユーザーは全体の2%しかいないと出てる

character_balloon

あと、Googleは昔から、検索するユーザーの体験を高めるように検索結果の順位を変えてきてるんだよね

character_balloon

だから、スマートフォンユーザーが増えたから、モバイルフレンドリーとして、スマートフォン表示に対応しているページを優遇するのは必然だよねー

へぇ〜、Googleって世の中の動向に合わせて細かく検索順位を変えてるんだね!

character_balloon

モバイルフレンドリーの確認には”モバイルフレンドリーテスト”を活用!

モバイルフレンドリーとは?SEOとの関係性もご紹介!の画像_6枚目
character_balloon

今のサイトがモバイルフレンドリーなのかどうかは、Googleが提供しているモバイルフレンドリーテストができるこのサイトを使えば、URL単位で調べることができる

Google公式で、モバイルフレンドリーなのかどうかが分かるのね!すごい!

character_balloon
character_balloon

実際のページがGoogleからどういう判定をされているのかや、どこが悪いのかの指摘もあるから、もしもダメだった場合は参考にして修正するといいかもね

モバイルフレンドリーの対応方法

character_balloon

モバイルフレンドリーの対応方法は、3つあるけど、よく使われる2つの方法を紹介するよ

1.レスポンシブWebデザイン

character_balloon

まず1つ目は、レスポンシブWebデザインに対応することだね

character_balloon

レスポンシブWebデザインっていうのは、ページが表示されている横幅のサイズがPCサイズなのかスマートフォンサイズなのかで、ページの表示を切り替えることなんだよ

character_balloon

例えば、旅行サイトの「KLIMA」だと、下の画像はPC表示で、

モバイルフレンドリーとは?SEOとの関係性もご紹介!の画像_11枚目
character_balloon

同じページをスマートフォンで確認すると下の画像のように表示されるんだ

モバイルフレンドリーとは?SEOとの関係性もご紹介!の画像_12枚目
character_balloon

だからレスポンシブWebデザインが導入されていれば、モバイルフレンドリーであるって言えるねー

2.ダイナミックサービング

character_balloon

もう1つのモバイルフレンドリーの対応方法は、ダイナミックサービングっていう、ユーザーがどのデバイスでアクセスしたのかを判別して、ページの表示を切り替える手法だね

character_balloon

とはいえ、やっぱり最近の主流はレスポンシブWebデザインだから、モバイルフレンドリーに対応するにはレスポンシブWebデザイン対応する必要があるって覚えておけばいいかな

モバイルフレンドリーのまとめ

character_balloon

最後にモバイルフレンドリーについてまとめるね

まとめ

◆モバイルフレンドリーとは、「スマートフォン向けにも対応したサイトは、PC向けだけのページよりも上位に表示するアルゴリズム」のことのこと


モバイルフレンドリーテストにて、ページ単位でモバイルフレンドリーなのかどうかを確認できる


◆モバイルフレンドリーの対応方法は、レスポンシブWebデザインで「表示されるサイズによって、PCとスマートフォンで分ける」ことで対応可能

character_balloon

うん、こんな感じかな?

すごい分かりやすかったよ!ありがとねブルーちゃん!

character_balloon

その調子でクライアントの対応もよろしくね!!

character_balloon
character_balloon

うぇぇ...めんどくさい、、。

最新の記事一覧
最新の記事一覧