制作実績0120-038-517CONTACTホームコラムホームページをレスポンシブデザインで制作する際に確認すべき3つの視点コラム2019.11.1ホームページをレスポンシブデザインで制作する際に確認すべき3つの視点ホームページをレスポンシブデザインで制作する際に確認すべき3つの視点ホームページを制作する際、もはや当たり前の仕様となったレスポンシブデザイン。スマホがこれだけ普及し、Googleがモバイルファーストインデックスを採用した今となっては、対応していないホームページの方が少ないほどです。そのレスポンシブデザイン、本当に大丈夫でしょうか?今回は、ホームページをレスポンシブデザインで制作する際に確認しておくべき3つの視点をご紹介します。【目次】1.レスポンシブデザインのホームページとは2.ホームページをレスポンシブデザインで制作する際に確認すべき3つの視点a.デバイスへの対応b.ブラウザへの対応c.OSへの対応3.「レスポンシブ対応」になっていればOKではない4.今回のまとめレスポンシブデザインのホームページとは始めにおさらいですが、レスポンシブデザインのホームページとはどのようなホームページでしょうか。勘違いされがちですが、「レスポンシブデザイン=スマホ対応」ではないので注意してください。レスポンシブデザインっとは、スマホに対応したホームページを制作するための一つの手段のことです。レスポンシブデザインとは、ホームページを閲覧するデバイスごとに、ホームページが自動的に形を変えて表示される仕組みのことです。そのため、一つのホームページを、パソコンで見たときにはパソコン用の形で表示され、スマホやタブレットで見たときは、それぞれの画面サイズに合った形で表示されます。「レスポンシブ(responsive)」の言葉の意味を直訳すると「反応が良い状態」であり、様々な画面サイズに反応して表示させる形を変えることから、responsiveデザインという言葉が生まれました。レスポンシブデザイン以外のスマホ対応として、以前は、パソコン用とスマホ用に別々のホームページを制作し、ユーザーの端末に合わせて表示させるホームページを切り替える手法が主流でしたが、現在はレスポンシブデザインが主流です。ホームページをレスポンシブデザインで制作する際に確認すべき4つの視点そんな、今や当たり前になったレスポンシブデザインですが、自社のホームページは、正しくレスポンシブデザインが実装されているでしょうか。レスポンシブ対応と聞いて安心しるのではなく、次の3点に着目して、正しいレスポンシブデザインが実装されているかを確認しましょう。デバイスへの対応デバイスとは、いわばパソコンやスマホなどの端末のことです。「レスポンシブデザインなのでスマホ対応しています」と一言で終わる制作会社が非常に多いのですが、スマホと言ってもその画面サイズは多岐に渡ります。iPhoneシリーズだけでも、いろいろなサイズがあり、Androidも入れると相当な数のデバイスがあります。パソコンやタブレットの画面も様々なサイズが展開されているため、全てを入れると膨大な数のデバイスがあります。これら一つひとつのデバイスに対応してこそ、初めてレスポンシブデザインと言えます。ユーザーの持つデバイスは多岐にわたるため、少なくとも主要なデバイス数十種類には対応しておかなければ、「iPhoneSEで見たときだけ文字化けしている」といったような現象が起きてしまいます。次に、ユーザーはどんなブラウザを使ってホームページを閲覧するかわからないので、どのブラウザを利用されても美しく表示されているかを確認しなければなりません。Chromeなど、主要なものだけでも数種類あります。どれか特定のブラウザで見たときだけ正しく表示されないなど、ブラウザによって表示が異なりますので、公開前に必ず確認しておく必要があります。最後に、OSのバージョンごとに、表示を確認しておかなければなりません。OSとは、各デバイスの機能を司る頭脳のようなものであり、私たちが普段使っているデバイスは、OSというものがあることでアプリケーションを開いて使用することができます。このOSも様々な種類があり、またそれぞれにバージョンがあります。OS」というOSが搭載されており、最新のバージョンは「10.14.6」です。使用しているデバイスによって搭載されているOSの種類が異なり、またアップデートを行っているか否かによって、同じデバイスであっても、OSのバージョンが異なります。そのため、どのOSで見ても、どのバージョンのOSで見ても、ホームページが正しく表示されているかを確認しておかなければなりません。「レスポンシブ対応」になっていればOKではない多くの制作会社は、「うちで制作するホームページはレスポンシブ対応なのでOKです!」と自信満々に言いますが、どれだけのデバイス・ブラウザ・OSに対応しているかを確認してみてください。24種類の計4320種類です」といったように、対応させるべき事項をしっかりと把握して、答えられるはずです。そこまでを理解しているお客様はあまりいないので、一々言わない制作会社がほとんどですが、多くの制作会社は「単にスマホでも見れる(だけで正しく表示されるかは別)」といった状態です。今回のまとめレスポンシブデザインと言っても、その品質は制作会社によって様々です。レスポンシブ対応ならいいやと安心してしまいがちなのですが、そのないよを具体的に聞いておくことが大切です。ホームページを制作した企業も、制作会社に「うちのホームページってどれくらいのデバイス・ブラウザ・OSに対応していますか?」と聞いてみてください。明確な数字が出てこない場合は、そこまで考えて作られていない可能性が高いので、一度調べてみた方が良いかもしれません。USホームページ制作や集客に関するご質問など、お気軽にお問い合わせください。WEBサイト・ホームページ制作とWEBマーケティングを行う会社です。インターネット広告の運用やSEO対策、SNS集客を含め、あらゆる手段でお客様の業績を向上させる、愛知・名古屋のWEBマーケティング集団です。トップデザイナーによるお客様の心を惹きつけるデザインと、Googleのポリシーに則った最新で最適なコーディング、コピーライターによるセンスフルな文章の執筆、そしてマーケティングの視点を吹き込むコンサルタントとディレクター。WEBサイト・ホームページ集客に関するあらゆる専門家がチームとなって、お客様のホームページ集客を成功に導きます。WEBサイト・ホームページ制作後も、内部SEO対策を適宜見直しながら、コンテンツマーケティングやWEB広告などのWEBサイト・ホームページ運用を行いながら、お客様のコンバージョン(問い合わせや購入)数と売上の増加を図ります。他にも、WEBサイト・ホームページ制作の段階ではわからなかったWEBサイト・ホームページの課題やボトルネックを、アクセス解析ツールやヒートマップツールを活用して明確化し、随時、最新で最適なホームページ集客が行えるよう、WEBサイト・ホームページそのものの見直しを行います。アクセス解析等のデータはレポートを作成して、WEBサイト・ホームページの状況を、お客様にもわかりやすくご説明しています。WEBサイト・ホームページ制作だけでなく、ここ愛知・名古屋で本気のWEBサイト・ホームページ集客をお考えの企業は、私たち株式会社オンカにご相談ください。