SEO

SEOのトレンド、モバイルファーストインデックス対策の方法と注意点

モバイルファーストインデックスとは、スマートフォンにてWEBサイトを閲覧するユーザーが増えたことから導入されたGoogleの施策です。
SEOではよく耳にする言葉ですが、

急にサーチコンソールに「モバイルファーストインデックスが有効になっている」というメッセージがきた。
モバイルファーストインデックスが導入されたら何が変わるかわからない。
モバイルファーストインデックスへの対応方法は?デザインはどうしたらいいの?

上記のような悩みがある方が多いのではないでしょうか。

この記事では導入された背景や影響を解説していきます。また、モバイルファーストインデックスへの対応方法もまとめているので参考にしてみてください。

モバイルファーストインデックスとは

モバイルファーストインデックスとは、クローラーがサイトやページの情報をインデックスする際にスマートフォン用などモバイルサイトをメインにインデックスするという施策です。

これを理解するには、検索エンジンの仕組みの理解が必要になります。
簡単に説明すると、検索エンジンで検索し検索結果が表示されるのは次の手順があった上でできています。

①検索エンジン(Googleなど)のクローラーと呼ばれるロボットがサイトを巡回し記録(インデックス)します。
②巡回して得た記録(インデックス)をアルゴリズムと言われる仕組みがページの質の高さや利便性などを基準に評価します。
③評価をもとに検索クエリごとに検索結果の順位が決まります。

上記の①の手順の「クローラーが巡回し記録する際にモバイルサイトを優先的に行う」というのがモバイルファーストインデックスとなります。

以前のインデックスの方式

モバイルファーストインデックスの導入以前は、PCサイトをもとにインデックスされていました。つまり、モバイルサイトは評価の際にメインとはされていませんでした。そのため、スマートフォンユーザーが検索した際にコンテンツは良いが、利便性が低いサイトが上位に表示されることもありました。

現在のインデックスの方式

現在のインデックスの方式は先ほどから書いているようにモバイルサイトを優先的にインデックスする「モバイルファーストインデックス」です。これは新しいインデックス方式が追加されたのではなく、インデックスの方式がモバイルファーストインデックスという方法に移行したというのが正しい認識です。しかし、PCサイトが評価の対象から外れたわけではなく、あくまでもメインがモバイルサイトになるという変更です。しかし、PCサイトにのみある重要なコンテンツは評価の対象から外されます。

モバイルファーストインデックスのポイント

モバイルファーストインデックスについて詳しく説明してきましたが、まとめるとポイントは2つです。押さえておきましょう。

・PCページとモバイルページどちらも保有している場合、モバイルページの内容を優先的に評価する。
・PCページ、モバイルページでコンテンツが異なる場合、PCページにある重要なコンテンツは評価されなくなる。

なぜモバイルファーストインデックスが開始されたのか

そもそもなぜモバイルファーストインデックスが導入されたかというと、お分かりの通りスマートフォンの普及です。以前は、パソコンで検索や閲覧するユーザーがほとんどでした。しかし、現在ではLINE社の調査によると、ネット利用環境はスマートフォンのみのアクセスが46%、スマートフォンとPCどちらが39%、PCのみが6%でのアクセスであることが分かっています。この94%がスマートフォンでネットを利用しているという現状を踏まえ、Googleはユーザーがより使いやすい、つまり多くのユーザーが利用しているスマートフォンやタブレットに適用したページを優先的に評価の対象とするという方向転換を決定したのです。

モバイルファーストインデックスの現状

2018年3月27日、モバイルファーストインデックスに移行されました。しかし、すべてのサイトを対象に一斉にスタートではなく、徐々に対象サイトが増えていくという移行方法です。移行はページ単位ではなくサイト単位で行われ、インデックスの方式がモバイルファーストインデックスに移行したサイトは以下のような内容でサーチコンソールにて通知されます。

「モバイルファーストインデックスが有効になっているため、スマートフォン用Googlebotのログでサイトのトラフィックが増加している可能性があります。またモバイル版のコンテンツからGoogle検索結果のスニペットが生成されるようになることもあります。」

モバイルファーストインデックスへの移行による影響

今後ますます対象サイトが増えるであろうモバイルファーストインデックス。移行すると、検索順位やSEOにはどのように影響が出るのかを理解しておく必要があります。主な影響は以下の通りです。

起こりうる影響

モバイルファーストインデックスが導入されることにより、ユーザーの利便性は高くなり、モバイル端末に対応していないサイトは掲載順位に影響がある可能性があります。具体的には以下のような影響があります。

