年間何百ものWebサイトを確認している当社でも、内部施策SEOが完璧にできているというサイトを見たことがありません。内部施策SEOに漏れがあるということは、自分でできることをやっていないということであり、それだけで機会損失を発生させている可能性があります。本書では、ご自身でセルフチェックと修正ができるよう、Googleが推奨する内部施策SEOのうち、重要なポイントをかいつまんでご紹介しております。
モバイルユーザーが増えつつありますが、WEBサイトのモバイル対応は完了していますか？
スマートフォンの普及により、60歳以下のユーザーのWEBサイトを閲覧するためのデバイスでスマートフォンがパソコンを上回りました。
ユーザーの検索方法はマップ検索や画像検索などと増えつつありますが、興味を持ったユーザーがより詳しく調べる方法にWEBサイトの閲覧があります。ほとんどのユーザーがスマートフォンからの閲覧ですが、文字が小さかったり、画面サイズに合っておらず、横にスクロールしなければならなかったりするとユーザーは離脱してしまいます。
このようにせっかく興味を持ってくれたユーザーが離れてしまわないように、モバイルフレンドリー化が必要になります。
本記事ではモバイルフレンドリーについてのご紹介とWEBサイトのモバイルフレンドリーの確認方法や対策についてご紹介いたします。
目次
モバイルフレンドリーとはスマートフォン（モバイル）ページに対するユーザーの利便性を示すものです。スマートフォンユーザーが快適に閲覧できるように、最適化されたWEBサイトをGoogleはモバイルフレンドリーであると判定します。WEBサイトをモバイルフレンドリーにすることを「モバイルフレンドリー化」とも言います。
似た言葉にモバイルファーストインデックス（MFI）という言葉もありますが、モバイルファーストインデックスは検索結果に表示させるためのインデックス対象をパソコン向けページからスマートフォン向けページへ変更するという意味で使われます。
モバイルファーストインデックス（MFI）については下記の記事でご紹介しておりますのでご参考ください。
WEBサイトがスマートフォン対応しているかどうかは重要なポイントです。Googleは2015年4月と2016年5月にモバイルフレンドリーアップデートを行っており、スマートフォン表示での最適化の有無は重要視されるようになりました。
Googleは2016年に先述したモバイルファーストインデックスを導入することを発表し、2018年3月から一部のWEBサイトで反映されるようになりました。また、2019年7月以降には検索エンジンが認識したWEBサイトをモバイルファーストインデックスとするようになり、2020年9月には全てのWEBサイトをモバイルファーストインデックスへ移行する予定と事前アナウンスをしております。
パソコンに比べ、スマートフォンはディスプレイの大きさが小さいという特徴があります。パソコン表示に最適化されていてもスマートフォン表示に最適化されていないページだと、スマートフォンの小さいディスプレイに合わせるように、全体的に縮小された表示になってしまいます。
縮小されただけのページは文字が小さくなったり、読み込みが遅かったりなど、ユーザーにとって見づらいレイアウト、閲覧するだけでストレスがかかってしまうWEBサイトとなり、結果ユーザーが離脱したり、コンバージョンに繋がる可能性も下がったりすることが考えられます。また、今後全てのWEBサイトでモバイルファーストインデックスが適用されたときに、検索順位への悪い影響も考えられます。
ユーザビリティの観点のみならず、検索エンジンのランキング要因にも関わってくることから、モバイルフレンドリー化は急務と言えます。モバイルフレンドリーは、スマートフォンユーザーが使いやすいWEBサイト設計になっていることが重要です。ポイントは以下になります。
以上のポイントを押さえるようにしましょう。次の項目では自分のWEBサイトがこれらのポイントに不備が無いかの確認方法についてご紹介していきます。
こちらでご紹介させていただくツールを活用して、モバイルフレンドリー対策を進めていきましょう。どのツールも無料かつ簡単操作ですのでご安心ください。
Googleが無料で提供しているツールのひとつです。URLを入力して「URLをテスト」ボタンをクリックするだけで簡単にテストをすることができます。
参照元：モバイルフレンドリーテスト
Search Consoleのモバイルユーザビリティレポートから確認することも可能です。
Googleが無料で提供しているページ表示速度チェックツールで操作は簡単です。URLを入力して分析するだけでページを読み込み、PC表示・モバイル表示の表示速度のスコアと改善点を洗い出してくれます。
モバイルフレンドリーに対応するためにはスマホ対応のページ構築が必須です。スマホ対応のページ構築で昨今、代表的なのはレスポンシブウェブデザインです。レスポンシブウェブデザインとは、1つのHTMLファイルでパソコンやスマートフォン、タブレットといったそれぞれのデバイスサイズに合わせて、ページのレイアウトを調整することができるデザインです。
レスポンシブウェブデザインのメリットやデメリットなどを下記記事にてご紹介しておりますのでご参考ください。
他にも1つのURLで 、PCとSPで異なる2つのHTMLファイルをユーザーの端末によって出し分けるダイナミックサービングの構築手法やPCとSPで異なるURLを出し分ける構築方法があります。
次の項目から、そのほかのモバイルフレンドリーに対する改善についてご紹介していきます。
モバイルフレンドリーにするためには、スマホ対応のページを作るだけではなくモバイルフレンドリーの基準を満たしている必要があります。モバイルフレンドリーテストツールで不合格となっている項目を確認し、ユーザーエクスペリエンス（UX）の改善を図りましょう。
詳しくはSearch Consoleヘルプのモバイルフレンドリーテストツールのページも参考になります。
参考元：https://support.google.com/webmasters/answer/6352293
Search Consoleのモバイルユーザビリティでは改善が必要なページと項目が表示されますので、各項目の内容と対策を後述いたします。
Google PageSpeed Insightsを活用して、修正が必要な項目を洗い出してページ速度の改善を行っていき、モバイルフレンドリーに対応させることも改善策のひとつです。
これらの対策・改善方法について詳しくは下記記事にてご紹介しておりますのでご参考ください。
Search Consoleのモバイルユーザビリティレポートは、モバイルフレンドリーテストツールと同じようなユーザビリティエラーを検出し、問題があれば警告としてエラーの表示がされます。エラーが表示されるということは、スマートフォンユーザー体験を低下させている要因が存在するということですので、早めに対応するようにしましょう。放置していると検索順位の下落に繋がる可能性もありますので注意が必要です。
モバイルユーザビリティレポートの確認方法についてご紹介いたします。
確認方法は簡単です。Search Consoleにログインし、サイドメニューの「拡張」に表示されている「モバイルユーザビリティ」を選択することで、モバイルユーザビリティレポートの確認が可能です。
エラー項目が表示されていない場合は、スマートフォンユーザー体験の低下する要因・問題が無いということになります。その場合、現時点では問題ありませんが、定期的にモバイルユーザビリティレポートをチェックして、エラー表示が出た際に適宜対策を行いましょう。
エラー項目を選択すると、上図のように各エラーの対象となるページが一覧で表示されます。詳しく調べたいときや本当に問題があるのかといったことを確認したい場合は、URLを選択し、「ライブページをテスト」をクリックすることで、モバイルフレンドリーテストツールに遷移して確認することができます。
モバイルユーザビリティレポートやモバイルフレンドリーテストツールで表示されるエラーの内容には以下のようなものがあります。
それぞれのエラーの内容と対策を解説していきます。
ページにビューポート（viewport）が設定されていないときに表示されるエラーになります。
パソコンとスマートフォンなどでデバイスの表示域は異なるため、画面の表示域に合わせてページのサイズを調整する必要があります。それぞれのデバイスの表示域に合わせるためにheadタグ内にビューポート（viewport）の指定を行いましょう。
以前は使用されていた「Flash」ですが、現代のスマートフォンやタブレットといったデバイスではほとんどサポートされておらず、ユーザーによっては空白になっています。画像やJavaScriptを使用したFlash以外の方法を採用しましょう。
ページに固定幅のビューポート（viewport）を指定している場合に表示されるエラーになります。固定幅のビューポートを指定していることから異なる画面サイズに合わせるといった調整ができません。レスポンシブウェブデザインを導入することで解消されます。
ページ内のテキストや画像といったコンテンツを閲覧する際に上下ではなく、左右のスクロールが必要となっている場合に表示されるエラーとなります。コンテンツに対して、CSSで横幅の指定に絶対値が指定されている場合に表示されることがあります。CSSで相対的な幅と位置の値を使用し、画像サイズに応じた適切な表示がされるようにすることで解消されます。
テキストのフォントサイズが小さすぎて文字が読めなく（読みづらく）、ユーザーが拡大操作を行わないと読めないといったときに表示されるエラーとなります。ページのビューポートを指定後にフォントサイズを適切に指定することで解消されます。
ページ内のボタンやテキストリンクなど、クリック要素同士が近くなりすぎているとエラーとして表示されます。
対策としては、ボタンやテキストリンクなどのクリック要素のサイズやスペースをスマートフォンユーザーが使いやすいように調整することで解消されます。
モバイルフレンドリーを行うことで、スマホユーザーのユーザビリティ向上が期待できるのでSEO対策につながります。スマホユーザーが増加している現代において、必要な施策であるといえます。
モバイルフレンドリーのテストツールや表示速度が計測できるPageSpeedInsightsのツールを使い、現状のモバイルページに問題があるかを確認しましょう。これらのツールを使うことで、問題点を見つけることができます。これらの問題点を改善する取り組みが理解できなければ、改善経験豊富な制作会社もしくはSEOの会社に相談しましょう。当社のSEOコンサルティングサービスでモバイルフレンドリー化をご支援することが可能なので、お困りの際はぜひお気軽にご相談ください。
モバイルフレンドリーのアルゴリズムではモバイルサイトでの検索結果のみ影響があるため、PCやタブレットからの検索には影響しません。
適切なモバイルフレンドリー対応が出来ていれば順位が上がる可能性はあるでしょう。ただしサイトの現状や他社の対応状況やコンテンツの質といった様々な要因がありますので、過度な期待は厳禁です。
すべてのページのモバイルフレンドリー化が推奨となりますが、一度に対応が難しい場合は、優先度の高いページから行うといいでしょう。
モバイルフレンドリー化は重要な項目であるということをご紹介してまいりました。ご自身のWEBサイト構造によってはページごとにモバイルフレンドリーであるかの確認も必要です。
ユーザーと検索エンジンの両方に対しての改善策となるモバイルフレンドリー化を進めていくために、今回ご紹介したツールなどを活用して最適化に取り組むようにしましょう。
モバイルファーストインデックスとは、スマートフォンエージェントで取得したコンテンツでインデックスとランキングを優先するすることです。モバイル…
PageSpeedInsightsは、ユーザーエクスペリエンスの観点も含めた表示速度を計測することができる無料ツールです。これを活用すること…
今に始まったことではありませんが、スマートフォンの普及によって様々なことが手軽に行えるようになりました。私ももちろん利用していますが、プライ…
EEATとは、Experience（経験）、Expertise（専門性）、Authoritativeness（権威性）、 Trust（信頼性…
Googleは、自分たちの使命を「世界中の情報を整理し、世界中の人がアクセスできて使えるようにすること」とし、ユーザーが求めている情報を検索…
あなたはGoogle Analyticsの「アシストコンバージョン」をご存知ですか？ Webマーケティングに携わる人であれば知っておきたいア…
SEOのアウトソーシングがはじめての人でも大丈夫！当社のSEOコンサルティングは、お客様に合わせて施策をカスタマイズするこだわりのサービスです。
Webマーケティングに関わる施策全般をワンストップで
ご提供します。
お気軽にご相談ください。
Webマーケティング最新ニュースのレポートや無料セミナーの先行案内が届く、お得なメルマガ配信中！
検索順位で1位まで上げるためのSEOポイント8つ
EEATとは？コンテンツ評価を高める12のSEOポイント
成功確率アップ！BtoBのコンテンツマーケティング施策とは
YMYLとは？該当するジャンルとSEOにおける対策のポイント8つ
SEO内部施策とは？重要な項目16選【セルフチェックリストつき】