日々一歩ずつ このブログでは、勉強になったことや躓いたこと、役立つことなどを雑多に書いていきます。

公開日

1分でわかる!ブログがスマホ対応しているか確認する方法

モバイルフレンドリー最近では、サイト(ブログ)がスマホ対応しているのが当たり前になっていますね。

初心者の方でもWordpressのテンプレートを使えば簡単にモバイル対応できますし。

ただ、ちょっとブログのテンプレートをいじってみたり、自作した方はちゃんとスマホ対応できているか確認しておきたいところ。

今回は、一分程度で確認できる、テストツールをご紹介します。

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

そのテストツールというのがこちら↓

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

リンクをクリックしてもらうと、テストするURLを入力という項目がでるので、テストしたいサイトのURLを入力しましょう。

入力できたら、テストを実行を押しましょう!

押した後は、1分ほど待てば結果がでます。

ちなみに何ども繰り返しテストしていると、画像認証(指定された画像を選択)が出てくる場合があります。指示されたとおりに画像を選択すれば、テストを開始しますので安心してください。

そしてテスト結果はこのように出ます。

モバイルフレンドリー

 

スマホ対応していれば、このページはモバイルフレンドリーですと表示されます。

ちなみに、右側には、実際にスマホで表示した場合のサイト(ブログ)を表示してくれます。

もし、モバイルフレンドリーでなかったら。。。

テストツールでモバイルフレンドリーと判断されなかった場合は、エラーメッセージが表示されます。

そのエラーメッセージで指摘されたところを修正していきましょう。

モバイルフレンドリーしてない

エラーのそれぞれの意味は、下記ページで意味と対処法が書かれています。

チェックして対処しましょう。

モバイルフレンドリー ヘルプ

また、テスト結果が出たページの左上にある、ページ読み込みに関する問題もチェックしてみましょう。

ここではgoogleがページをうまく読み込めなかった部分が記載されています。

うまくgoogleが認識できないということは、画像やCSSに問題がある可能性があるので、こちらも下記リンクを参考に対処しましょう。

モバイルフレンドリー ヘルプ

モバイル対応しないと、将来の顧客を失うことに

いまでは、パソコンで閲覧されるよりもスマホのほうが多いと言われています。

それだけにモバイル対応していないのは致命的なことになりかねません。

とくに、会社として、サイトからの宣伝効果を見込んでいるのならなおさらです。

これを機会に、あなたのサイトがモバイル対応しているか、チェックしてみましょう。

今回はページだけの確認。次はサイト全体を

今回のテストツールは、URLで入力したページをテストしています。

そのため、サイト全体のモバイルフレンドリーエラーの確認にはなりません。

このあたりはsearch consoleの機能を使えば確認が可能ですが。。。

記事が長くなってきたので、また次の機会にでも書きたいと思います。

  • ブログランキング・にほんブログ村へ
  • このエントリーをはてなブックマークに追加

関連記事

サイトについて

管理人

勉強になったことや躓いたこと、役立つことなどを雑多に書いていきます。
サイト構築やマーケティングの勉強がてら作ってみたサイトなので、そういった記事が多くなるかもしれません。

カテゴリー

上へ