Googleよりモバイル ユーザビリティの指摘がありました。
それは、突然のメールでの指摘。以前は全く問題なかったのですが、何が原因なのか不明です。
最高95件のエラーが出ていました。
指摘の内容は以下のとおりの3点です。
- クリック可能な要素同士が近すぎます
- テキストが小さすぎて読めません
- ビューポートが「デバイスの幅」に収まるよう設定されていません
実際のサイトの表示
iPhone SEの4インチ液晶でこの表示では、指摘されて当然です。
原因の切り分けと対策
キャッシュが残っているのが原因か？
●プラグインのCache EnablerのCache Behaviorのチェックをすべて外す。
結果は変化なし。
●修正を求められているページから原因を探る。
画像の表示サイズを再度確認。
画像は、自動で表示サイズを変更しているが一部が画像が適用されていなかった。
yutubeのリンク表示画像が幅650pxのものを修正。
アイキャッチ画像で大きいままのもがあったので修正。
●WordpressテーマSimplicity2との相性
特に原因はわからず。
●原因のページを開き再度更新ボタンを押す。
結果
上記の設定で、どのページもモバイル ユーザビリティでの問題は解消しました。
サイト表示スピード
GTmetrixの結果
PageSpeed Insightsのモバイル表示
PageSpeed InsightsのPC表示
WEBSDITE GRADERの表示
プラグイン設定を多少変更しましたが、特に問題内容です。