レスポンシブ対応（スマホ最適化）でモバイルフレンドリーテストをクリアしよう

掲載日: 2016年03月01日
(最終更新日：2017年05月07日）

レスポンシブ対応（スマホ最適化）とはホームページをどんなパソコンやスマートフォンなど、どんな閲覧環境でも最適に閲覧することができるようにすることです。

最近ではPCはもちろん、スマートフォン、iPadなどのタブレット、テレビやゲーム機など、さまざまな閲覧環境でインターネットを閲覧することが可能です。

今回はそんなどんな閲覧環境でも問題なく閲覧してもらえるホームページ作りの方法と、なぜそのような対策や対応が必要なのかを詳しく解説していきます。

併せて2016年11月にスタートしたSTRAの新たなWEB制作パッケージ商品「おまかせスマホ最適化パッケージ」の内容も詳しくご紹介させていただきますので、ご興味のある方はぜひご一読ください。

レスポンシブ対応（スマホ最適化）がとっても重要な理由

思い浮かべてみてください。

オフィスや街中、通勤電車の中など、今やスマートフォンは誰もが持つ生活上欠かせないアイテムです。

スマートフォンの利用率

これは平成25年の総務省が発表した日本のインターネットの利用環境のグラフです。日本国民の全体の8割がインターネットをなにがしらの形で利用し、パソコンでの利用が全体の約6割弱、次いでスマートフォンでの利用が全体の4割となっています。

統計から見ても分かる通り、今やスマートフォンの存在は決して無視できない存在となっています。

しかもこの統計データは数年前のもので、現在はスマートフォンの利用率は8割弱になろうとしています。

もし、あなたのホームページがスマートフォンで見た場合に、横スクロールをしないと見れなかったり、文字が小さすぎて読めなかったりした場合、ほとんどの閲覧者はストレスを感じるでしょう。

そして最も重要なナビゲーションに関わる部分（グローバルナビゲーションやパンくずリスト、メニューリンクなどなど…）が画面外にあったり、そもそも良く分からなくなっている場合、おそらくそのお客様はきっと見ることを断念してしまうのではないでしょうか？

結論からいくと、レスポンシブ対応（スマホ最適化）をしていないホームページは、その時点で約4割のお客様をロスしている。

といっても過言ではありません。

レスポンシブ対応（スマホ最適化）をしているかどうかを確認するモバイルフレンドリーテストとは？

Photo credit: chase_elliott via Visual Hunt / CC BY

Google検索を意識したSEO対策はホームページをたくさんの人に見てもらうために非常に重要なのはみなさんもご存じだと思います。

インターネットで買い物をしたり、調べ物をしたり、パソコンやスマートフォンを使っていればなにがしらGoogleを使う機会がありますよね。

売上やページビュー、集客数を上げたいと思っているのであれば、まずは真っ先にGoogleが提供しているモバイルフレンドリーテストをチェックしてみてください。

このチェックでとくにスマートフォンで最適に閲覧ができるかどうか、Googleの評価を確認することができます。

調べ方は非常に簡単で、https://www.google.com/webmasters/tools/mobile-friendly/?hl=ja へアクセスして、入力欄にご自身のホームページのアドレスを入力して「分析」ボタンを押すだけです。

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

しばらくチェックに時間がかかりますが、待っていると上の画面のような表示になります。

ここで「問題ありません。このページはモバイルフレンドリーです」と表示されていればバッチリです。

ちなみにこのチェックは今ご覧いただいている当ホームページ（http://stra.co.jp/web）をチェックした結果です。

もしここで、こんなような表示となっている場合は…

モバイルフレンドリーテストの不合格例

まっさきにレスポンシブ対応（スマホ最適化）をご検討ください。

ちなみに上の図は先ほどの総務省のインターネット利用環境調査の統計ページをチェックしたものです。

モバイルフレンドリーテストで表示される実際のスマートフォンの画面

実際にGoogleから見てどのように見えているかも上のように表示されます。

一見、「問題なく表示されているじゃないか」と思ってしまうかもしれませんが、Googleは以下のような指摘をしています。

モバイルフレンドリーテストでの指摘

このように、実際にご自身のホームページをスマホで見た場合、「問題なく表示されているし、読めるからいいだろう」と思っていても、Googleから見ると「モバイルフレンドリー」ではない。と判断されている場合があります。

とくに上の図の3番目の項目「モバイル用 viewportが設定されていません」という部分は、少し技術的で分かりにくい表記になっていますが、ようは簡単にすれば「レスポンシブ対応（スマホ最適化）していません」ということです。

で、この結果がもたらすものは…次の章で詳しくご説明していきます。
けっこうびっくりする影響があったりするので必ず読んでおいてください。

レスポンシブ対応（スマホ最適化）をしていないと見えてくる大きなSEO上のデメリット

上の図はiPhone5で現在ご覧いただいている当社のホームページを検索した結果表示されるものです。

Google検索でスマホ非対応の場合の表示

片やこちらが先ほどの総務省の統計ページを検索した結果です。

両者の表示のされ方で1か所だけ違っている箇所があるのですが、みなさんはお気づきになられましたでしょうか？

上の当社のページの場合は「スマホ対応」と表示されていますが、下の総務書のページはそれが表示されていません。

これの意味するところはこうです。

Googleはスマートフォンで検索した人に対して、その検索結果で閲覧しにくい「スマホ対応」をしていないページはなるべく検索結果を下にして、レスポンシブな「スマホ対応」をしたページを上位におすすめする。

ということです。

Googleはあくまで「よりよい検索結果を、より最適に」と日々考え、世界中で検索されるあらゆるホームページをその検索キーワードに最適な結果をそのユーザーに提供しようとしています。

もし、検索している人がスマートフォンで検索していて、たとえば「東京駅乗り継ぎ」などのキーワードで検索したとして、その検索結果がスマートフォンで見にくい場合、Googleはこう考えているはずです。

「このページはモバイルフレンドリーではないから、検索結果にこのページを出しても、この人はきっと読めない。だからモバイルフレンドリーなスマホ対応をしているページをなるべく上にしてあげよう」

これが、モバイルフレンドリーテストに不合格となっているホームページ、レスポンシブ対応（スマホ最適化）をしていないホームページにもたらされる「結果」です。

※注）
2017年5月現在、Googleはこちらでご紹介した「スマホ対応」ラベルの表示を廃止しています。

Googleは従来のパソコン向けの検索結果インデックスとスマートフォンを代表とするモバイル向けの検索結果インデックスを共存させてきましたが、現在はパソコンとモバイルの検索結果を明確に分け、かつ、パソコンとモバイルの二つの検索結果インデックスの重要度をモバイルのほうを高くしています。

これの意味するところはモバイルに対応していないサイトはそもそもモバイル向け検索結果インデックスに出てこない。ということです。

レスポンシブ対応（スマホ最適化）パッケージサービスのご提供をSTRAでは急務だと考えています

今や約4割の利用環境を占めるスマートフォン。
この対応を見逃すとGoogleによる非常にスマートで非情な（？）洗礼を受けます。

その具体的な指標となるのがモバイルフレンドリーテストでのテスト結果、各検索キーワードに対して表示される結果の先にある「スマホ対応」という、たった5文字のラベルです。

もし、みなさんのホームページでモバイルフレンドリーテストに不合格になっている場合、ぜひ当社へご相談ください。

巷にある単純な「レスポンシブ対応（スマホ最適化）」サービスではなく、しっかりとGoogleのモバイルフレンドリーテストとSEOを考慮した結果の出るサービスをご提案させていただきます。

こんなに高い効果の期待できるSEO対策は他にありません。

近日中にこういった、より具体的なご提案をするサービスサイトをリリース予定です。
もちろんリリース前のご相談も承っております。

みなさんのホームページですぐに効果を実感してもらえるよう、価格帯もすぐに対策できる期待度の高いSEO対策項目のひとつとして、より低い形で抑え幅広くご提供予定です。

ぜひご期待ください！

（※2016年11月追記）「おまかせスマホ最適化パッケージ」のご提供がいよいよ開始！

本記事をご覧いただいた方より多くのお問い合わせをいただいておりました「おまかせスマホ最適化パッケージ」のサービスサイトが2016年11月にスタートをいたしました！

＜おまかせスマホ最適化パッケージのご提案サイト＞
http://stra.co.jp/campaign/responsive/
※本件に関するお問い合わせ・お申し込みもこちらからお問い合わせいただけます。

STRAの独自の調査によりさまざまなキーワードでホームページ展開をされていらっしゃるお客様に向けて、直接ご連絡をさせていただいております。
もし、ご興味がございましたらお気軽にお問い合わせのほどよろしくお願いいたします。

また、STRAでは集客に関わる店舗ホームページはもちろん、公共的な施設（図書館や美術館、病院など）のホームページのスマートフォン最適化の遅れが非常に問題だと考えています。

せっかく外出先でスマートフォン片手に、もしくは車でナビゲートアプリなどでその目的地の住所を探そうとしても、スマートフォン最適化ができていなければ、訪れようとしている人にとっては非常にストレスの大きなものとなるでしょう。

とくに病院などはさらに重要です。こういった考えより独自にそれぞれのお客様へSTRAでは直接アプローチをさせていただいております。
もし、お話しをさせていただく機会がありましたら当社のディレクターにて詳しくご説明させていただいておりますので、その際はどうぞよろしくお願い申し上げます。

出典：Designed by Freepik

STRA株式会社では随時SES事業のニュースを
FacebookとTwitterでお届けしています。
いいね！とフォローをして、
最新の情報をチェックしてください。

Follow @stra_co_ltd

＜著者情報＞

STRA株式会社
- http://stra.co.jp/
コンテンツ企画・制作編集部（監修：石岡章司）
stra_co_ltd
STRA.official
STRA株式会社のコンテンツ企画・制作編集部ではフリーエンジニアの皆様に向けたお役立ち情報や業務委託案件のご紹介、人材情報のご提供のほか、ホームページ制作を検討中の方に向けたお役立ち情報を日々お届けしています。

STRAが提案するホームページはすべて”本当の価値”を目指したものです。ホームページの"本当の価値"とは何か――STRAは"売れる＋叶う＋喜び"と考えています。

無限の力を秘めたクラウドソーシングを最大限活用し、サイトの大小、規模を問わずさまざまな角度からご要望やお悩みを徹底的にヒアリングしてあらゆるリソースを使って最も"本当の価値"のあるホームページに向けてあくまでお客様本位の側に立って考え提案しています。ホームページのコンセプトはどうするか？　デザインはどうするか？　こういったすべての意思決定をSTRAではすべてオンライン上で完結します。スピーディーなSTRAのご対応にお任せください！

WEBで成功したい方は・・・
こちらよりお問い合わせ！

法人様・個人様を問わずSTRAが全力でお応えします。
どんなことでもお気軽にご相談ください。

お問い合わせ種別必須	WEB制作についてSEO・アクセスアップについてパートナーシップについてご意見・ご提案採用情報についてその他のお問い合わせ
ご担当者名必須
御社名任意
メールアドレス必須
お電話任意
ご住所任意
お問い合わせ内容必須
以下のご利用規約・プライバシーポリシーをご一読、ご同意の上送信してください。
ご利用規約第1条　規約本規約は、STRA株式会社（以下「当社」という。）が運営する公式サイト『http://stra.co.jp』（以下、｢本ウェブサイト｣という。提供される全てのサービスに適用されます。第2条　サービス本サービスとは、本ウェブサイトを通じた求職・求人、及び、それに関連するサービスを利用目的とするサービスとします。ユーザとは、本サービスを利用する個人とします。本サービスを利用する者は、本規約の内容をすべて承認したものとします。当社および当社のサービス利用企業は、本サービスを提供する際に、ユーザに対し、Eメールやダイレクトメール、及び郵便、電話、ファックスによって連絡させていただくことがあります。第3条　禁止行為ユーザは、次の行為をすることはできません。登録に際し、虚偽の情報を提供すること。当社、他のユーザ又は第三者の著作権等知的財産権の侵害に当たる行為。当社、他のユーザ、又第三者の財産権やプライバシーに関する権利、その他の権利又は利益を侵害する行為。本サービスで得た情報を、本サービスの利用目的の範囲を超え第三者に譲渡し、又は営利を目的とした情報提供活動に活用すること。コンピューター・ウィルスや有害なコンピューター・プログラムを含む情報を送信する行為。本サービスの運営の妨げの可能性がある行為。本サービスを利用する他のユーザ又第三者を誹謗中傷していると見られる行為。公序良俗に反すると思われる行為。法令に反する全ての行為。その他、当社が不適切と判断できる全ての行為。第4条　責任ユーザは自らの意思によって本サービスを利用します。ユーザーは、自ら登録した情報に関しては、一切の責任を負うものとします。登録情報は、本サービスを利用するために必要な範囲内で、常にユーザが責任をもって利用目的に沿い、正確、最新に保つものとします。第5条　登録情報の削除ユーザによる情報の送信、提供等の行為が本規約第2条に規定された行為に該当する可能性があると当社が判断した場合には、ユーザ通知することなく、当該情報の全部又は一部について、削除、送信停止その他必要と認める措置を講じることとします。ユーザが本規約の規定に違反した場合には、ユーザに通知することなく、ユーザの登録を抹消できるものとします。第6条　登録情報の利用ユーザは、本サービスにおいて提供した情報のうち、個人を特定する情報を以外の情報を、当社が日本の国内外で無償にて使用する権利を許諾したものとみなします。また、ユーザは著作者人格権を行使しないものとします。第7条（個人情報の取り扱い）本サービスにおける個人情報の取り扱いについては、「個人情報保護方針」をご確認ください。ユーザは、本サービスを利用する場合には、当該個人情報保護方針を承認したものとさせていただきます。第8条　サービスの変更当社は、本サービスの運営を良好に保つため、ユーザに対して事前の通知なく、本サービスの内容を変更することがあり、ユーザはそれに対して異議を申し立てないものとします。第9条　サービスの停止当社は、以下のいずれかに該当する事由が発生した場合、ユーザへの事前の通知及び承諾を要することなく、本サービスの停止または終了を行うことができます。本サービス運営のためのシステム（以下「システム」という。）の保守、更新等を定期的、若しくは緊急に行う必要性がある場合。通常講ずるべきウィルス対策では防止できない不可抗力により、本サービスの提供が困難な場合。突発的なシステムの故障等が発生して、サービスの運営が困難な場合。その他、不測の事態により、本サービスの提供が困難であると当社が判断した場合。第10条　ユーザによる登録の削除ユーザは、自らの意思により本サービスへの登録情報を削除できます。第11条　免責当社は、企業情報等の第三者の情報、広告その他第三者により提供される情報、ユーザ等が本サービスに登録し掲載する情報等に関し、内容の正確性について保証しません。ユーザの本サービスへの登録及び本サービスの利用から生じる一切の損害に関して、当社は責任を負わないものとさせていただきます。当社による本サービスの提供の中断、停止、利用不能又は変更、ユーザ情報の削除又は消失､ユーザの登録の抹消、本サービスの利用によるデータの消失又は機器の故障若しくは損傷、その他本サービスに関連してユーザが被った損害につき、一切の責任を負わないものとします。本ウェブサイトから他のウェブサイトへのリンク又は他のウェブサイトから本ウェブサイトへのリンクが提供されている場合でも、本ウェブサイト以外のウェブサイト及びそこから得られる情報について、当社は一切の責任を負わないものとします。本サービスは、就職・転職活動の成功を保証するものではありません。当社の責任を免責する本規約の条項が消費者契約法等の法令に反することによって無効となる場合や、その他の理由によって当社がユーザに対して損害賠償責任を負うべき場合、当社の賠償責任は、ユーザに生じた直接かつ通常の損害の範囲に限るものとさせていただきます。第12条　規約変更当社は、ユーザの承諾を得ることなく、本規約を随時変更することができます。第13条　規約譲渡ユーザは、当社の書面による事前の承諾なく、本規約に基づく権利又は義務につき、第三者に対し、譲渡、移転、担保設定、その他の処分ができません。当社は本サービスにかかる事業を他社に譲渡した場合、当該事業譲渡に伴い本規約に基づく権利及び義務並びにユーザの登録情報、その他の顧客情報を当該事業譲渡の譲受人に譲渡することができ、ユーザはその譲渡につき予め同意したものとします。また、会社分割やその他事業が移転する状況を含むものとします。第14条　損害賠償義務ユーザが本規約に違反し、当社に対し損害を与えた場合、ユーザは当社に対し、損害賠償義務を負担するものとします。第15条　準拠法及び管轄裁判所本規約の準拠法は日本法とし、本規約に関する紛争については、当社の本社所在地を管轄する地方裁判所または簡易裁判所を第１審の専属的合意管轄裁判所とします。第16条　実施本規約は2013年12月24日から実施するものとします。プライバシーポリシー STRA株式会社は、個人のプライバシーを扱うサービス業の特性を踏まえ、個人情報の取扱いに細心の注意を払っております。自主規制基準を遵守の上、個人情報の取扱いに関する基本方針を以下のように定め、個人情報の漏洩などを防止し、取扱う個人情報の保護に努めます。 STRA株式会社は、個人情報の取扱いに関する自社の規範を遵守します。 STRA株式会社は、事業の内容及び規模を考慮した適切な個人情報の取得、利用及び提供を行います。本サービスをご利用するお客様の個人情報は、STRA株式会社が本サービスを提供するために適切な場合に限り使用されます。それには必要な範囲を超えた個人情報の取扱いを行わないこと及びそのための措置を講じることを含みます。 STRA株式会社は、本人の同意がある場合又は法令に基づく場合を除き、個人情報を第三者に提供することはありません。 STRA株式会社は、個人情報の漏洩、滅失又は紛失の防止及び是正のための措置を講じます。 STRA株式会社では、個人情報保護に関する管理の体制と仕組みについて継続的改善を実施します。 STRA株式会社では、お預かりした個人情報は目的以外には利用しません。