Chromeを使ってモバイルページが正しく表示されているか確認する方法
こんにちは。管理人のakiです。
aki
Googleのモバイルファーストインデックスが開始されたために、スマートフォンサイトを評価の主軸にしてインデックスされるようになりました。
これからのSEO施策は、スマートフォンをメインに考慮していく必要がありますね！
そこで今回は、Google Chromeを使って簡単にスマートフォンサイトの確認をする方法についての解説です。
Chromeで正しく表示されているかチェックする方法
ここでは、Google Chromeというウェブブラウザを利用します。
まだ、Google Chromeを使っていないという方は、とても便利なので是非導入してみてください。
こちらのGoogle Chrome公式よりダウンロードしましょう。
自分のサイトがスマートフォンでどう見えるかは、実際にスマートフォンで表示してみればよいのですが、タブレットやスマートフォンには様々な機種が存在するため、どう見えるかを全ての実機でテストするのは困難です。
そこで、Google Chromeを利用するとPCで簡単にスマートフォンサイトの確認ができます。
それでは実際に確認してみましょう。
まず、自分のサイトをGoogle Chromeで表示してみましょう。
開いたページ上で「右クリック」をして表示されたウインドウにある「検証」をクリックしましょう。
他の方法
- 右上のメニューボタンをクリックして「その他のツール」→「デベロッパ―ツール」をクリック
- 「Ctrl]+「Shift」+「I」キーまたは「F12」
- macの場合は「Option」+「Command」+「I」キー
表示されたウインドウの「Elements」の左隣のアイコンをクリックしましょう。
これでスマートフォンでのサイト表示に切り替わりました。
これはiPhone6/7/8での表示を選択しています。
ドロップダウンリストからデバイスを切り替えて、疑似的に表示を検証することができます。
この表示はデバイスの枠（フレーム）も一緒に表示させています。
デバイスの枠（フレーム）の表示をするには、上図のようにメニューを開き「Hide device frame」をクリックしましょう。
まとめ
Webサイトのデザインなどの変更をした際には、正しく表示出来ているかを確認するのに、このGoogle Chromeの機能はとても便利ですね！
モバイルユーザーの増加によって、webサイトのモバイル対応は必須の要素になりつつあります。
これからは、モバイルユーザーの視点に立って使いやすさを追求していく事を心がけましょう。
これからは、モバイルファーストの時代だよ！
aki
稼げるブログ！
開設方法からSEO対策・収益化までを徹底解説！
しかも、無料で配布しています。
あのWordPressを初心者でも、開設から収益化まで分かりやすくまとめ上げた豪華E-bookです。
是非この機会に、無料でゲットしてください。
しかも！！
今だけ、『超豪華特典』が付いています。
詳しくは、E-bookの最後で。
あのWordPressの開設から集客・収益化がオンラインで学べる！
WPマーケティングスクール
初心者ではハードルが高いと言われるWordPressの初期設定から運営まではもちろん、専門的知識がなくても集客・収益化を学ぶことができます。
WPマーケティングスクールでは、初心者でも自分のペースで学ぶことができ、『正しい方法』を学び実践し続けることで必ず成果が出ます。
今なら、1か月無料！⇩
fuwaruyurariおすすめWordPressテーマ
ブログ集客で絶対成果を出したいあなたへ。
WordPress Theme
触りたくなるマテリアル風デザインの可愛いテーマ。
写真との相性がバッチリ！もちろんブログでの成果
のあげやすさを追求。
カテゴリー一覧
＞＞絶対導入するべき【WordPressプラグイン】導入方法と設定まで！
WordPressを始める場合に、これだけ入れておけば大丈夫というプラグインの紹介と設定方法を解説しています。まず、最初に導入して設定しておきましょう。
★おすすめ記事★
＞＞Googleアナリティクス登録・設定！【All in One SEO pack】に連動する方法！
ブログ運営していくうえでの必需品です。初心者にとっては少し難しいと言われますが、分かりやすく解説しています。是非最初に設定しておき迷う。
★おすすめ記事★
＞＞【初心者】WordPressの始め方、”エックスサーバー契約と独自ドメイン”設定方法
WordPressを始めるには、サーバー契約が必要です。おすすめサーバー契約から設定方法まで詳しく解説しています。なぜ「エックスサーバー」がお勧めなのかも読めばわかります。
★おすすめ記事★
＞＞【WordPress】プロフィール設定して”この記事書いた人”を表示する方法
サイトに訪問してくれた読者さんに少しでも信頼してもらうためにもプロフィールの設定は大事ですね。是非設定しておきましょう。
★おすすめ記事★
＞＞WordPressのバックアップ！サーバー会社だけに依存は危険？
バックアップはとても重要です。契約サーバー会社によっては有料・無料でやってくれますが、もしもの時を考えるとやはり自分で対処しておくのがお勧めです。
★おすすめ記事★
読者さんに記事を最後まで読んでもらうことで初めて集客ができます。そのためには、文章の構成がとても大切になってきます。この記事を読んで記事の構成について理解しましょう。
★おすすめ記事★
みなさんブログを始めたらAmazonアソシエイトに登録しておきたいのではないでしょうか。登録方法とちょっとしたアドバイスを記事にしてみました。
★おすすめ記事★
＞＞商用利用ができる「Facebookページ」の作成方法【最新版】
ソーシャルメディア時代と呼ばれる現在、ブログ運営においてもFacebookは必需品ともいえますね。ここでは商用利用ができる「Facebookページ」の作成方法を解説しています。
★おすすめ記事★
趣味の登山について記事を書いてみました。このサイトのコンセプトには関係ないですが、暇なときに読んでみてくださいな。
★おすすめ記事★
