2015年4月21日にGoogleが検索のアルゴリズムを変更したと発表がありました。
Google ウェブマスター向け公式ブログ: 検索結果をもっとモバイル フレンドリーに
サイト自体の順位が変わるのではなく、個別のページの評価に大きな影響があるということです。
JAVCOVERYでもモバイル対応をしているのですが、順位上がったかどうか実感は今のところあまりないですがそのうち効いてくるのでしょうか。
実際の影響はさておき、Googleが正式に発表した事なので対応するしかないかとは思います。
モバイル対応の方法-メディアクエリ
JAVCOVERYではメディアクエリを採用しています。モニタの解像度に応じてCSSの適用範囲を変更するというあれです。
メディアクエリのメリット
・更新の際、HTMLを変更しなくていい
・URLが1つになる
メディアクエリのデメリット
・メディアクエリ用にサイトを設計する必要がある
・css設計が複雑になる
・デザインがどうしてもおおまかになる
解像度設定の考え方
JAVCOVERYではなるべく簡素化するために、3つのブレークポイント（デザインが変わるポイント）を設定しています。
①モバイル（480px以下）
②タブレット（480px〜750px）
③PC（それ以上）
上に3つ書きましたが、大きく分けるとモバイルとPCで設計し、その不具合を②で吸収するという形で作っています。
あまりに細かく設計をするとこちらの頭がこんがらがってしまい、更新の際に不具合がうまれてしまうため、なるべくシンプルに考えるようにしています。
