ヘッダー画像
ブログ作成日記

モバイルユーザビリティに問題があるって何よ!!Googleサーチコンソール

ブログを初めて、2週間もたたないうちに、

モバイルユーザビリティの問題が検出されました

とこメールが来たんです!!

そしてこの記事を書いているときにも

こんなメールがまた届きました!!

赤ちゃん部長

すごく良いタイミングだな!!

いや、メールが来るのはいいんです。

問題は、モバイルユーザビリティが何かさっぱりわからない事!!

皆さんにも来てるから、このページを見てるんですよね?

パニックですよね??

しかも問題があるときた!!

たぬき

落ち着いて!!!!

赤ちゃん部長

お前に言われたくないな!!

えらいアタフタして最初の時スクショ撮ってなかった奴が

もう大丈夫ですよ!!

しっかりと2回も解決させたこのたぬきが、

皆様の不安を取り除いて差し上げます!!!

では早速、上記のメール内の

「モバイルユーザビリティの問題を解決する」

ボタンを

ポチッとな!!

こんな人におすすめの記事です
  • ブログ初心者の子たぬき!!
  • モバイルユーザビリティに問題があるとメールが来て、諦めかけてるそこのあなた!!
  • モバイルユーザビリティの問題を解決したいあなた!!
たぬき

という方は見ていってね!!

なぜこんなメールが来たの?

google大先生がお怒りです!!

というのは冗談で、

たぬき

それはあなたがGoogle search consoleをちゃんと設定できたから!!!!

赤ちゃん部長

サチコだな

そうなんです!!サーチコンソールがちゃんと機能して、

問題点をお知らせしてくれたんです!!

モバイルユーザビリティってなんですか????

赤ちゃん部長

モバイルを使っている人から見た使いやすさだぞ!!

たぬき

モバイル、つまりスマホからブログを見たときになんか問題が起こってるってことだね!!

スマホから見たときに、読者にとって、見辛いなどの問題が起こってるよ!!っていうお知らせが来たって事なのです!!

放っとくと、どうなるの??

たぬき

ほっといたらどうなるの??

赤ちゃん部長

Googleの検索結果に悪影響が出るぞ!!

たぬき

でも、実は、問題が本当に起こっている時と

問題が起こっていない時があるんだよね?

赤ちゃん部長

そう、問題ない時もあるから厄介だな!

そう、実は

  • まじで問題が起こってますよ〜〜
  • 実は、問題なかったですぅ〜

という、二つの時があるようで、

でも、表示されてる側としては、いてもたってもいられなくなっちゃうんだよね・・

たぬき

だから一個一個確認していく必要があるんだよ!

赤ちゃん部長

面倒いけど、必ず問題解決できるから

頑張ってな!!

確認手順

まず最初に、サーチコンソールにログインして、

モバイルユーザビリティを表示する

モバイルユーザビリティのページ

下にスクロールすると

まずはテキストが小さすぎて読めませんから

3つのエラーが出ているのが分かります。

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

どういうことか全くわかんなかったです

赤ちゃん部長

一つ一つ解決してこうな!!

テキストが小さすぎて読めません。問題

まず、テキストが小さくて読めませんのところをポチリっとすると・・・

問題のあるページのURLが分かります!!

たぬき

このページに問題があるっていうことだね!

赤ちゃん部長

そういうことだな!!

このページの記事を直していきます!!

ちなみにテキストの文字が小さすぎて読めませんは

フォントサイズが12px以下だとなるようです!!

出来れば、標準サイズの16px以上にしておくと安心です!!

赤ちゃん部長

スマホだと小さい文字は読みづらいからな!!

たぬき

たぬきは小サイズの13px

を使ってるところがあるよ!

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

赤ちゃん部長

今度も基本的な直し方は、一緒だぞ!!

たぬき

さっきみたいに問題のページを見つけるんだね!!

今度もテキストが小さかった時のように、問題のページを特定して、直していきます。

今回の問題は、

リンクの位置が近すぎて、指でポチってしたときに、下のリンクをポッチってしちゃったじゃん!!!

イライラするなぁ!!!

みたいな問題です!!

たぬき

大きな画面使えばいいんじゃないの?

赤ちゃん部長

っていう逆ギレなし!!!

そう、スマホでのサイズでもちゃんと押しやすくしてください!!

たぬき

具体的には、何すればいいの?

赤ちゃん部長

例えば、リンクの部分を1行空けるとか

バナーとバナーを離すとかだな!!

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

たぬき

え〜っとどう言うこと?

赤ちゃん部長

写真などの画像や、表などがスマホで見た時、

左右に横スクロールさせないと全部見れない状態とかだな!!

たぬき

スクロールして見えればいいんじゃないの?

赤ちゃん部長

一つの画面で見れないとき、ちょっとストレス感じるだろ?

そうなんです。

写真などや表を貼ったとき、横幅が大きすぎて全体が見られない場合によく出ます。

赤ちゃん部長

スマホでは、横スクロールはさせてはダメだぞ!!

問題がなっかった時って??

たぬき

実際は、問題なかった時もあるんだよね?

赤ちゃん部長

そう、なんらかの理由で、サーチコンソールが、

記事をちゃんと読み込めてなかった場合

エラーになることもあるんだぞ!

たぬき

そう言う時は、どうすればいいんだろ?

赤ちゃん部長

調べるページがあるから、大丈夫

それに今回は、なんでもない方に該当してると思うぞ

直し終わった時、また確認したけど問題がないと思った場合、以下で確認してください。

自分で確認してみて、問題ないと思った場合、上記をポチり

ライブページをテストを押すと、確認してくれます。

大丈夫だと

この画面

最初に確かめて、問題あった時だけ

直しても良いですね!

赤ちゃん部長

原因を直した時も、一回こうやって確認するといいぞ!!

たぬき

直ったかどうか、確かめられるんだね!

また、直接Googleの

モバイルフレンドリーテストのページに行って

で確かめても良いですよ。

たぬき

分かりやすいね!!

赤ちゃん部長

修正が終わった時も、一旦ここで確認するといいぞ!!

問題を直したら!

修正の検証をポチリしてgoogleにお知らせしてください。

修正の修正の検証を押すと・・・

検証できるとこの画面

保留から、合格になればもう大丈夫。

早ければ1日ぐらいで結果が出ます!!

たぬき

数日待てば良いんだね

赤ちゃん部長

他の項目の検証も忘れずにな!

ちなみに次の日には、もうエラーがなくなってました!!

まとめ

モバイルユーザビリティに問題があります!!

ってくると

もうブログやりません!!

ってなるよね?

でも落ち着いてちょうだい!!

赤ちゃん部長

そう、大丈夫!!

サーチコンソールの画面から、何が問題なのか特定して、一つ一つ解決していけばいいんです!!

たぬき

一つ一つは簡単だね!

最後に確認と、修正の検証をお知らせするのを忘れずに!!

たぬき

それじゃ!また!!

やれんのか!!おい!!

ブログランキング・にほんブログ村へにほんブログ村

ABOUT ME
たぬき
そこそこおっさんです。 3人の娘とかわいい妻がおります。 いわゆる、外食サービスに勤務してます。 ブログはもちろんTwitterなどSNS全般初心者です。