モバイルファースト時代のブログデザイン常識非常識！

【景品表示法に基づく表記】本サイトのコンテンツには、商品プロモーションが含まれている場合があります。

連載第三回目です。

▼バックナンバーはこちら

あなたのブログは大丈夫？
モバイルフレンドリーテスト！
https://fanmake-blog.com/?p=3328

スマホ経由のブログアクセスを
把握するには？
https://fanmake-blog.com/?p=3325

スマホ”ファースト”ブログへROCK ON！

連載第３回：

モバイルファースト時代の
ブログデザイン常識非常識！

最低限でも「レスポンシブ」

ブログもスマホで読む人が
圧倒的に多くなってきました。

ということで、デザインも
スマホ最適化することを
おすすめしています。

今までは、パソコン中心だった
ことから、単純に、
閲覧画面にあわせて見え方が
変わる、ことに対応した
レスポンシブデザイン

を推奨してきました。

レスポンシブデザインとは

ユーザーのデバイス
（パソコン、タブレット、モバイル、
非視覚的ブラウザ）に関係なく、
同じ URLで
同じHTMLコードを配信しますが、
画面サイズに応じて
（つまり「レスポンシブ」に）
表示を変えることができるデザイン

のことです。

注：
よく間違える方が多いのですが、

レスポンシブ
です。レスポンシブル、ではないです＾＾

レスポンシブデザインのメリットは
何と言ってもこちらでしょう！

よく見てみると、
これって、サービス提供者側の
都合であったりするんです。

実はレスポンシブデザインは
デメリットも多くあります。

もともと、パソコン用に作られた
プログラムをスマホで読み込むので
こういったデメリットは
出てしまいます。

Googleが推奨しているとはいえ、
レスポンシブデザインが最も正しい
ということはありません。

上記で紹介したようにデメリットも
存在するため、あくまでデザインの
選択肢の一つとして捉えてください。

ただ。
ブログでしたら
レスポンシブで私は十分だと
断言しています。

なぜなら、ブログは
とてもシンプルな構成で、
記事を読んでいただく！
目的はこれに尽きるからです。

サービスによっては、
ターゲットユーザーがどのような
デバイス（パソコンかモバイルか）を使い、
どのようなシーンで
Webサイトを利用するかを考え、
最適なデザインを選択すべきです。

例を出しますと、
Amazonや楽天などのECサイトは、
モバイル用に異なるサイトを
用意しています。

パソコンで見える情報を
すべて出してしまうと、
重いし見づらいからですね（＾＾）

以前もアメブロの
レスポンシブ対応について
記事を書きました。

モバイルでの見せ方の
自由があまり効かない点が
もったいないなぁ……と感じています。

次回は
テキストの○○チェックを
欠かさずに！
をお送りします。

お楽しみに！