レスポンシブデザインに変更しました


このサイトは、スマホではPCのデザインのまま表示していました。
わざとではなく面倒だったので(笑)

しかし、こんな記事が昨日出たので、対応することにしました。

Google、モバイル重視の検索アルゴリズム変更を4月21日に実施へ - ITmedia ニュース

Googleが、モバイル端末からのGoogle検索の利用増加に対応する目的で、“モバイルフレンドリーな”Webサイトのランクを上げるアルゴリズム変更を4月21日に実施する。GoogleはWebオーナーに、サイトをモバイルフレンドリーにするための手引を公開している。


スマホ表示に最適化する方法には、そもそもスマホ専用サイトを作って表示するか、レスポンシブデザインにして、それなりに見やすくするかのどちらかの方法となります。

スマホ専用サイトを構築すると、プログラム側も変えないといけないので、今回はレスポンシブデザインで対応しました。

そのため、左メニューだったのを右メニューへ変更して、768px以下になったらfloat解除して下に落とすようにしました。

9900でもそれなりに見えるので大丈夫でしょう。

さてと、本家の方をどうしようかな・・・