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

関連記事

  1. Web関連

    O2O、海外ではおもしろい展開をしているようですよ

    マクドナルドのアプリのクーポン機能が最近変わりましたよね!テレビの…

  2. Web関連

    【人工知能・AI×観光】迷子は人工知能で解決できる!

    観光地や街中で迷子を見かけたり、自分が迷子になった経験はありますでしょ…

  3. Web関連

    ニュースを読んで快適なビジネスライフを

    こんにちは!元野球部デザイナーの栄です!みなさんは朝のニュース…

  4. Web関連

    あなたはリア充ですか?女性向けリア充アプリ5選

    寒い冬が訪れ、クリスマスも終わり、1年を振り返る時期でしょうか。…

  5. Web関連

    意外と知らないセキュリティ対策 1限目

    皆さんは、個人情報保護や情報漏洩対策のためにセキュリティ強化をしていま…

  6. Web関連

    あの定番セキュリティ対策に根本的な脆弱性!? 実は危険な「秘密の質問」

    「母親の旧姓は?」「ペットの名前は?」「好きなアーティストは?」―――…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    難しくないティファナの品質管理
  2. Web関連

    ア ナ タ ハ ソ コ ニ イ マ ス カ? ネット上にさまよう死者のアカウ…
  3. Web関連

    身の回りにあふれるビッグデータとは?
  4. Web関連

    顧客満足度向上ってどうすればいいの?仕事をとおして学んだこと
  5. Web関連

    あなたのInternet Explorerは”最新版”で…
PAGE TOP