Web関連

今更聞けない!!レスポンシブ対応のメリット・デメリット

0

 

Googleがモバイルフレンドリー(http://googlewebmastercentral-ja.blogspot.jp/2015/04/rolling-out-mobile-friendly-update.html)を提唱し始めて早数か月・・・。
世のWeb担当者の皆さん、対策は既にお済みでしょうか?

・・・え、まだ?なんてこった!

そんな迷える子羊のために今回はモバイルフレンドリー対策の一つであり、
Googleが最も推奨している方法である
「レスポンシブ対応」のメリット・デメリットについてのお話しです。

レスポンシブ対応あれこれ

前述のとおり、GoogleはWebサイトのレスポンシブ対応を推奨しています。
そもそもなぜGoogleはレスポンシブ対応を推奨しているのか?というと、

「HTML・URLが1つのものであること」

この理由が大きいでしょうか。
やはりソースが1つで良い、ということがSEO対策的にも効果ありますしね。

しかしSEO対策に良いだけではないのがレスポンシブ対応。
「他にどんな影響があるの?」
ということで、簡単にレスポンシブ対応のメリットを説明しましょう。

メリット

1.ワンソースになることでPC・スマホそれぞれのHTMLを用意する必要がなく、更新作業の手間も減る!
⇒大きな改修作業等になると話は別になりますが、
更新の多いWebサイトだとこれは大きなメリットではないでしょうか!
「PCサイトの方ではこの対応をしたのに、スマホサイトでは対応が漏れていた!」
なんていうミスのリスクも減りますね。

2.URLが1つのため、シェアがしやすい
⇒PCサイト、スマホサイトが存在するサイトの場合はURLが別になっているので
「PCサイトのURLでシェアしたら、スマホからは見れなかった・・・」
のような事故がたまに起きますよね・・・。
アクセスした端末に応じてリダイレクトをかけて飛ばす場合もありますが、
それだと読み込みの時間もかかりますからね・・・1つで良いのはユーザーにとっても楽ですね。

こんなところでしょうか。Web担当者にもユーザーにも優しい!
さて、次はデメリットです。

デメリット

1.開発が大変・・・。
⇒一言でまとめてしまいましたが・・・通常のHTMLコーディングよりも複雑な構築なのが、
レスポンシブ対応の難しい所ですね。。
さまざまなデバイスに対応する必要があること、
デザインについてもPC、スマホそれぞれの見え方について配慮すること。これが肝心です。

2.スマホで読み込んだ時に重くなる・・・。
⇒「横幅が●●px以上の時はこの画像、●●px以下の時はこっちの画像」といった感じで
分けて記載したり、画像も別々の物を用意する場合もあります。
その際、画面の大きさによってどちらかの画像を読み込む・・・という訳ではなく全て読み込もうとするので、
PCではあまり気にならなくてもスマホだと読み込みが遅い!重い!という事態に・・・。
ただ、画像の容量を気にして軽くすれば回避出来る問題でもありますね。。

まとめ

いかがでしたでしょうか。メリットだけではなく「開発が大変そう・・・」というデメリットもありますが
後のことを考えると、やはりレスポンシブ対応のメリットは大きいです。

今や業界・業種を問わず色んなサイトがレスポンシブ対応を始めています。
余談ですが、個人的にはよく閲覧する某ゲームメーカーのサイトが
やーーーーーっとスマホ(レスポンシブ)対応したのが嬉しかったり・・・。

どんどん広まっているレスポンシブ対応ですが、興味が沸いたら是非お声がけください!^o^

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

ホームページ制作

Webデザイン制作

レスポンシブWebデザイン制作

0

あなたのサイトは大丈夫?リスクだらけのブラックハットSEO前のページ

楽にできる?!レスポンシブWEBデザイン次のページ

ピックアップ記事

  1. 新しい販売形態であるDtoCについて考えてみる
  2. 新型コロナウイルスで日本の働き方改革が起こる
  3. 大手企業も注目するMaaS(Mobility as a Service)とは何か…
  4. AIに求められているものは、実は意外な物だった

関連記事

  1. Web関連

    物流の時代が変わった!最短20分での配達!

    こんにちは。アニメDVDは通販で買っている真野です。通販って本当に便利…

  2. Web関連

    知らなきゃ危険!!webに動画を掲載する前に著作権を知っておこう

    現在簡単に動画を閲覧、掲載できる時代になりました。普段何気なく目に…

  3. SNS関連

    GUに学ぶ!ファッション系ECのSNS活用術

    みなさん、洋服を買うときは何を参考にしていますか?数年前までは…

  4. Web関連

    Web制作にも使えるかもしれない面白い心理学を集めてみました。No,4

    心理学をずっと紹介してきましたが、読んでいて分かるように人間性を見極め…

  5. SEO関連

    【Web制作会社が教える】不正サイトへ誘導するSEOポイズニングに気をつけよう!

    言いたいことも言えない こんな世の中じゃ・・・ポイズン!昔、G…

  6. Web関連

    営業を仕組み化して売上を2倍にするwebマーケティングツールとは?

    営業を仕組み化させ売上アップする方法についてMA(マーケティングオート…

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    「Sass」で神速コーディング!? 概要編
  2. Web関連

    ショッピングカートシステムのまとめ
  3. サービス・新技術

    キャッシュレス決済により、財布ともさよなら・・・
  4. Web関連

    Google「Picasa」を「Google フォト」に統合
  5. Web関連

    【Web制作会社に聞いた】ランディングページの基礎を知ろう!
PAGE TOP