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

関連記事

  1. Web関連

    RFIDってなに?知らないと損します!

    こんにちは。デザイナーの出口です。皆さんRFIDって言葉聞いたことあ…

  2. Web関連

    AWSってなぁに?

    Webを公開するために必要になってくるものといえば、、、サーバーで…

  3. Web関連

    ホームページ制作会社が解説する「Webシームレス化」

    突然ですが、Webサイトはどのデバイス、どの環境でも見れるようにしない…

  4. Web関連

    webデザイン目線で、webアクセシビリティをUP!させましょう

    こんにちは。育児に家事に大忙しのディレクター、望月です。近…

  5. Web関連

    WEB担当者必見!プライベートDMPとオープンDMPの違い

    企業のWEB担当者の方なら最近「DMP」という言葉を聞くようになったの…

おすすめ記事

最近の記事

  1. デジタル化が旅行・観光業を救う!?ウィズコロナ・アフターコロ…
  2. 人が対応するのが正しいの?DX(デジタルトランスフォーメーシ…
  3. 人間拡張って聞いたことがありますか?デジタル化が背中を押して…
  4. テレワークだけでは足りない?デジタルシフトなど、アフターコロ…
  5. 【初心者向け】ここに注目!スマートフォン用バナーを作成しよう…

アーカイブ

  1. AI関連

    AIと共に切り開く!ジェンダーレス社会でのAIの新たな可能性について考えてみた
  2. Web関連

    あなたはリア充ですか?女性向けリア充アプリ5選
  3. Web関連

    マイクロターゲティングで「個」客を獲得
  4. Web関連

    ナビゲーション設計に必要なユーザビリティとファインダビリティ
  5. AI関連

    【人工知能・AI×Web】今すぐマーケティング本を閉じて、AIに全部任せる新サー…
PAGE TOP