宮崎のWEB制作アドエス

サイトをスマホ対応に変更しました

2015.03.10

サイトがスマホ対応であるかどうかが検索順位の要因となるというgoogleの発表があり、サイトのスマホ対応化が進んでるのではないかと思います。アドエスでもその波に乗ってみましたというわけではないのですが、本日サイトをスマホ対応に改良しました。正確にはwordpressのプラグインを使ってスマホ対応していたサイトをプラグインを停止し、stylesheetできちんとスマホ対応させました。

 

方法としては、メディアクエリを使用したレスポンシブ対応に変更しました。以前に画面幅によって読み込むstylesheetを分ける方法で制作したことがあったのですが、IE8以下のシェアももう減ってきたこともあり、今回は1枚のstylesheetで@mediaの分岐を作成してみました。元々スマホ対応を考えずに作成したサイトだったので、少し大変なところもあったのですが、なんとか完了!

 

ウェブマスターツールがちゃんとスマホ対応として扱ってくれるか、様子を見ながら少しずつ手を加えてみようと思います。4.21までにはなんとかなるはず!