アドセンス

「テキストが小さくて読めません」モバイルユーサビリティで問題が?Google Search Consoleからメールが来た時の解決例

モバイルユーサビリティの問題と解決策

どうも!ほのぱぱです。

先日、モバイルユーザビリティの新たな問題がでたというメールが「Google Search Console」から来ました。

しかも、3件の問題が検出されたようです。

ほのぱぱ
ほのぱぱ
今までこんなメール来たことないけどいきなりどうした~??

問題となった3件は

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

ほのぱぱ
ほのぱぱ
なんのこっちゃ~?

ほのぱぱ
ほのぱぱ
よくわからないけどエラーのあるページを見てみよう

エラーを確認して、問題となったサイトを訂正して更新しました。

最終的には解決できたので、同じようなメールが来て困っている方の参考になれば嬉しいです。

サーチコンソールでモバイルユーザビリティの問題をを確認

モバイルユーザビリティって?

ほのぱぱ
ほのぱぱ
そもそもモバイルユーザビリティって?

 

良くわからなかったので、いろいろなサイトで調べてみました。私のようにあまり分からない方もいるかもしれないので、簡単に説明しますと。

 

要するに

スマホや携帯端末のような小さい画面でも見やすいページを作ってね

ってことのようです。

 

 

【モバイルフレンドリーテスト】ってご存じですか?

Google Search Consoleで、スマホなどでの端末で見やすいサイトと承認されているかのテストができるんです

やり方は簡単です。モバイルフレンドリーテストのサイトに行き、自分のサイトのページをコピペしてクリックするだけでした。

 

問題を修正してくださいっていうメールが届いてから、モバイルフレンドリーテストを行ってみました。

その結果、「このページはモバイルフレンドリーです」でした。

ほのぱぱ
ほのぱぱ
よくわからん!問題があってもフレンドリーなんですね

ほのぱぱ
ほのぱぱ
すぐにフレンドを解除されるわけではなさそうです。フレンドお断りになる前に早めに問題を解決しないと。。

モバイルフレンドリーテストで、テストでフレンドリーとされたサイトの表示

 

話を戻します。

モバイルユーサビリティには、色々な基準があるそうですが、問題になりやすいものはこの2つのようです。

  • 端末の画面サイズに合わせたページサイズ、画像サイズ、文字サイズになっている
  • リンクや広告が誤クリックしてしまわないように配置されている

近年はPCよりスマホでネットを閲覧することが多いので、Google先生はスマホ等でも見やすいページを推奨していて、そのページに不具合があると「問題を修正してね」という内容のメールが送られてくるようです。

ほのぱぱ
ほのぱぱ
最新記事ではなくて、だいぶと前に書いた記事が原因でしたので「あれ?」って思うところはありますが。。

ほのぱぱ
ほのぱぱ
とにかく問題を修正せねば

 

 

修正すべき問題とそのページを確認をする

まずは、Google Search Consoleからのメールにある「モバイルユーザビリティの問題を解決する」をクリックしてみました。

GooglesearchConsoleからのメールの「モバイルユーザビリティの問題を解決する」をクリックしてください

そしたらエラー表示がありました。

ほのぱぱ
ほのぱぱ
しかも3件

エラーの内容をクリックすると、問題があるページのURLが分かります。

とりあえず、そのページのURLが確認できたのでひとまずよかったです。

問題があるページに飛んで、上から下まで細部まで確認してみました。

ほのぱぱ
ほのぱぱ
下に続きます

3つのエラーの解決例

今回は3つの問題がありましたので、1つずつ私なりに解説します!

 

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

ほのぱぱ
ほのぱぱ
クリック可能要素が近いって?

 

何の事でしょう?

リンク等が密集していて誤クリックを招きやすいってこと?

 

 

リンクか広告しか思い当たらないです。

でも問題となったページは、アフィリページではなくて、ほとんどリンクもないページでした。

修正が必要とされたページの中で疑わしいと考えれるものはこの2つでした。

  • リンク
  • CTAで設置したアフィリ広告

 

そのページで設置したリンクは、内部リンクの「合わせて読みたい記事」が2つだけで、それが問題なら他の記事でも問題になるはずです。

一応その2つのリンクを間隔を1つあけてみました。リンク同士が繋がっていて、スマホ等で誤クリックに繋がらないようにするためです。

 

 

CTAで設定した広告も怪しい気がしましたが、これもCTAが原因なら、他の記事もエラーになりはずです。

ほのぱぱ
ほのぱぱ
リンクや広告の間には必ず隙間があるので、正直手詰まりです

 

もう解らないので、これ以上は何もしなかったです( ;∀;)

 

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

ほのぱぱ
ほのぱぱ
コンテンツの幅が超えている? 

はみ出しているってこと??

 

画像か何かかな?って思いましたが、その記事では広告以外の画像の使用はアイキャッチのみ。

そのアイキャッチ画像はPCやスマホで確認してもはみ出ていない。。一応、アイキャッチの画像の大きさの確認もしましたが特に問題ない。