コンテンツ数減少による評価及び掲載順位の低下

モバイルサイトに対応していないことは、掲載順位の低下に直結はしません。スマートフォンなどモバイルサイトではコンテンツを絞っている場合、モバイルファーストインデックスによってモバイルサイトのみされるので、評価されるコンテンツが減少します。サイトやページの評価が下がる可能性があります。そして、競合のページがモバイルサイトに対応しており、コンテンツの評価の自社と変わらない場合、競合より掲載順位が下がってしまうことがあります。

検索結果のURLの変化

PCユーザーにはPC用のURL、モバイルユーザーにはモバイル用のURLが検索結果に表示されます。ただし、先ほども書いたようにインデックスされるコンテンツはモバイルページです。

クロール数の変化

モバイルファーストインデックスへ移行すると、1日にクロールされるURLの数は変更はありません。ただし、ほとんどがモバイルページのクロールに変化します。また、モバイルファーストインデックスに移行する場合には全てが際インデックスされるため一時出来ですがクロールが多くなる可能性があります。

悪い影響を受けやすいサイト

まず、モバイルファーストインデックスによって評価及び掲載順位の低下などの悪い影響が見込まれるサイトがあります。以下のサイトは要注意です。

モバイルサイトを開設していないサイト

インデックスされないということはありませんが、競合サイトがモバイルサイトに適応していた場合、掲載順位が下がる可能性があります。

主要ページのみスマホに対応している(モバイルサイトでのコンテンツを省略している)サイト

モバイルサイトがインデックスの優先となるため、評価の際のサイトのコンテンツが大幅に減る可能性があります。

対応方法:やるべきこと4選

モバイルファーストインデックスに行こうとなった場合、評価を下げないために対応しておくべきことがあります。以下に対応することで、モバイルに対応していないことによる評価の低下がなく、サイトのコンテンツが正当に評価されるようになります。ポイントを押さえて対応しましょう。

①コンテンツ量の差を無くす

PCページとモバイルページのコンテンツに大幅な差がある場合は、竿の差を無くすようにしましょう。これにより評価されるコンテンツの減少を防ぎます。

②モバイルフレンドリーテスト

Googleが無料で提供しているモバイルフレンドリーテストを行うことです。ページのURLを入力することでスマートフォンなどのモバイル端末での表示に最適化しているかどうかチェックすることができます。

モバイルフレンドリーテスト

③デザインのチェック

モバイル端末で表示された際にデザインが利便性を下げてしまっている可能性があるので確認しましょう。確認方法は、自分でモバイル端末を開いてみる方法、及び先ほどのモバイルフレンドリーチェックです。デザインの中でも注目すべきポイントは以下の点です。

レスポンシブデザイン

レスポンシブデザインとは、規定の数値ではなくデバイスのサイズに合わせて見やすい表示がされるデザインのことです。この場合、PCページとモバイルサイトを作り分ける必要がありません。そのため、PCpレージトモバイルページでコンテンツが異なったり減ってしまうことがありません。Googleが推奨しているデザインとなります。

コンテンツの幅

コンテンツの幅がデバイスの幅を超えてしまうと、ユーザーは横のスクロールをする必要があり、利便性が低くなってしまいます。逆に幅が狭いと、コンテンツが小さく表示されているため見にくくなってしまいます。デバイスに合わせたコンテンツの幅を設定しましょう。

テキストの大きさ

PCページであれば見やすいサイズでもモバイルページだと見にくい可能性があります。デバイスの大きさ、コンテンツの大きさに合わせた文字サイズを設定しましょう。

クリックのしやすさ

指で画面をタッチして操作するモバイル端末はPCに比べて、クリックの要素同士が近すぎると意図しないリンクなどをクリックしてしまう可能性があります。クリックできる要素同士は、近づけすぎずにレイアウトしましょう。

アコーディオンコンテンツ

PCページではアコーディオンコンテンツはインデックスされなかったり、重要度が下がっていることがあります。しかし、モバイルページではUXのためであるため、評価の対象となります。

④構造化データ

PCページと同様にモバイルページにも構造化データマークアップが行われている必要があります。

モバイルファーストインデックスの認識の注意点

モバイルファーストインデックスばかりに注目しているとSEOにおいて大事な点を見失う可能性があります。以下の点は誤解され流こともある注意点です。

とはいえコンテンツの質が重要

