「モバイル ユーザビリティ上の問題が検出されました」のメールが来て

時間が経つのが早くて、びっくりしています。
今年の2月にGoogleから「モバイルユーザビリティ上の問題が検出されました」というメールが来てしまい、その修正に追われていました。

オフルームビーズワークSweet Peaのサイトの方になのですが、Googleからの文面が脅し(笑)みたいだし、タブレット端末で見てみると確かに見づらかったので、修正することにしました。

しかし、「サイトの146ページをテストし、そのうちの100%に重大なモバイルユーザビリティ上の問題を検出」って、全ページ? いや、もっとあるはず。
かなり時間かかりそうということで、すぐにとりかかったのですが、分からないことを調べている時間が多かったのと、1個ずつページを開いて修正しないといけなかったので、つい最近まで修正していました。

見た目はそんなに変わっていないのですが、スマホやタブレットなどの端末で見たときには、メニューが下に落っこちるようにして、メニューの間隔を広げたりして、タップしやすくなるようにしてみました。PCでも、ブラウザの幅を狭くしていくと下に落ちます。

画像もサイズ指定していた部分を削除して、ブラウザの幅に合わせて変化するようにしました。
あちこちで、サイズを数値で指定していたものを%指定にするなど、かなり作業量がありました。

ビーズアクセサリーLobeliaの方も、スマホとPCと共通のページがあって、それらは修正したのですが、PCサイト用の商品一覧と商品詳細ページは変わっていません。というか、変えられません。
スマホ対応ページがあるのですが、できれば、PCサイト用のページを、どの端末でも見られるページに統一してしまいたいなと思っています。ちょっと時間がかかりそうです。

ナンジャモンジャの花