ほのぱぱ
ほのぱぱ
もうわからんってなります(笑)

 

でも、記事をスクロールして確認していたらあったのです!

なんとGoogleアドセンスの広告が、なぜがズレていて画面からはみ出していた( ;∀;)

ほのぱぱ
ほのぱぱ
しかもズレていた広告は1つだけでした

ほのぱぱ
ほのぱぱ
なぜやぁ?

 

とりあえず、広告管理を見てみたのですが特に問題は見つけられなかったです。アドセンスの広告コードの張り直しもしてみましたが、変わりません。。

ほのぱぱ
ほのぱぱ
すぐに手詰まりに。。これには困りました

 

 

よくわからなかったのですが、こんなことも聞いたことがあります。

「ブログのエラー系はプラグインの不具合もある」と。なので、プラグインを見てみました。

 

そしたら未更新のものが1つありました。

しかも画像を自動で縮小してくれるタイプのプラグインです。

画像系のプラグイン。。これはもしや??

EWWW lmage Optimizerというプラグインを使用していました。Wordpress内の画像ファイルサイズを自動で縮小してくれる便利プラグインです。

とりあえず怪しいのですぐに「更新」しました。

そしたら広告の画像のはみ出しが直ったのです!

ほのぱぱ
ほのぱぱ
よかった~。アドセンス等の広告のはみ出しは、プラグインを一度確認すると良いかもしれません

 

 

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

ほのぱぱ
ほのぱぱ
テキストが小さいって??

 

これもどういうことか分かりません(笑)

記事の文字サイズはすべて「16px」に設定しています。見出しの文字サイズはもっと大きいですし。

 

ページを上から下まで見てみましたが、まったく分かりません。。

ほのぱぱ
ほのぱぱ
⇐この私の名前の「ほのぱぱ」が小さい?って思いましたが、他の記事も同じサイズですし

ほのぱぱ
ほのぱぱ
これは本当にお手上げです(‘ω’)ノ

 

最終的には、「テキストが小さくて読めない」問題については何もしていません。

 

 

問題個所を直せたら「修正を検証」をクリック

「修正を検証」をしてみよう

問題を解決できたら、SearchConsoleでエラーが表示されている部分をクリックします。

するとこのようなページに飛びます。

「修正を検証」をクリックします。

検証が始まります。

私の場合は3つの問題があったので、それぞれ修正を検証しました。

 

検証が始まったら、「修正を検証しています」のようなメールが来ますので、そこからは気長に検証結果を待つことになります。

そして次の日にGoogle先生からメールが届きました。

ほのぱぱ
ほのぱぱ
ほっとしました

 

「テキストが小さい」問題については、記事の更新以外は何もしていません。

いまだになぞですが、とりあえず「問題が修正された」となりましたので一安心です。

 

今回のまとめ

私の場合は3つの問題の修正が必要となりました。

 

結果的には、ほとんどの問題の解決に、技術的に難しいことはなかったです。

下手にCSSを触ったりする前でよかったです( ;∀;)

 

しかも「テキストが小さい」問題についてはほんとに何もしていません。


ほのぱぱ
ほのぱぱ
この問題だけの修正でしたら、記事更新だけして一度申請してみてもいいかもしれません。。?

 

以上で、モバイルユーサビリティから問題を修正するメールが来た話でした!

最後まで読んでいただきありがとうございました。同じことで悩んでいる方に参考になれば嬉しいです。

【Googleアドセンス合格後】記事の好きな場所にに自動で広告を載せるプラグインAdvanced Adsの使い方Googleアドセンス合格後に使いたいプラグイン「Advanced Ads」の紹介です。好きな場所にアドセンス広告を配置できます。...
ブログ運営に欠かせないASP
もしもアフィリエイト
ブログ初心者の方に、まずお勧めしたいASPはもしもアフィリエイトです。
広告内容も豊富で使いやすく、当ブログの育児グッズでもお世話になっています。もしもアフィリエイトの1番良い部分はAmazonと楽天の広告を同時に出すことができるところ。
特にAmazonアソシエイトの審査合格した方におすすめです!楽天と併用して、クリック率アップに繋がると思います!

 

詳細ページ公式ページ

アクセストレード
アクセストレード パートナーサイト募集
おすすめ度第2位にアクセストレードを選ばさせていただきました!
アクセストレードは、A8netなどに比べると広告の種類や数は少ないですが、金融系・転職系がとても強いASPです。
他のASPの期限切れの時のサブ用や、金融系・転職系のアフィリエイト広告を出したい方は登録しておくべきです!

 

詳細ページ公式ページ

A8.net
国内最大級のアフィリエイトサービスで、広告主数が19,000社以上もあり、ほとんどの書きたい広告をカバーできると思います。
アフィリエイトを始める方は、まずはA8netを登録しておいて損はないはず。
1番の魅力は、広告の種類や数が多いことも嬉しいですが、何といっても審査がめちゃ通りやすいところ。アフィリエイト初心者の方に、1度試してほしいASPです。

 

詳細ページ
公式ページ