google検索結果 モバイルフレンドリーか確認
私はあるピアノ教室のホームページ作成を担当させていただいています。
当初はソネット上で作っていたのですが、ソネットがホームページ閉鎖ということで、このブログと同じロリポップサーバー上に持ってきました。
すると、やはり新参者の扱いを受け、なかなか検索結果が上がりません。
検索結果を上げる方法は本当にたくさんあります。
今回はその1つ、「モバイルフレンドリーにする」について紹介します。
モバイルフレンドリーとは
モバイルフレンドリー=モバイルに優しい
つまりは、スマホなどモバイル端末で見た時に見やすいホームページをモバイルフレンドリーと呼びます。
ヤフー(Yahoo)のホームページは、スマホで見た場合、パソコンで見た時とは明らかに違います。
一般的に、モバイルフレンドリーのサイトは、スマホで見たときに、パソコン版より文字は大きくなり、横に長いメニューバーは縦になったりタブで伸縮したりされています。
レスポンシブ対応にすることも、モバイルフレンドリーにする方法の1つです。
モバイルフレンドリーサイトとじゃないサイト
WORDPRESSで作っているこのブログはもちろんモバイルフレンドリーです。
何にも意識していないですがモバイルフレンドリー。
WORDPRESSが人気なのが分かりますね。
モバイルフレンドリーのサイト
https://ichinosenanami.com/piano/
パソコンで見た時

スマホで見た時

見た目ですぐに分かりますね。
スマホは横幅が短いので、イラスト部分は省き、メニューはトグルメニューにしました。
モバイルフレンドリーじゃないサイト
現在、検索結果が上がらないと相談を受けたサイトです。
作りはjavascriptを使っていてすごいサイトです。
ただモバイルフレンドリーじゃないんですよ。すごくもったいない。
スマホで見ると

パソコンで見た時の様子を縮小した形になります。
おかげで、文字が小さく、またリンクとリンクの間がせまく誤クリックの可能性が高いです。
サイトがモバイルフレンドリーが確かめる方法
サイトがモバイルフレンドリーになっているかを確かめる方法は簡単です。
Googlが提供しているサイトで確認ができます。
https://search.google.com/test/mobile-friendly?hl=ja
こちらのサイトで、確認したいサイトのアドレスを入力するだけ。

モバイルフレンドリーの場合

モバイルフレンドリーでない場合

修正案を出してくれますので、参考に直していきましょう。
