マガジンant2の機能やその他のWEBサイトに関するお得な情報を配信します。レスポンシブデザインについて今回のテーマはレスポンシブデザインについてです。レスポンシブデザインとはご存じの方も多いと思いますが、ホームページを表示する際にPCやスマートフォンの画面サイズに合わせて表示させるデザインのことです。ホームページを見にきたユーザーの利用デバイスに合わせた表示が可能になります。※ant2oem.netのスマートフォン表示時レスポンシブデザインのメリット一括管理で運用できるこれまでは、PC版・スマートフォン版のホームページをそれぞれ更新する必要がありました。レスポンシブデザインの場合、表示されているデータは共通のものなので、その必要がありません。更新の作業時間やコストを削減できます。モバイルフレンドリー』でもお伝えしましたが、モバイルフレンドリーなホームページを作成する上で【あらゆるデバイスとの一貫性があるモバイル用テンプレート、テーマ、デザインを選択する】という項目をレスポンシブデザインを導入することでクリアすることができます。モバイルフレンドリーへの対応はSEO対策にも影響します。詳しくは前回の記事をご参考ください。設定上の注意レスポンシブデザインを使用する際は編集サイトへログインしていただき、[管理]-[システム]-[サイト設定]の「モバイルサイト」を【なし】と設定してください。【あり】の設定でスマートフォンでホームページを表示した際、レスポンシブデザインのデータではなく、モバイルサイト用のデータが表示されてしまいます。ページが重くなりすぎないように注意レスポンシブデザインの場合、PCで表示するデータもスマートフォンで表示するデータも同じ内容です。PCでスムーズに表示されていても、スマートフォンでは表示に時間がかかってしまう恐れがあります。画像や動画の容量に気をつけましょう。今回はレスポンシブデザインについて簡単にご紹介しました。近年のスマートフォンユーザーの増加に合わせて、レスポンシブデザインのホームページも増えています。現在、弊社からも100種類以上のレスポンシブデザインのテンプレートをご用意しております。レスポンシブデザインでないサイトなら、この機会にご検討してみてはいかがでしょうか。