貸切バス・旅行会社web担当者がチェックするポイント(web編)4

■【続】Google先生からの警告

先日、Google先生から「モバイル対策しなさい」と警告がありましたので、まずは、管理する4つのサイトの中で一番ページ数の少ないサイトを対応させてみました。

対応させてみました、と言っても簡単にできたわけではなく、Google先生の教科書や、それ系のサイトとにらめっこしながらの作業でした。

で、一応「RWD(レシポンシブウェブデザイン)」にした結果がこちら

各ページとも「モバイルフレンドリーテスト」では「問題なし」となりましたが、「速度」については修正前より成績が悪くなってしまいました。

これは、ヘッダーの画像がもともと1000px程の幅あるのですが、これを極端に言えば320px幅しか表示できないディバイスには、320px幅に強制縮小して表示させています。このことでGoogle先生から「大きい画像をそのまま使うのではなく、画像のサイズを小さくしなさい」という指摘が増えてしまい「速度」の成績が悪化したということです。

表示幅ごとに画像を切り替えたりする技もあるようですが、そうするとせっかくRWDで本体を１つしか作らないようにしているのに、画像を複数準備するというのは、まったく逆の作業のような気がしますので、ここは、「htmlは１つ、画像も１つ(但し、tinypngで圧縮はしたよ)」というポリシーで、減点を容認することにしました。

さてさて、検索順位はどう動いてくるのでしょうか？


【株式会社ノースフィールドがご案内しているサイト】
・貸切バスご予約サポートセンター 　http://www.nftd.jp/bus/
・団体旅行ご案内センター 　http://www.nftd.jp/gt/
・企業送迎バス｜契約送迎バス専門サイト 　http://www.f-project.tv/
・貸切バス案内所｜貸切バス専門サイト 　http://kb-navi.com/