CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM9:30~PM6:30

スタッフブログ | スタッフブログ!WEB制作会社、京都のリュウム
スタッフブログ
スタッフブログ!WEB制作会社、京都のリュウム

レスポンシブデザインとは
そもそもレスポンシブデザインとは何を指すのでしょう。

Google は、

ユーザー のデバイス (パソコン、タブレット 、モバイル、非視覚的ブラウザ )に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて(つまり「レスポンシブ」に)表示を変えることができます。

https://developers.google.com/webmasters/mobile-sites/mobile-seo/overview/select-config?hl=ja
Google 検索エンジン は以下の3種類のモバイルサイトを認識しています。

1.レスポンシブデザイン
2.動的な配信(PHPなどによって吐き出されるページ 。実際のHTML ファイルは存在しない)
3.別々の URL (PC向けのHTML とモバイル向けのHTML を別々に用意し、URL も分けられている状態)

この3種類のなかで、Google はレスポンシブデザインの使用を推奨しています。
レスポンシブデザインの場合、どのデバイス に対しても共通のURL ・HTML ・CSS ファイルを使用しているため、例えばスマホでは通常に表示されているのにタブレット では表示エラーが起きる、という事象を避けることができます。

表示エラーが少ないとユーザビリティ が向上するという点や、Google 検索エンジン のクローラー の巡回の手間が少なくなるという利点もあるため、Google はレスポンシブデザインの使用を推奨しているのです。
レスポンシブ ウェブ デザイン - ウェブマスター向けモバイルガイド

ただ、レスポンシブデザインの使用を推奨しているものの、検索順位には特に影響は無いとGoogle は明言しています。
具体的にはどのようなメリットがあり、どのようなデメリットがあるのでしょうか。

レスポンシブデザインのメリット

先にも記載したとおり、レスポンシブデザインのメリットとしては、どのデバイス でも同一のファイルを利用できるため、管理が非常に簡単になることと、デバイス毎の表示エラーを減らせることにあります。

主なメリット

現在多くのブラウザ によってサポートされているCSS 3を使用しているため、汎用的である。より多くの人に見てもらえる。


カラムや画像が、スクリーンサイズに合わせて自動的に適切なサイズになる。そのため、サイト上の情報を適切に得ることができる。


HTML を分けるモバイルサイトでは、デバイス の数だけHTML を増やしていかなければならないが、レスポンシブで制作すればHTML ファイルは同一なので管理がしやすい。修正も1つのHTML だけでよいので、モバイルサイトは古いままといった事態を防げる。

レスポンシブデザインのデメリット

レスポンシブデザインを導入した際のデメリットは、スマホサイト 上で起こるものが多くあります。
パソコン用の情報をスマホで読み込むというのは、パソコンよりもスペックが劣るスマホにとっては、データ読み込みなど負荷のかかる作業になります。

スマホでの読み込み時間の遅さは、ユーザビリティ に大きく影響するため、掲載する情報はシンプルにしてできるだけ読み込みに時間がかからないようにすることが重要です。

主なデメリット


PC用のHTML コードやCSS も読み込むため、表示に時間がかかる。CSS で画面に表示しないようにしても、読み込みは行われるため、ユーザー が待ちきれなくなる恐れがある。


画像も同様。PC用の大きい画像では携帯用の3G/4G回線で読み込むのに時間がかかる。

シンプルなページ であればよいが、レスポンシブサイトの制作は通常より工数がかかる場合が多い。

PCサイトのテキストや画像が多すぎる場合、スマホページ では文字が溢れてしまうなどレスポンシブ化は難しくなる。

まとめ

Google が推奨しているとはいえ、レスポンシブデザインが最も正しいということはありません。
上記で紹介したようにデメリットも存在するため、あくまでデザインの選択肢の一つとして捉え、自社のターゲットユーザー がどのようなデバイス を使い、どのようなシーンで自社ホームページを利用するかを考え、最適なデザインを選択しましょう。

また、タブレット やスマホの新商品が次々と発売され、ディスプレイ サイズもまだまだ多様化していくことは明らかです。
どのような表示サイズ、表示方法がトレンドなのか、ではそれに合った見せ方は何なのかも常に模索する必要があります。



続き▽
| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=91 |
| 《デザイン&SEO》のホームページ作成|制作 | 02:50 PM | comments (x) | trackback (x) |

