不合格

作業は二転三転して
Bootstrapのoffcanvasを使ってだいたいできた
あとは情報を流し込むだけ
念のためモバイルフレンドリーテストを再度してみたら
なんと不合格・・・
Pagespeed Insightsで調べると68点
「コンテンツの幅が画面の幅を超えています」が原因らしいが
offcanvasってそういうデザインじゃないか
googleではパソコン用とモバイル用に振り分けるより
レスポンシブを推奨しているが、実際にテストをすると
振り分け型の方が点数がいいような気もする
また振り出しだぁ、、

offcanvas
http://getbootstrap.com/examples/offcanvas/

モバイル フレンドリーテスト
https://www.google.com/webmasters/tools/mobile-friendly/?hl=ja

Pagespeed Insights
https://developers.google.com/speed/pagespeed/insights/

モバイルフレンドリーテスト

目次