スマホファーストと注意点

当社はレスポンシブWebデザインでスマホ対応しています。（以前、山浦さんもレスポンシブを推奨していたと思います）
レスポンシブWebデザインの場合、スマホだけPCと内容を異なるものにするのが難しくなるので、どちらかに合わせなければならないですよね？
その場合は、どちらに合わせるべきなのでしょうか？

回答としては、基本的には自社サイトにアクセスしてくるユーザーの大部分がPCユーザーという場合を除き、“スマホファースト”で考えるべきです。

私は仕事柄、あちこちの勉強会などに参加する機会がありますが、どこへ行っても“スマホファースト”つまり、PCよりもスマホを優先してプランニングするのが主流です。
逆に“PCメインでスマホはおまけ”という考えを今はほとんど聞きません。
これはスマホとPCのネット利用率の推移を考えれば当たり前なのです。
スマホでのネット利用率は、PCを超えましたし、これからもどんどん伸びていきそうです。

スマホ対応する際は、当社では、ＬＰを除き、ほぼ100％、レスポンシブWebデザインで実装します。
レスポンシブにするメリットは3つあります。

1. 管理やメンテナンスがやりやすい
   更新をする時、恐らくPCを使って更新作業をしますが、そうするとスマホ用の画面の更新を忘れがち
   レスポンシブにすることで間違いが起きにくい。
2. SEO面でもメリットがある
   URLが1つになるので、リンクやSNSのシェアをしてもらいやすい。
3. Googleが推奨しているから

さて、レスポンシブで実装する場合、基本は“スマホファースト”なのですが、１点、注意しなければならないことがあります。
それは”SEO”についてです。
SEOでは、PC・スマホに関わらず情報が充実しているサイトが優位で、ページ単位で見ても、文字数が多いページが上位表示される傾向があります。
ですから、いくらスマホユーザーを考慮すると言っても、SEOで上位表示したいページは表示速度が遅くならない程度にはそれなりの文字ボリュームが欲しいです。
つまり、情報量を確保しながらもスマホでも見やすい、ストレスにならないという状態が理想ということになります。

情報量を確保しながらスマホのストレスを軽減するには、昨日メルマガで書いたような配慮、つまり、見出しを小まめに入れたり、太字や箇条書きを入れて、拾い読みしやすくしてあげる、画像やHTMLソースをできるだけ軽くしてあげるなどが必要になってきます。

ただし、ランディングページ（ＬＰ）は、レスポンシブにせず、PCとスマホの画面を振り分けて、それぞれの画面で最大限の表現をすることも多いです。
更新のしやすさやGoogleが推奨してといったレスポンシブのメリットはほとんど関係ないですからね。
それよりはコンバージョン率を高めることが優先だからです。

長くなりそうなのでまとめると、私はいつも次のようにプランニングします。

• 基本的にレスポンシブWebデザインで作り、スマホファーストで最適化する
• ただし、ＬＰはレスポンシブにせずPCとスマホでページを分けしっかりスマホ対応する
• レスポンシブのページについては基本的にスマホファーストだがSEOで上位表示したいページはしっかりと情報量もキープしつつスマホでのユーザビリティを確保する

*　　　*　　　*

今日は少し専門的内容でした。
もしご不明点なればお気軽にご質問ください。