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

関連記事

  1. Web関連

    その負担軽減しましょう!更新業務を楽にするサービス・ツール紹介

    『働き手が足りない、人手不足』飲食店やホテル業界を筆頭に、今はどこ…

  2. Web関連

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

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

  3. Web関連

    まるでおうちがアクアリウム?家から楽しめるオンライン水族館!

    新型コロナウィルスの影響で、「Stay Home」「おうち時間」という…

  4. Web関連

    オンライン学習はどこまで進んでいるのか?

    こんにちは。コーダーの須澤です。皆さんはオンラインで学習サービスを使…

  5. Web関連

    スマートフォンサイトに適したUI設計とは(1)

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

  6. Web関連

    休息 ~Web担当者のためになるサイト特集~

    コラムを書き続けていると色々なところから情報収集をするため、「ため」に…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    構成でコラムの「土壌」を整えよう!
  2. Web関連

    顧客に物を買わせる第一歩!
  3. Web関連

    採用希望者数を増加させたい
  4. Web関連

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

    選んではいけないメール配信システムの3カ条
PAGE TOP