年末年始営業のお知らせ
年末年始休業のお知らせ

寒冷の候、貴社ますますご清祥のこととお喜び申し上げます。

平素は格別のご高配を賜り、厚くお礼申し上げます。

さて、本年度の年末年始につきましては、

誠に勝手ではございますが下記の通り休業させていただきます。

何卒よろしくお願いいたします。



            記

2017年 12月28日(木)迄 平常通り営業いたします
2017年 12月29日(金) ~ 2017年1月3日(水)まで休業
2018年 1月4日(木)午後から 平常通り営業いたします

期間中なにかと御不便をおかけ致しますが、

今後ともどうぞよろしくお願い申し上げます。


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=90 |
| 《デザイン&SEO》のホームページ作成|制作 | 07:14 PM | comments (x) | trackback (x) |

2017年度 夏季休暇のお知らせ
盛夏の候、貴社ますますご清祥のこととお喜び申し上げます。
平素は格別のご高配を賜り、厚くお礼申し上げます。

さて、本年度の夏季休暇につきまして、
誠に勝手ではございますが下記の通りとさせていただきます。
何卒よろしくお願いいたします。



8月10日(金)迄平常通り営業いたします。

8月11日(土)通常定休日
8月12日(日)通常定休日
8月13日(月)休業
8月14日(火)休業
8月15日(水)休業
8月16日(木)休業

8月17日(水)から平常通り営業いたします。

期間中なにかと御不便をおかけ致しますが、
今後ともどうぞよろしくお願い申し上げます。



| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=89 |
| 《デザイン&SEO》のホームページ作成|制作 | 07:03 PM | comments (x) | trackback (x) |

営業時間変更のお知らせ
お客様各位

時下ますますご清栄のこととお喜び申し上げます。
平素はお引き立てを賜り、誠にありがとうございます。
さて、このたび弊社では、下記の通り営業時間を変更
させて頂く運びとなりましたのでご案内申し上げます。

         記

 【変更前】平成28年12月28日まで

      平日 午前9:30 ~ 午後6:30

 【変更後】平成29年1月6日より

      平日 午前9:15 ~ 午後6:00


何かとご不便をおかけすることと存じますが、何卒ご高承の上、
今後ともよろしくご協力下さいますようお願い申し上げます。

ご不明な点などございましたら、ご遠慮なくお問い合わせ下さい。


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=88 |
| 《デザイン&SEO》のホームページ作成|制作 | 12:53 AM | comments (x) | trackback (x) |

謹んで新春のお喜びを申し上げます。
昨年中はひとかたならぬご厚情を賜り厚く御礼申し上げます。

2017年は酉(とり)年です。
酉とは鶏のことを指します。鶏は中国では、「文武勇仁信」という
5つの「徳」のある動物とされています。
「文」は智恵、「武」は身を守るたくましさ、「勇」は戦う勇気
「仁」は仁義(思いやり)、「信」は信頼をそれぞれ意味します。

徳とはその人の本質や品性を表すものです。
徳のある人は、人の心を動かすことができます。

私どもも酉年にあやかり、鶏のように五徳を携えて
皆様に感動を与えられる一年にしたいと思います。


本年が皆様にとってより良い年でありますよう、心より願っております。

又、本年も変わらぬご交誼のほど、よろしくお願い申し上げます。


なお、年明けは1月5日(木)午後より営業いたします。

よろしくお願い申し上げます。


 ┏━┳━┳┳━┓
 ┣━┃┃┃┣┓┃
 ┃━┫┃┃┃┃┃
 ┗━┻━┻┛┗┛
   (⌒⌒\
  |\>―、)
 _|/・. ヽ
 \/  〇 |
  |    ヽノ⌒ヽ
  |   ̄ ̄ヽ  ⌒ |
  人  \_ノ  /)ノ
   \     /
    \___/
    _∥_∥
    ⌒ ⌒
 謹┃賀┃新┃年┃
 ━┛━┛━┛━┛

平成29年元旦

~Dream Comes True by All Means~


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=87 |
| 《デザイン&SEO》のホームページ作成|制作 | 12:00 AM | comments (x) | trackback (x) |

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページ制作の事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM9:30-PM6:30

無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00~PM7:00

スタッフブログ | スタッフブログ!WEB制作会社、京都のリュウム
CSS