Google Search Consoleから「コンテンツの幅が画面の幅を超えています」とのメールが来ました。
メールの内容が何言ってるのか理解できなくて、とにかく「なんかヤバいことが起きてるんだろうな」と思って色々調べてなんとか対処しました。
つまり、スマホなどでサイトを見ると画面からページがはみ出しているみたいです。
その対処法をお伝えしたいと思います。
あなたにおススメの記事
「コンテンツの幅が画面の幅を超えています」とのメールが来たらやること
・まずは、 「Google Search Console」 にログインします。
・次に、上の図の赤線の「モバイルユーザビリティ」をクリックするとエラーの詳細が出てきます。赤丸の「コンテンツの幅が画面の幅を超えています」をクリック。
・赤丸の「ライブページをテスト」をクリックします。
・1分ほど待ちましょう。
・テスト結果が出ます
なんだ？問題ないじゃん！！
一応、問題のページをスマホで開いて下のほうに左右のスクロールバーが無いか確認します。
ワードプレスの「レスポンシブテスト」で確認するのもアリです。
確認した結果、左右のスクロールバーはありませんでした。
左右のスクロールバーがあるということは、場面からページがはみ出しているということになります。
・赤丸の「修正を検証」をクリック
・検証開始のメッセージが出ればOK。
・グーグルから下記のようなメールが来ます。１日待ちましょう
・修正されました！これで安心です。
まとめ
突然メールが来てどうしようかと焦りました。
色々調べましたが、画面の幅が超えていないのにこのようなメールが来る事例が報告されています。
やみくもに設定をいじくる前に、この方法を試してみてください。