かなり前からスマホ用にモバイルフレンドリーした方がいいです、というような通知がGoogleから来ていました。
本来は全メニューやコンテンツを利用できるPC表示で貫きたいのですが、時の流れに沿うことにして、台風で休講になった時間を利用しモバイル用サイトの構築を開始することとなりました。
Bootstrapでモバイル用の別URLを作って、rel=”canonical” 要素、rel=”alternate” 要素でつなげることも考えましたが、今のPCサイトはbaserCMSを使用しており、それがレスポンシブデザインに気持ちだけ対応しているようなので、それを利用することに。
今あるメニューをそのままモバイル用にコピーして、画像を極力なくし、表のサイズ指定も変え、余分な文章はそぎ落とし、入試などの各種データのメニューは割愛し、ほっそりとしたサイトに仕上げました。必要最低限サイトになりましたが、会員の方のメニューはほぼ維持し利用に支障がないようにしています。
Googleのサイト「モバイルフレンドリーテスト」で合格をいただきましたので、昨日から稼働させています。
スマホでＰＣサイトを表示する場合は、キャッシュが残っていればブラウザ設定の「ＰＣ表示」にチェックを入れると表示されます。画面だけ小さくなる場合は、チェックを入れた後、ＵＲＬアドレスの最後尾「/s」削除すれば表示されると思います。（お使いのスマホによって設定は多少異なります。）