Web関連

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

 

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デザイン制作

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

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

ピックアップ記事

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

関連記事

  1. Web関連

    営業担当者必見!MAツールを使って時短&顧客育成!

    あなたは効率よくお仕事が出来ていますか?「実は時間が短縮できる…

  2. Web関連

    デジタルコミュニケーションの可能性

    デジタルコミュニケーションとは、インターネットを使って、情報を収集・配…

  3. Web関連

    大規模サイトが直面する問題「通信遅延」は解消できる

    大規模に全国展開するBtoCモデルのWebサイトが直面する「通信遅延」…

  4. Web関連

    スマートフォンサイト制作の気になる事、あれこれ

    こんにちは。モバイルサイト・シニア・アドバイザーの藤田です。嘘です。コ…

  5. Web関連

    免疫力を上げる!?インフルエンザから体を守る方法

    こんにちは、管理部の川又です。今年は昨年以上にインフルエンザや…

  6. Web関連

    web制作会社を選ぶポイント

    ホームページを作りたいと思ったときに、まずWeb制作会社を探すと思いま…

おすすめ記事

最近の記事

  1. DX(デジタルトランスフォーメーション)・デジタルシフトへの…
  2. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  3. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  4. 非接触がこれからの常識。ウィズコロナ・アフターコロナはIoT…
  5. キャッシュレス決済はウィズコロナでのウイルス対策に繋がってい…

アーカイブ

  1. AI関連

    AIチャットボットが使われる理由
  2. Web関連

    WordPressをCMSとして活用するためのプラグイン Custom Post…
  3. Web関連

    企業の信頼性向上をCSRにより図りたい
  4. AI関連

    オフィスを快適に! IoT×人工知能(AI)の活用方法
  5. Web関連

    iPhoneが動かない!慌てる前に試したい緊急措置の方法
PAGE TOP