モバイルユーザビリティ「クリック可能な要素同士が近すぎます」の原因がヤバイ

ひさ～しぶりに、グーグルサーチコンソールから、

「問題が検出されました」というメールが届きました。

何だろうと思って内容を見てみると、

という2つのモバイルユーザビリティに問題があることが分かりました。

どちらの問題も無事に修正できたので、今回の事例を紹介していきます。

モバイルユーザビリティに引っかかったページ

こちらのページに問題があるようです。

⇒TVを見なくても集金に来るNHK受信料の断り方・解約手続きとは？

ただし、このページを確認した結果

テキストも小さくないし、クリック可能な要素同士もないよな～という感想でしたｗ

そもそもテキストが小さければ、他のページも引っかかるわけで・・・

文字の大きさを変更してみました

そして修正完了ボタン？をクリック

数時間後に、「モバイルユーザビリティが修正されました」という内容のメールが届きました。

ただし問題が修正されたのは、あくまでも「テキストが小さすぎて読めません」という項目です。

そこで再度、サーチコンソールにいき、

左側のメニューからモバイルユーザビリティをクリック。

「クリック可能な要素同士が近すぎます」の項目はどうなっているのかな～と確認すると

になっていました。

片方は合格に、もう片方はエラーという文字が消えて、空白になっていました。

合格してないけど、セーフという思い込みで放置することに。

「クリック可能な要素同士が近すぎます」の原因が○○でびっくり

あることをしたら、再度グーグルサーチコンソールから、「問題が検出されました」というメールが。

「何かしたかな？」と思って振り返ってみると

最近まではアドセンス広告を文章の下だけに配置していましたが

文章の真ん中にも配置したことを思い出しました。

試しに、真ん中のアドセンスを消してみると、

合格になっていました。。。

う～ん、真ん中にアドセンス広告が出ても、その前後に内部リンクも外部リンクもないのですが・・・

まとめ

モバイルユーザビリティの問題を修正し、合格になったわけですが、アドセンス広告の位置が原因でびっくり。

ただし該当した1ページは、特に「クリック可能な要素同士が近すぎます」という要素は見当たりませんでした。

もしかしたら、表示されていないだけであって、他のページのアドセンスとリンクの位置が近かったのかもしれません。

また折を見て、アドセンスを真ん中に置いて、メールが来るか試してみようと思います。

※その後、各ページの文字の大きさを変えた結果、アドセンスを真ん中に表示させてもグーグルからメールが来ていないので問題なさそうです。