モバイルサイトを保有し、デザインや構造的にモバイル端末にとって利便性が高いからだけで検索順位が上がるわけではありません。Googleも検索クエリへの関連性の高く、質の高い記事はモバイル端末への適用がなされていなくてもユーザーに表示すると発表しています。
サイトの利便性を上げるのはモバイルファーストインデックスへの移行にあたって重要ですが、それだけでなくコンテンツの最適化も行いましょう。

Speed Updateとの関係

Speed Updateは2018年7月に導入されたページ速度を検索順位の決定要因の一つにするという変更です。よくモバイルファーストインデックスと関係があるように誤解されてしまいますが、無関係です。しかし、ページが素早く表示されることはユーザーにとって重要であり、モバイルページはPCページに比べて遅い傾向があるとGoogleは言及しています。

まとめ

今回は、モバイルファーストインデックスについて影響や対応方法をお伝えしました。モバイルユーザーが多い現状に対応し、モバイルページを優先的にインデックスをするという方向転換のことをモバイルファーストインデックスと言います。順次サイト単位で導入されており、モバイル端末に対応していないサイトは結果的に掲載順位が下がる可能性があります。今回紹介したページのデザインや構成についての対応方法を実施してみてください。ただし、モバイルユーザーにとって使いやすいだけでは顕斎順位は上昇しません。コンテンツの質が何よりの掲載順位に影響を与える要因です。コンテンツの14つを図るとともに、モバイル端末に対応することでコンテンツが正当に評価されるようにしましょう。

