このページはモバイルフレンドリーではありません!?GoogleSearchConsoleで読みやすいサイト作り


「GoogleSearchConsoleにサイトを登録したら『このページはモバイルフレンドリーではありません』って出た。これって大丈夫?」

そうですね、大丈夫じゃないです。
私も同じ問題にあったのでまとめます。


【モバイルユーザビリティの問題が出たら解決しよう】
・サイトの質が低下&検索で表示されなくなる危険性がある

【問題の種類と解決方法】
GoogleSearchConsoleヘルプ モバイルユーザビリティレポート
・問題を確認して、問題のページを修正


本家のヘルプを見るのが一番いいのですが、正直分かりにくいので、私のサイトで起きた問題を例として以下にまとめていきます。

目次


 ∟モバイルフレンドリーではありません
 ∟解決しましょう
 ∟ページの操作が一時的に無効になっています


WordPress初心者向けマニュアル。2020年度版~
ワードプレス基本の使い方から知っておいたら便利な小技まで動画や画像を使ってまとめています。初心者にオススメ。

なぜモバイルユーザビリティ問題を解決する必要があるか


・サイトの質が低下&検索で表示されなくなる危険性がある


モバイルユーザビリティ問題を解決する理由はこれにつきます。
せっかくGoogleSearchConsoleに登録しても質が低いと評価されたあげく検索結果で表示されなくなったら悲惨です。

そもそも、サイトをGoogleに登録したいのはいろんな人に見てもらいたいからのはず。

それなら、見る人が見やすいサイト作りってとっても大切ですよね。
大変ですけど、直しましょう。

では、具体的にどんなことが問題になるのか見てみます。

問題の種類と解決方法


一読してほしいのがGoogleSearchConsoleのヘルプページです。
読みにくいですが、ここに大体の問題と解決方法が書いてあります。


【問題の種類と解決方法】
GoogleSearchConsoleヘルプ モバイルユーザビリティレポート
・問題を確認して、問題のページを修正

ここに書いてある内容の一部を、私のサイトで起きた問題を例としてご紹介します。
以下はGoogleSearchConsoleで出た問題のページです。

「モバイルフレンドリーではありません」

GoogleSearchConsoleで「モバイルフレンドリーではありません」と出たページ



画像にあるとおり、
【詳細】欄に内容が書いてあります。私のサイトでは、

・クリック可能な要素同士が近すぎます
・テキストが小さすぎて読めません

この2つが出ました。

解決しましょう


解決したい内容をクリックすると右側に問題のページが出ます。
これが凄い便利で、確認したいところを2つ紹介。

【HTML】…問題個所のコード表示
【スクリーンショット】…問題ページを表示


「モバイルフレンドリーではない」と言われたら【スクリーンショット】を確認しましょう。
私も確認してみたら、サイドページのウィジェット表示に問題があるのが分かりました。

「モバイルフレンドリーではない」と言われたら【スクリーンショット】を確認


なので【詳細】欄に出ていた2つの問題(クリック可能な要素同士が近すぎる、テキストが小さすぎる)を修正していきます。

ワードプレスを利用している人なら外観→カスタマイズ→ウィジェット関連の設定変更

問題を解決したらあらためてもう一度チェック。
テスト日時の横にあるぐるぐるを押しましょう。

URLはGoogleに登録できます


と出たら問題は解決です。
私は文字のサイズやリンクをいれた箇所同士の空間を少しずつ変えて何度か確認したあとにこの表示が出ました。ちょっと大変。

「ページの操作が一時的に無効になっています」


いや~問題解決したしこれで安心!と思ったら変な言葉を発見してしまいます。

グーグルサーチコンソールでページの操作が一時的に無効になっていますと出た


「ページの操作が一時的に無効になっています」

これは現在インデックス出来ないことを意味します。
そして個人的にとれる解決方法はなく、数週間程度時間がかかるという厄介なものです。

なので、気にせずもくもくと記事を書いていきましょう。


インデックスできるまで待っていても意味がありませんので、たまにページを確認して問題がないかも確認しつつ、もくもくと記事を書いていく。
それにつきます。

まとめる


モバイルユーザビリティというとなんだか難しそうに思いますが、

読んでくれる人が分かりやすいようにサイトの見え方をちょっと考えてみる、というお話なんですよね。


そのために役立つのがGoogleSearchConsoleですが、まだ登録していないかたは思考停止で出来る登録方法まとめましたのでよければご覧ください。

記事閲覧UPしたいなら考えず、サイトやブログ作成初心者が登録すべきGoogleSearchConsole
考えなくていい…サイトやブログ作成をしたなら、記事閲覧あっぷしたいならGoogleSearchConsoleに登録するのが第一歩や…という暴論のお話


ワードプレス、サイト関連


  • サイト読込スピード対策PNG・JPEG画像WebP一括変換フリーソフト
    画像をWebPに変換できる無料ツールです。PNG・JPEG・GIF・WebPに対応し、複数枚やフォルダの一括変換、ZIP一括ダウンロードが可能。変換前後の容量削減率や画質差を実測で表示し、透過画像には警告も表示します。会員登録不要でその場ですぐ使えます。


サイト最新記事


  • 100均商品辞典|探す・口コミレビューする情報共有ツール
    100均商品辞典は、100均の商品情報を検索したり、実際に使ったレビューを投稿したりできる無料の参加型ツールです。ユーザー自身が商品を登録・編集でき、みんなで情報を更新しながら商品辞典を作れます。気になる商品の情報収集から使用感の共有、コミュニティでの質問や情報交換まで、100均商品を探す人・使った人の双方に役立ちます
  • 【ハンドメイド帖】作品を投稿・共有しよう!作品・作り方・アイデアが集まる投稿サイト
    ハンドメイド帖は作った作品を画像付きで記録し、自分だけの作品ギャラリーとして管理できる無料Webツール。作品公開やハンドメイド好き同士の交流にも対応。制作した作品を残したい、過去作品を振り返りたい、作品を見てもらいたい人におすすめ。登録した作品や活動実績をマイページでまとめて確認できます。
  • ひとりの時間の過ごし方が分からない人へ|何をするか迷ったときの考え方とアイデア
    「ひとりの時間、何をすればいいか分からない」と悩んでいませんか?この記事では、一人の時間の過ごし方が分からなくなる理由を解説しながら、心を休める・楽しむ・学ぶ・作る・自分と向き合うという5つの視点で、充実したひとり時間の過ごし方をご紹介します。自分らしい過ごし方を見つけるヒントとして、ぜひご活用ください。

100均 (2) WordPress・ブログ運営 (4) お仕事のリアル体験談 (1) お金の知恵 (1) アロマ生活 (2) ハンドメイド販売・フリマ活用 (4) 人間関係・恋愛のモヤモヤ (4) 健康・美容セルフケア (1) 副業・個人事業のはじめかた (1) 創作・小説 (7) 生活のお悩み解決 (7) 紙もの・文房具クラフト (1) 贈り物・プレゼント (3)

マイページ
最近はまってるもの①

私の肌を救ってる

  • 30代で手をつけた美容液
  • 肌馴染みよし
  • 臭いなし
楽天saleで買う
最近はまってるもの②

ホッともいけるけどアイスがうますぎる

  • 最初少量の水で溶いてから
  • 氷入れて水大量
  • 幸せドリンクできあがり
楽天saleで買う

ツール一覧

AI・デザイン・画像
AI画像 お絵描き Color Studio AI指示
ハンドメイド
ビーズアート 小物配送
サイト制作・効率化
サイト素材 タスク管理 メモ 悩み整理
AIのお世辞を制御しつつ、イエスマンに終始しないプロンプト販売中。議論でもお気に入りタイプとの語り合いでも。

AIのお世辞を制御しつつイエスマンに終始しないプロンプト販売中。議論でもお気に入りタイプとの語り合いも。

その買うを、もっとハッピーに。|ハピタス