雑記

「コンテンツの幅が画面の幅を超えています」とのメールが来たらやること

 

Google Search Consoleから「コンテンツの幅が画面の幅を超えています」とのメールが来ました。

 

メールの内容が何言ってるのか理解できなくて、とにかく「なんかヤバいことが起きてるんだろうな」と思って色々調べてなんとか対処しました。

 

つまり、スマホなどでサイトを見ると画面からページがはみ出しているみたいです。

 

その対処法をお伝えしたいと思います。

 

 

「コンテンツの幅が画面の幅を超えています」とのメールが来たらやること

・まずは、 「Google Search Console」 にログインします。

 

 

・次に、上の図の赤線の「モバイルユーザビリティ」をクリックするとエラーの詳細が出てきます。赤丸の「コンテンツの幅が画面の幅を超えています」をクリック。

 

 

・赤丸の「ライブページをテスト」をクリックします。

 

 

・1分ほど待ちましょう。

 

 

・テスト結果が出ます

なんだ?問題ないじゃん!!

一応、問題のページをスマホで開いて下のほうに左右のスクロールバーが無いか確認します。

ワードプレスの「レスポンシブテスト」で確認するのもアリです。

確認した結果、左右のスクロールバーはありませんでした。

左右のスクロールバーがあるということは、場面からページがはみ出しているということになります

 

 

・赤丸の「修正を検証」をクリック

 

 

・検証開始のメッセージが出ればOK。

 

 

・グーグルから下記のようなメールが来ます。1日待ちましょう

 

 

・修正されました!これで安心です。

 

まとめ

突然メールが来てどうしようかと焦りました。

色々調べましたが、画面の幅が超えていないのにこのようなメールが来る事例が報告されています。

やみくもに設定をいじくる前に、この方法を試してみてください。

\この記事はどうでしたか?/

-雑記

© 2020 ファーマリーチ