WordPress無料テーマ「Cocoon」を使うがモバイル ユーザビリティの問題が検出される

WordPress無料テーマ「Cocoon」を使うがモバイル ユーザビリティの問題が検出されることについて書きます。

当ブログは、Googleサーチコンソールに登録し、2020年からWordPress無料テーマ「Cocoon」を使っています。この「Cocoon」はSEO・高速化・モバイルファースト最適化済みとなっています。

モバイル ユーザビリティで問題が検出される

モバイルファースト最適化済みとなっていますが、最近サーチコンソールから、「サイトhttps://www.○○.○○○で「モバイル ユーザビリティ」の問題が新たに 検出されました」といったタイトルのメールが届きます。

モバイル ユーザビリティhttps://www.○○.○○○で問題が検出されました

https://www.○○.○○○/ の所有者様

Search Console により、貴サイトに影響する「モバイル ユーザビリティ」関連の問題が 3 件検出されました。

主な問題

貴サイトでは、以下の問題が検出されました。

コンテンツの幅が画面の幅を超えています

テキストが小さすぎて読めません

クリック可能な要素同士が近すぎます

上記の問題をできる限り解決されることをおすすめいたします。こうした問題を解消することで、サイトのエクスペリエンスや Google 検索結果での表示を最適化できます。

モバイルファースト最適化となっているのに、なぜこのようなメールが届くのか不思議です。年のために、Googleサーチコンソールのモバイルフレンドリーテスト(https://search.google.com/test/mobile-friendly?hl=ja)を行ってみます。

Googleサーチコンソールのモバイルフレンドリーテスト

Googleサーチコンソールのモバイルフレンドリーテストを行ってみましたが、「このページはモバイル フレンドリーです」という結果が表示されました。

「このページはモバイル フレンドリーです」という結果が表示されましたが、「ページの読み込みに関する情報」が表示されていますので、「詳細を表示」をクリックして確認してみます。

クリックしてみると、「ページが部分的に読み込まれました」と表示されています。

ページのリソースの一部を読み込めませんでした。これは Google がページをどう認識するかに影響する場合があります。問題を解決して、Google がページをどう認識するかに影響する可能性のあるリソースがすべて取得できるようにしてください。

上記のような内容で、「ページリソースを読み込めませんでした」というURLを確認してみると

・https://apis.google.com/

・https://googleads.g.doubleclick.net/

・https://pagead2.googlesyndication.com/

・https://partner.googleadservices.com/

・https://www.google.com/

・https://www.gstatic.com/recaptcha/api2

といったURLで、ほとんどがGoogle関係のURLとなっています。当ブログではGoogleAnalyticsやAdSenseなどを利用していますが、これが原因なのか。原因になっている場合だが、運営上削除するのは難しい。

■解決する方法

この問題を確認する方法だが、具体的な方法が思い浮かばない。他にもWordPress無料テーマ「Cocoon」を使いモバイル ユーザビリティで問題が検出された方がいないか探してみると、「モバイルユーザーアビリティのエラーについて | 不具合報告 | Cocoon フォーラム」というページに行き当たる。

このページを閲覧すると、今回の問題はどうやら「CSSの読み込みタイミング」に問題があるということだ。モバイルフレンドリーは特に問題ないので、今回のこの問題はしばらく様子を見る。

コメント

タイトルとURLをコピーしました