ピックアップ記事

  1. SEOのトレンド、モバイルファーストインデックス対策の方法と注意点
  2. https化(常時SLL化)によるSEOの効果・メリットについて
  3. 初心者が知っておきたいwebマーケティングの専門用語を解説!
  4. 今さらきけないコンテンツSEOとは?施策のポイントや手順まとめ
  5. 適したタイトルタグの文字数とは?SEOで注意すべきについて</a> </li> </ol> </div> <div id="related_post"> <h3 class="headline">関連記事</h3> <ol class="clearfix"> <li class="clearfix num1"> <a class="image" href="https://min-web.com/twitter-business-account/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_43445885_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_43445885_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_43445885_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_43445885_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/ad-marketing/twitter/" style="background-color:#222222;">Twitter</a></p> <h4 class="title"><a href="https://min-web.com/twitter-business-account/" name="">Twitterのビジネスアカウントは必要?注意点と活用法を紹介</a></h4> <p class="excerpt">スマートフォンが普及されたことでSNSの利用者は増加傾向にあります。そ…</p> </div> </li> <li class="clearfix num2"> <a class="image" href="https://min-web.com/seo-duplicate-content/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/02/pixta_43390104_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/02/pixta_43390104_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/02/pixta_43390104_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/02/pixta_43390104_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/ad-marketing/seo/" style="background-color:#222222;">SEO</a></p> <h4 class="title"><a href="https://min-web.com/seo-duplicate-content/" name="">SEOに悪影響、重複コンテンツが起こりやすいケースと対処法まとめ</a></h4> <p class="excerpt">SEOの上で考えておかなければならないことが「重複コンテンツ」です。重…</p> </div> </li> <li class="clearfix num3"> <a class="image" href="https://min-web.com/webmarketing-words/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/03/pixta_22386491_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/03/pixta_22386491_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/03/pixta_22386491_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/03/pixta_22386491_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/ad-marketing/web-marketing/" style="background-color:#222222;">Webマーケティング</a></p> <h4 class="title"><a href="https://min-web.com/webmarketing-words/" name="">初心者が知っておきたいwebマーケティングの専門用語を解説!</a></h4> <p class="excerpt">知識がなきにも関わらず、webマーケティングを始めることになってしまっ…</p> </div> </li> <li class="clearfix num4"> <a class="image" href="https://min-web.com/seo-panda-penguin/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/02/pixta_25231594_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/02/pixta_25231594_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/02/pixta_25231594_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/02/pixta_25231594_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/ad-marketing/seo/" style="background-color:#222222;">SEO</a></p> <h4 class="title"><a href="https://min-web.com/seo-panda-penguin/" name="">SEOにおけるパンダアップデートとペンギンアップデートの特徴・違い</a></h4> <p class="excerpt">パンダアップデートやペンギンアップデート、これらは可愛い名前が付いてい…</p> </div> </li> <li class="clearfix num5"> <a class="image" href="https://min-web.com/seo-effect-of-linked/"><img src="https://min-web.com/wp-content/themes/mag_tcd036/img/common/no_image1.gif" alt="" title="" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/ad-marketing/seo/" style="background-color:#222222;">SEO</a></p> <h4 class="title"><a href="https://min-web.com/seo-effect-of-linked/" name="">被リンクはSEOに意味がある?効果的な被リンクの増やし方</a></h4> <p class="excerpt">SEOの施策で耳にすることがある「被リンクを集めれば検索順位が上がる」…</p> </div> </li> <li class="clearfix num6"> <a class="image" href="https://min-web.com/seo-how-search-engines-work/"><img width="200" height="200" src="https://min-web.com/wp-content/uploads/2019/02/pixta_32879868_M-200x200.jpg" class="attachment-size1 size-size1 wp-post-image" alt="" srcset="https://min-web.com/wp-content/uploads/2019/02/pixta_32879868_M-200x200.jpg 200w, https://min-web.com/wp-content/uploads/2019/02/pixta_32879868_M-150x150.jpg 150w, https://min-web.com/wp-content/uploads/2019/02/pixta_32879868_M-120x120.jpg 120w" sizes="(max-width: 200px) 100vw, 200px" /></a> <div class="desc"> <p class="category"><a href="https://min-web.com/category/ad-marketing/seo/" style="background-color:#222222;">SEO</a></p> <h4 class="title"><a href="https://min-web.com/seo-how-search-engines-work/" name="">SEOの仕組みとは?検索エンジンの仕組みと順位の決まり方</a></h4> <p class="excerpt">WEBマーケティングでよく耳にするSEOというワード。検索結果で自分の…</p> </div> </li> </ol> </div> <h3 id="comment_headline">コメント</h3> <div id="comment_header"> <ul class="clearfix"> <li id="comment_switch" class="comment_switch_active"><a href="javascript:void(0);">コメント ( 0 )</a></li> <li id="trackback_switch"><a href="javascript:void(0);">トラックバック ( 0 )</a></li> </ul> </div><!-- END #comment_header --> <div id="comments"> <div id="comment_area"> <!-- start commnet --> <ol class="commentlist"> <li class="comment"> <div class="comment-content"><p class="no_comment">この記事へのコメントはありません。</p></div> </li> </ol> <!-- comments END --> </div><!-- #comment-list END --> <div id="trackback_area"> <!-- start trackback --> <ol class="commentlist"> <li class="comment"><div class="comment-content"><p class="no_comment">この記事へのトラックバックはありません。</p></div></li> </ol> <div id="trackback_url_area"> <label for="trackback_url">トラックバック URL</label> <input type="text" name="trackback_url" id="trackback_url" size="60" value="https://min-web.com/seo-mobile-first-index/trackback/" readonly="readonly" onfocus="this.select()" /> </div> <!-- trackback end --> </div><!-- #trackbacklist END --> <fieldset class="comment_form_wrapper" id="respond"> <div id="cancel_comment_reply"><a rel="nofollow" id="cancel-comment-reply-link" href="/seo-mobile-first-index/#respond" style="display:none;">返信をキャンセルする。</a></div> <form action="https://min-web.com/wp-comments-post.php" method="post" id="commentform"> <div id="guest_info"> <div id="guest_name"><label for="author"><span>名前</span>( 必須 )</label><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' /></div> <div id="guest_email"><label for="email"><span>E-MAIL</span>( 必須 ) - 公開されません -</label><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' /></div> <div id="guest_url"><label for="url"><span>URL</span></label><input type="text" name="url" id="url" value="" size="22" tabindex="3" /></div> </div> <div id="comment_textarea"> <textarea name="comment" id="comment" cols="50" rows="10" tabindex="4"></textarea> </div> <div id="submit_comment_wrapper"> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="593426310e" /></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="182"/></p> <input name="submit" type="submit" id="submit_comment" tabindex="5" value="コメントを書く" title="コメントを書く" alt="コメントを書く" /> </div> <div id="input_hidden_field"> <input type='hidden' name='comment_post_ID' value='180' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div> </form> </fieldset><!-- #comment-form-area END --> </div><!-- #comment end --> <!-- banner2 --> </div><!-- END #main_col --> </div><!-- END #main_contents --> <p id="copyright">Copyright ©  <a href="https://min-web.com/">ミンウェブ -みんな使えるWeb活用術</a> All rights reserved.</p> <div id="return_top"> <a href="#header_top"><span>PAGE TOP</span></a> </div> <!-- facebook share button code --> <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <script type='text/javascript' src='https://min-web.com/wp-includes/js/comment-reply.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://min-web.com/wp-includes/js/wp-embed.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://min-web.com/wp-content/plugins/akismet/_inc/form.js?ver=4.1'></script> </body> </html>