google検索結果 モバイルフレンドリーか確認

Google Search Console

私はあるピアノ教室のホームページ作成を担当させていただいています。

当初はソネット上で作っていたのですが、ソネットがホームページ閉鎖ということで、このブログと同じロリポップサーバー上に持ってきました。

すると、やはり新参者の扱いを受け、なかなか検索結果が上がりません。

検索結果を上げる方法は本当にたくさんあります。

今回はその1つ、「モバイルフレンドリーにする」について紹介します。

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

モバイルフレンドリー=モバイルに優しい

つまりは、スマホなどモバイル端末で見た時に見やすいホームページをモバイルフレンドリーと呼びます。

ヤフー(Yahoo)のホームページは、スマホで見た場合、パソコンで見た時とは明らかに違います。

一般的に、モバイルフレンドリーのサイトは、スマホで見たときに、パソコン版より文字は大きくなり、横に長いメニューバーは縦になったりタブで伸縮したりされています。

レスポンシブ対応にすることも、モバイルフレンドリーにする方法の1つです。

モバイルフレンドリーサイトとじゃないサイト

WORDPRESSで作っているこのブログはもちろんモバイルフレンドリーです。

何にも意識していないですがモバイルフレンドリー。

WORDPRESSが人気なのが分かりますね。

モバイルフレンドリーのサイト

https://ichinosenanami.com/piano/

パソコンで見た時

パソコン版

スマホで見た時

スマホ版

見た目ですぐに分かりますね。

スマホは横幅が短いので、イラスト部分は省き、メニューはトグルメニューにしました。

モバイルフレンドリーじゃないサイト

現在、検索結果が上がらないと相談を受けたサイトです。

作りはjavascriptを使っていてすごいサイトです。

ただモバイルフレンドリーじゃないんですよ。すごくもったいない。

スマホで見ると

パソコンで見た時の様子を縮小した形になります。

おかげで、文字が小さく、またリンクとリンクの間がせまく誤クリックの可能性が高いです。

サイトがモバイルフレンドリーが確かめる方法

サイトがモバイルフレンドリーになっているかを確かめる方法は簡単です。

Googlが提供しているサイトで確認ができます。

https://search.google.com/test/mobile-friendly?hl=ja

こちらのサイトで、確認したいサイトのアドレスを入力するだけ。

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

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

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

ブログランキングに参加しています。

Google Search Console

Posted by 一ノ瀬七海