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

googleモバイルユーザビリティ
[記事内には広告が含まれています]

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

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

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

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

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

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

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

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

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

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

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

 

モバイル ユーザビリティbility

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

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

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

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

何もしないとエラーのままなので、全体設定から文字のテキストの大きさを大きくしました。

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

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

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

 

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

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

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

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

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

⇒「エラー」という文字が消えて「空欄」になっていました。

 

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

合格

になっていました。

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

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

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

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

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

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

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

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

 

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

モバイル ユーザビリティ合格

 

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

まとめ

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

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

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

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

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

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA