googleがレスポンシブ化をしろというけれど、安易にレスポンシブ化すると痛い目に合うという話

横山祐樹

7年 ago

こんにちわ、ジーニアスウェブの横山です。

先週の金曜日についに大阪本社移転しました。
移転といっても、12階から22階に変わっただけですので、
大阪駅前第三ビルには変わりありませんので、ご注意ください。

習慣とは怖いものです。
早速ですが、間違えて12階に行ってしまいました。

さて、本日は、レスポンシブについて、少し話したいと思います。

目次／このページでわかること

google発表の「モバイルファーストインデックス」

2017年6月13日に導入することが発表されました。
google公式にもありますが、「少なくとも今年中2017はないだろう。つまり、早くても2018年以降」との見解を示しています。

「モバイルファーストインデックス」化とは簡単に言うと、
「PC版はなくモバイル版(スマホ版)ページを重視する」ということです。

これにより、全ページスマホ化はほぼもう必須といっていいと思います。

下記のようなサイトは、要注意であります。

できるできないはありますが、
レスポンシブウェブで全ページスマホ対応することをgoogleは推奨しています。

手間の部分もありますしね。

レスポンシブウェブとは、Webデザインの手法の一つで、
様々な種類の機器や画面サイズに単一のファイルで対応することです。

一つのソースでPC、スマホ、タブレットなどに対応するので、
更新作業などの手間も軽くなります。

弊社で制作するサイトで新しいサイトは、
もうすべてレスポンシブ前提で構築しています。

しかし、このレスポンシブ、安易にやると反応 (パフォーマンス)面で、
裏目にでることがあります。

特に、既存のサイトをレスポンシブ化する場合は要注意・・・

とあるサイトで、このようなケースがありました。

レスポンシブ化をしようということで、
コストも比較的抑えれるため、スマホベースにwordpressのテンプレを使ってレスポンシブを行なったそうです。
※制作は弊社ではありません

結果的に低コストでレスポンシブ化にはできたのですが、
CVRが半分ほど下がってしまいました。

スマホファーストにしたレスポンシブには違いないが、大きく3点問題あり。

①デザインの問題

②コンテンツの問題

③基本的な問題

など…

まとめると
ただ単にレスポンシブしてしまってわかりづらくなってしまった。
ということです。レスポンシブのため、シンプルなフラットデザインが裏目に出たのです。

下がってから弊社に相談が来ました。

旧サイトのスマホデザインをベースにレスポンシブ化で再構築することになりました。
早めに相談いただいてまだよかったと思います。

それでも、最初のレスポンシブ化のコスト、それによって反応が下がった分の機会損失、、
かなりの痛手です。

googleがレスポンシブ化しろー、sslにしろーとはいいますが、安易にそのままにすると、とんでもない目に合います。
特に、サイトの反応率が良いときは、要注意です。

下記も検討してみてください。

自社のサイトの状況に応じて、適切な手段を取らなければいけません。

レスポンシブは「画面最適」であって、「ユーザー最適」では決してありません。