サーチコンソールでモバイルフレンドリーのエラーが出た時のテストツールと対応方法!

  
  • Facebookへのシェア
  • はてなブックマーク
  • 人気ブログランキング

Googleサーチコンソールで「このページはモバイルフレンドリーではありません」と表示された時の対応方法を解説します。

 

 

サイトの読み込みが遅いとGoogleのAIがデータを取得できなくて一時的に出て、自然に解決することもあります。

 

一時的な場合もありますので、対処する前にモバイルフレンドリーかどうかをテストをする方法もご紹介します。

 

エラーが出ても大丈夫ですよ!まず、モバイルフレンドリーテストをして合格すれば、対処しなくても済みます!

 

 

こんな方に読んで欲しい

サーチコンソールで「モバイルフレンドリーではありません」とエラーが出て、何をしたらいいか、どう対応したらいいか困っている

 

 

モバイルフレンドリーとは

 ユーザーが快適にモバイルWebサイトを閲覧できるようにすることモバイル端末での閲覧がしやすいということです。

ユーザビリティと検索順位の向上につながる! 

 

対処法の前にまずは本当にモバイルフレンドリーではないのかをテストします!

 

サーチコンソールで「このページは、モバイルフレンドリーではありません」と表示されても、一時的なこともありますし、エラーが出てもいつの間にかエラーが解消されていることがあります。

 

一時的にエラーが出て、いつの間にか解消していることがありました!

 

 

ですからまずは、本当にエラーが出ているのか調べるために、モバイルフレンドリーテストをします。

 

このテストツールは、Google公式のテストツールですから、このテストをクリアできていれば問題はなく、対処はしなくて良くなります。

 

 

では、モバイルフレンドリーテストツールの使用手順について解説します。

 

 

1:Googleの無料ツール「モバイルフレンドリーテスト」へアクセス

 

モバイルフレンドリーテスト

 

2:真ん中のテキストボックスに調べるページのURLを入力し、「URLをテスト」のボタンをクリックします。

 

3:分析が始まって、1~3分くらい待つと結果が出ます。

 

 

モバイルフレンドリーテストの結果で、

 

「このページはモバイルフレンドリーです」と出たらテストに合格、問題ありません。もう対策はいりません。

 

お疲れさまでした!

 

「このページはモバイルフレンドリーじゃありません」と出たら、対処していきます!

 

 

モバイルフレンドリーではないエラーの原因3つ

 

サーチコンソールを見ると、モバイルフレンドリーのエラーの原因は3つありました。

 

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

→文字が小さすぎる

 

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

→リンクとリンクの間が近すぎる

 

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

→画像の幅が大きくて、読み込み速度が遅くなっている

 

ページを読み込む速度が低下することによって「モバイルフレンドリーではない」と判定されてしまうことがあります。

 

 

モバイルフレンドリーではありませんの対処法

 

テストで「このページはモバイルフレンドリーではありません」と出た場合は、対処も書いてくれています。

 

テキストが小さすぎて読めません→文字が小さすぎるエラーの対処法

 

指示に従って、フォントサイズなどのWebページデザインを調整します。

 

Googleが推奨している最小フォントサイズは、16px、行間1.2emです。

 

16pxより小さいフォントサイズを使用している場所を修正します。

 

 

クリック可能な要素同士が近すぎます→リンクとリンクの間が近すぎるの対処法

 

リンクとリンクの行間を空けます。

 

クリック可能な要素ですから、広告も含みます。

 

 

 

コンテンツの幅が画面の幅を超えています→画像の幅が大きい時のの対処法

 

 

PCでもスマホでも見る画面サイズによって、画像の大きさが変わるレスポンシブWebデザインに設定します。

 

最近のワードプレステーマは、ほとんどがレスポンシブWebデザインになっています。

 

GoogleもレスポンシブWebデザインを推奨しているんですね。

 

 

 

 

ページの読み込み速度を上げる方法

 

また、画像の幅が大きいとページ表示速度が遅くなることがあります。

 

ページ表示速度が遅いとGoogleのサイト評価も悪くなりますから、読み込みを改善する必要があります。

 

  • 記事に載せる画像を圧縮する
  • Twitter画像を入れない

 

 

記事に載せる画像を圧縮する

 

画像が表示されるまでに時間がかかると読者さんはイライラしてブログを閉じてしまいます。

早く表示されるためにも記事に載せる画像は圧縮します。

 

記事に載せる画像を圧縮する方法

 

 

簡単に画像が圧縮できる無料ツール「Tiny PNG」です。

 

Tiny PNG公式サイトhttps://tinypng.com/

 

 

画像の圧縮方法はこちら↓

 

https://wagtechblog.com/blog/tinypng.html 

 

 

Twitter画像を入れない

 

ドラマやテレビネタを書いた時、芸能人や有名人の画像を載せたくなりますね。

 

しかし、著作権があるので、Yahoo!やGoogleで検索して出てきた画像を使うのは危険です。

 

著作権法に引っかかります。

 

 

そこで、私はTwitterのドラマの公式Twitterの画像を載せていました。

 

しかし、Twitter画像は重く、2、3つ載せると格段に記事の表示スピードが落ちます。

 

ですから、Twitter画像を記事に載せるのはおすすめできません。

 

せめて、1つくらいにした方がいいです。

 

 

モバイルフレンドリーのエラーが表示されたら、すぐに対応しましょう。

 

 

記事に載せる画像は、著作権や表示スピードが落ちない安心して載せられて、報酬も発生する楽天アフィリエイトの画像がおすすめです。

 

ブログの画像に楽天アフィリエイト広告を取得して貼る方法!

 
 

【りこマガ】では、アドセンスで楽々楽しく稼ぐ具体的なノウハウをメールマガジンで配信しています。

ぜひ、メルマガ登録をよろしくお願いします(^^)

名前はハンドルネームでもOKです!

 

【りこマガ】無料プレゼント

 

  • Facebookへのシェア
  • はてなブックマーク
  • 人気ブログランキング

この記事に関連する記事一覧

以下にメールアドレスを入力しお申し込みください

お名前(必須)  
メールアドレス(必須)

※プロバイダーアドレスでは、メールが受け取れない場合がございますので、
Hotmail以外のYahoo、Gmailなどのフリーメールアドレスでの登録をお薦めいたします。

りこ

りこ

ブログを頑張ってる人を    サポートします

はじめまして、りこと申します!

 

ブログに好きなことを楽しく稼ぐをテーマに

ドラマネタで稼ぐ主婦です。

 

ライターさんとチームでブログを運営中!

ブログの収入累計450万円以上

書いた記事数は、1700以上

Twitterで記事の添削をしています。

 

読む人をグーーンと増やすのが得意!

メルマガでは

ブログを読む人をグーーンと増やして

稼ぐノウハウをバンバンお伝えしてます^^

 

デスクワークの毎日ですが、

ゲームが大好きな息子の影響で、

「あつ森」で動物たちに癒されて、

「リングフィット」で体を鍛えてます!

 

ドラマを見たら人生が激変プロフィール

ちょっとのぞいてみてください^^

1位を目指してます!クリックありがとうございます!
アドセンス×アフィリを組み合わせて稼ぐ「エルツー」
キンドルで本を出版しました!

ブログを売った体験を書きました!

最近の投稿
Twitterタイムライン
最近のコメント
アーカイブ
カテゴリー

ページの先頭へ