WEB

レスポンシブを導入するポイント

  • LINEで送る
レスポンシブデザイン

約 4 分で読めます。

メソポタミア文明では粘土板と呼ばれる道具で情報伝達を行っていました。

増加するスマホ利用者

スマートフォンの普及でスマホで閲覧しやすいウェブサイトが増え、情報伝達もより素早くなりました。スマホサイトの仕組みは大きく分けて2種類あります。

1つはパソコン用サイトとスマホ用サイトを分けて作る方法。

2つ目は1つのデザインを画面サイズに応じてレイアウトを変形させて、スマホもパソコンもカバーする方法これをレスポンシブデザインと呼びます。レスポンシブデザインは検索に有利だと Google(グーグル)も呼びかけています。

1つのデザインで2つカバーできるなら更新も楽!検索も有利!これから全てレスポンシブデザインで作りましょう!とはなりにくく、向き不向きな場面があるので解説します。

レスポンシブの難点

パソコンとスマホそもそも1度に閲覧できる情報量の違う物を、違和感なく表示するには細かい調整が必要でスマホとパソコン用を分けて作るより工程数と予算がかかります。小さな画面のスマホでは綺麗に見えても大きな画面のパソコンでは情報がスカスカ、デザインが単調なんて場合も多々あります。

細くレイアウトを指示したい発注者の方、例えばお問合わせフォームをパソコン画面を見て「そっちに」スマホで「あっちに」と要望されたとしても、パソコンで反映されたレイアウトはスマホでも反映する為、思い通りになりにくく発注者の理解を得られにくいことが挙げられます。

レスポンシブの魅力

最初の方で述べた通り更新が楽であり、SEO に効果があるということです。どのようなサイトがレスポンシブデザインに向いているのかというと、コンンテンツ増加型のサイト、ブログや WEB マガジン、ショッピングサイトなどが考えられます。当ブログもレスポンシブです。(例:AppleGigazin

導入するかは妥協点による

ネット内の制作者達の声では、これからは全てレスポンシブじゃないと話にならない等、少々乱暴な意見もございますが、発注者の意見や予算、都合を考慮しながら、どのような方法や過程が最適か見極めることが大事だと思います。レスポンシブではないから検索システムから淘汰されるという話は今の所ありません。

追記 2017年
Googleから正式にレスポンスデザインはSEOに有効だとアナウンスされました。しかし既に多くのコンテンツが制作されているサイトは、すぐに移行できませんので、準次新たに制作するサイトに関してはレスポンス化も視野に入れるといいでしょう。




投稿者プロフィール

Aritoaru
Aritoaru
マーケティングを行いクリエイティブ、WEBや広告デザインのご提案・制作・販売をいたします。お問合せはメールフォームより受付ています。

関連記事

WEBサイトの制作で忘れがちな大事なこと... WEBサイトで肝心な掲載漏れ WEBサイトをビジネスに活用されている方。住所など基本的なことの掲載はしてあるけれど足りていない情報、お客様のことを思えば掲載した方がいい親切な一言は忘れがちです。以下の WEBサイトの制作で忘れがちな大事なこと 漏れていませんか? 住所は書いてあるけど、駐...
広告における写真の重要性 世界の目の保養になるイケメン図鑑よりモデルのアレクサンダーゲイズラーです。 TPOを考慮した写真 以前に小規模ビジネスのオーナー様に書いた記事で「見た目が大事」と書きました。今回は写真が与える信頼と安心感についてお伝えします。写真は簡単にスマホでお手軽に綺麗に撮ることができますが、しかし広告(チ...
検索対策SEOの新しい情報 検索に表示されるために 皆様ホームページを多くの方に見て頂く為には検索に表示される事が重要だとご存知かと思います。 検索に評価されるサイトとはどのようなサイトでしょうか? 1つコンテンツの「改装中」「準備中」は止める。 そしてしっかりした情報を適切に記入する。 極端に記事が少ない、...
  • LINEで送る

Facebookを購読する

この記事が役に立ったという方や面白かったという方はお手数ですがFBにログインして頂き、ぜひイイネをよろしくお願いします。

こちらから

コメント

  1. SASAKI より:

    現在、弊社のサイトをスマホ化にすべきか議論しています。
    この記事は読みやすく簡潔でとても参考になりました。
    ありがとうございました。

    1. ARITOARU OFFICE より:

      参考になったようで何よりです。
      またお越しください。

      1. SASAKI より:

        弊社のウェブサイトの方向性が決まりましたら相談させてください。
        よろしくお願いします。

コメントを残す

*