【解決】このページはモバイルフレンドリーではありません



モバイル フレンドリー テスト – Google Search Console

今回は、3つのエラーが表示されていました。他の要因としては「スマホのビューポートが設定されていない」とエラーになります。

  • テキストが小さすぎて読めません
  • クリック可能な要素同士が近すぎます
  • コンテンツの幅が画面の幅を超えています

スマホから見たら正常に表示されていたのに…Google先生から見るとダメだったようで。文字ちっさ。

パソコンから見たらこんな感じ。

エラーがはじまった日を見て「ああ」と思いました。

別サイト「旅行と食べ歩き」ではWordPressのテーマ「ルクセリタス」を使っているのですが、高速化設定で「テーマの CSS を HTML に埋め込む」のチェックを外してしまうとダメみたいです。

チェックを入れて「変更を保存」したらモバイルフレンドリーに戻りました。

サーチコンソールで「修正を検証」したら、3日ほどで合格となりました。

どうやら「CSS の読み込みの遅延」でもエラーの要因となるようですね。でも、CSS を圧縮することにより CSS 自体が読み込まなくなることもあるので、様子を見ながら CSS Minifier などでコードの圧縮をしてみようと思います。