2017年09月23日

最近セミナー受講者の皆さんからいただくご質問で「サイトをレスポンシブWebデザインにするのが一番良いのか？」というご質問が増えています。

Googleは元々、PCサイトの全てのページをモバイル対応することを推奨しています。

特に、今年の年末から2018年初頭にかけて実施が予定されているモバイルファーストインデックス（PC版Googleとモバイル版Googleの検索順位を決める時に従来のようにPCサイトを見るのではなく、主にモバイルサイトのWebページの中身を見る新方式）の実施が近づいているなか、Googleが新たな情報をGoogleウェブマスター向け公式ブログで2017年9月15日金曜日に発表しました。


※　https://webmaster-ja.googleblog.com/2017/09/how-to-move-from-m-dot-urls-to.html

その記事で書かれているポイントは：

１、ウェブマスターの方々の間で、モバイル用に別途設定する URL（英語）からレスポンシブ Webデザインの利用に移行することへの関心が高まっている

２、レスポンシブWebサイトの準備ができたら、移行時にモバイル用の URL からレスポンシブWebデザインの URL に 301リダイレクトを設定し自動転送すること

３、レスポンシブWebデザインで作ったサイトに移行すると、メンテナンスやレポート作成が簡単になる。すべてのページについて別々の URL を管理する必要がなくなるだけでなく、さまざまな手段や技術も取り入れやすくなる

の３つです。

今回の発表では明らかにWebサイトのモバイル対応のためにレスポンシブWebデザインが最適だということを強調しています。

そもそもモバイル対応するには次の３つの方法があります：

（１）レスポンシブWebデザイン
→　これまでのPCサイトの各ページをレスポンシブWebデザインで作り直すことにより、WebページをPCで見るとPC用のデザインとして表示され、画面の小さなスマートフォンで見ると画面が小さくても見やすくレイアウトされたページに液体のように変形するもの。
→　WebページのURLはPCサイトもモバイルサイトも全く同じ



（２）動的配信
→　文字情報がデータベースに記録されており、WebページをPCで見るとPC用のデザインレイアウトが適用されてPCサイトが瞬時に表示され、画面の小さなスマートフォンで見ると画面が小さくても見やすいデザインレイアウトが適用されてモバイルサイトが瞬時に表示されるもの。
→　WebページのURLはPCサイトもモバイルサイトも全く同じ



（３）別個のモバイルサイト
→　これまで運営してきたPCサイトはそのままで、別途新たにサイト内にディレクトリ、サブドメインとして別URLのモバイル専用サイトを設置するもの。
→　WebページのURLはPCサイトとモバイルサイトでは異なる



前から言われていたのはGoogleはWebページのURLはPCサイトもモバイルサイトも全く同じである：

（１）レスポンシブWebデザイン
か
（２）動的配信

を推奨しているのではということでしたが、最近の海外のSEO業界のニュースや今回のGoogleウェブマスター向け公式ブログでの発表を見る限り、どうやらGoogleは明らかに

（１）レスポンシブWebデザイン

を一番推奨しているということがハッキリしてきました。

レスポンシブWebデザインはGoogleが：
「レスポンシブWebサイトに移行すると、今後のメンテナンスやレポート作成が簡単になります。すべてのページについて別々の URL を管理する必要がなくなるだけでなく、さまざまな手段や技術（国際化のための hreflang、高速化を実現する AMP、検索機能の向上に役立つ構造化データなど）も取り入れやすくなります。」
といっているようにモバイルサイトを極限まで軽量化するAMP技術や構造化データのGoogleへの通知等において最も適していると述べているのが最も重要なポイントです。

レスポンシブWebデザインにはメリットだけではデメリットがあります。

最も大きなデメリットは、Webデザインがシンプルになるという点です。

何故ならレスポンシブWebデザインは基本的にはほとんど同じWebデザインをPCのブラウザで見た時には幅広で大きめに、スマートフォンのブラウザで見た時は幅を狭く小さめに変形するWebデザイン技術だからです。

こうした特性のためレスポンシブWebデザインでサイトを作る時は、スマートフォンのブラウザで見た時にどう見えるかからデザインをして、それをPCで見た時には幅を広くして文字も多めに表示するというように、モバイルで見た時のデザインから着想することになりがちです。

つまり従来の古いWebデザインでは・・・

・PCサイトをデザインする　→　それのモバイル版サイトをデザインする

とういうものでしたが、今後は・・・

・モバイルサイトをデザインする　→　それのPC版サイトをデザインする

というように順番が逆転することになるのです。

皆さんの中で未だモバイル対応が済んでいない方は、モバイルサイトからデザインをするレスポンシブWebデザインでサイトを作る直すことをおすすめします。

確かに難しいのは、「自社サイトのWebデザインを今さらシンプルにするのは抵抗がある・・・」という気持ちがどうしてあるかも知れません。

また、「モバイルサイトからWebデザインを考えるのは慣れていない・・・」という気持ちもあるか知れません。

しかし、時代も、Googleもモバイルから全てを着想するというモバイルファーストを求めるようになってきているのです。

そしてモバイルファーストというのは結局は、シンプルデザインなのです。昔のPCサイトのように雑誌のような複雑な段組のレイアウトでもなく、３カラムの古臭いレイアウトでもないのです。



大きなフォント、大きなボタン、画像が横ではなく、垂直に並ぶもの、というような今時のシンプルなデザインがモバイルファースト対応デザインなのです。Webデザインの世界から複雑さというものがモバイルファースト時代になろうとする今、消え去ろうとしているのです。複雑さは悪であり、シンプルさは善なのです。それが新しいWebデザインのルールになりつつあります。

毎回何度も同じことを言うようですが、周りをみても重たいPCでネットをやっている人よりも、通勤、通学、帰宅途中、エレベーター、エスカレーター、カフェ、レストラン、いたるところで下を向いて軽くて薄いスマートフォンを見ている人たちばかりになってきています。

彼らに自社サイトを見てほしいのなら迷わずモバイルファーストのデザイン、モバイルファーストのSEO、モバイルファーストのWebマーケティングをしなくてはなりません。

モバイルファーストインデックスの導入の日は刻々と迫ってきています。

少しでも早めの対応を行い新たなチャンスをもたらすことになる「ゲームリセットの日」に備えて下さい。


【関連情報】

《重要発表》Googleがモバイル版とPC版を分離する事を発表！数ヶ月以内に実施の予定（2016年10月14日）

《吉報！》Googleがモバイルファーストインデックス導入時期の延期を発表！（2017年04月01日）

《重要》Googleが再度モバイルファーストインデックス導入の延期を発表！年末か来年初頭まで延期（2017年04月07日）