サーチコンソール｜テキストが小さすぎ＆要素が近すぎエラーを解決

グーグルサーチコンソールからのエラーメール

ある日Google Search Console（グーグルサーチコンソール：以下サーチコンソール）から「「モバイル ユーザビリティ」関連の問題が2件検出されました」とメールが。
早速PCでサーチコンソールで開いてみると…

テキストが小さすぎて読めません
クリック可能な要素同士が近すぎます

というエラーがモバイル ユーザビリティで検出されたというお知らせがきていました。
実は2020年1月にも「クリック可能な要素同士が近すぎます 」というエラーがでていました。
今回のエラーがでたページとは別の投稿です。
そのときはあれこれ試し、例えばタグを削除（あるタグのページがエラーだったので）したり、使用しているタグに関連するインスタグラムの画像を変更してみたり。
1週間くらいエラー表示が続いたので、コンソーチルに古いコンテンツの削除を依頼（削除したタグのURL）したところ、翌日問題が修正されたとメールがきました。
その後、この投稿ページではエラーが発生していません。

あれから5ヶ月経った最近、またもや同じ「クリック可能な要素同士が近すぎます 」のエラーが。
しかも今度は「テキストが小さすぎて読めません」という新たなエラーまでもが…。
どうしよう…。
エラーががでるとちょっと焦りますよね。

まずは同様のエラーを検索してみる

「テキストが小さすぎて読めません」「クリック可能な要素同士が近すぎます」、2つのエラーメッセージがきた人をネットで検索すると…でるわでるわ。
よかった、こんなにエラーがでる人がいるなら解決策はあるはず！と軽く安心。
まずはグーグルの「モバイルフレンドリーテスト」を実施してみることに。

モバイルフレンドリーテストはこちらから

おお、見事合格。
じゃぁ原因はいったい何？

テキストが小さすぎて読めませんの原因を探る

「テキストが小さすぎる」にまったく心当たりがないんですけど。
当ブログは【THE THOR（ザ・トール）】というブログのテンプレートを使用し、ワードプレスで作成しています。
ワードプレス内で文字の大きさを変えることができますが、一番小さい文字は7ポイントでスマホでも読める大きさにしています。
ちなみにエラーが発生したページはこちら↓

関連記事

管理人の海外ドラマ事情5【My Dangerous Wife 僕のヤバイ妻 トルコ版視聴中他】

ブログ管理人の海外ドラマ視聴状況相かわらずテレビの外付けHDDに録画したものやアマゾンプライムビデオなど観散らかしている毎日。自然消滅しそうなドラマもたくさんありますが、今後観続けていこうかな？というドラマを中心に紹介します。[…]

投稿したのは2020年2月22日、それが今さらのエラーって…まぁいいや。
念のためもう一度ページの文字の大きさを確認するも、このページだけ特別小さい文字は見当たりません。
ある人はモバイルフレンドリーテストでブログの画面がスマホの画面の左右に対して横半分くらいに縮小されて表示されていたようで、それが「テキストが小さすぎる」原因なのでは、と考える人もいました。
が、しかし私はモバイルフレンドリーテストでは正常に表示されています。
う〜ん、わからん。
CSSの設定？いや私にCSSを触らせるとブログがどえらいことになりそうだからやめておく。
ということで原因不明。

クリック可能な要素同士が近すぎますの原因を探る

以前もこのエラーが検出されたので同様に特定のタグか何かがエラーを起こしているのかもと思いましたが、前回のようにタグ名は出てきません。
ただページのURLが表示されるだけです。
検索してみるとテキストリンクなど、タップできる要素が近すぎたりするとこのエラーがでるようです。
しかし、ページを確認してみても接近するテキストリンクはありません。
もしかしたら内部リンクとアドセンスの広告が近いとか？
1箇所、上にアマゾンアソシエイトの広告画像が、下にアドセンスの広告という場所があったのですが、このページに限ったことではありません。
なのでこれが原因ではなさそうです。
ということでこちらも原因不明。

何もしないで修正を検証してもらう

原因不明なので解決法もなし。
ということで「モバイルフレンドリーテスト」には合格してるから大丈夫かも？という根拠なき自信に後押しされコンソーチルの「修正を検証」をクリック。

さすがにすぐには結果がでないので放置します。
そして翌日の朝、メールを見てみると

なぜか問題は解消していました。
不思議ですが、解決したのでこれでよしとします。

もしあなたのサイトでもこのエラーがでたら

まずはモバイルフレンドリーテストを実施し、問題なければとりあえずコンソーチルで「修正を検証」してもらいましょう。（モバイル ユーザビリティ関連のエラーだったので）
それで解決する場合もあるようです、私のように。

エラーメッセージを見ると私のようなブログ＆CSSオンチはめちゃ焦ります。
でも同じようなエラー経験者がたくさんいます。（心強い）
まずは簡単な方法から試してみてはどうでしょうか。
私のように何もしないで解決した人もたくさんいるようです。

できればコンソーチルのエラーメッセージが、もう少し細かいところまで表示されていると解決が早くなると思うんですがね。
また同様のエラーがでたら追記していきます。
どなたかの何かの参考になれば幸いです。