【解決法】急に「モバイルフレンドリーではありません」とエラーが出たらこれかも？

Search Consoleでいつのまにかエラーが出てることって結構あると思いますが、私もでました。
「このページはモバイルフレンドリーではありません」の文字が。
ちょっと心当たりがあったので、設定しなおしてみるとちゃんと解決できました。

今回は「URL は Google に登録できますが、問題があります」と表示され、「このページはモバイルフレンドリーではありません」となったケースを解決できたので、その方法を共有したいと思います。

エラーの状態
原因はプラグイン？
解決法
プラグインない場合でも理由は同じ可能性

新たにレンタルサーバーを選ぶならこれ！

エックスサーバー

国内シェアNo.1の高速サーバーなのでストレスフリー！
自動バックアップ機能に標準対応で安心運用可能！

気になるポイント！	キャンペーン中に契約すれば.com等のドメインを永久無料で使えます！

WordPressでサイトを運用すると重くなりがちですが、使用しているレンタルサーバーのスペックがあまり良くないと、どんなにWordPress側で高速化をしていても、なかなか高速化の成果が反映されません。サイトの表示スピードが上がらない原因がレンタルサーバーの場合は、エックスサーバーにしてみると改善するかもしれません！またサーバー等のバックアップを自動で行っているので、安心してサイトの運用をすることができます！またマルチドメイン、メールアドレスを無制限で使えるというのもうれしいですね。

公式サイトはこちら

エラーの状態

Search ConsoleでURL検査をするとこのようなエラーが表示されました。

「このページはモバイルフレンドリーではありません」の文字が。
なんで急に？と思いましたが、そういえばSNS系のプラグインを新しく入れたなーと思って確認してみました。

原因はプラグイン？

SNSのシェアボタンを自作して設置するのが面倒だったため、「Simple Share Buttons Adder」というSNS系のプラグインを導入しました。
これを無効化してもう一度Search ConsoleでURL検査をすると、予想通り「このページはモバイルフレンドリーです」とエラーは解決されていました。

ちなみにSNSシェアボタンは、設定しないデフォルト状態だとこのような感じになっています。

まあ確かにぎゅうぎゅうで使いにくいかも。
今回はこの「Simple Share Buttons Adder」の設定を変更して、解決していきます。

解決法

「このページはモバイルフレンドリーではありません」を解決するためには、WordPressの管理画面から「Simple Share Buttons Adder」の設定画面にいきます。

設定画面の【styling】にある【Padding】を設定します。

とりあえずPaddingを20pxくらいにしておけば、エラーは解消されると思います。
（それ以下でも大丈夫かもしれないです）
ここの数字はでそれぞれの好みに合うように、ちょうどいい感じに設定してください。

設定が終わったら、右上にある保存ボタンをクリックすれば完了です！

設定をしたら、再びSearch ConsoleでURL検査を行いましょう。

こんな感じで、「このページはモバイルフレンドリーです」と表示されます

プラグインない場合でも理由は同じ可能性

SNSのシェアボタン同士が近すぎることが原因でエラーが発生していました。
今回はたまたまプラングインがげんいんでしたが、「このページはモバイルフレンドリーではありません」と表示された場合は、一度そのページを見直してみて、リンク同士が近すぎないか？、小さすぎないか？ということをチェックしてみましょう。

意外と簡単な理由でエラーが解消されるかもしれないですよ～