最短で確実に稼げるブログ作成を目指しています

Chromeを使ってモバイルページが正しく表示されているか確認する方法

WRITER
 




この記事を書いている人 - WRITER -
ふわりゆらりという楽しくも厳しいライフスタイルを送っているブロガーです!(笑)人の何十倍も楽しい人生を送るために、絶対やるべきこと。。やったらいいこと。。やっといたほうがいいこと。。などいろいろ書いてます。

 

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テーマ

 

 

 

この記事を書いている人 - WRITER -
ふわりゆらりという楽しくも厳しいライフスタイルを送っているブロガーです!(笑)人の何十倍も楽しい人生を送るために、絶対やるべきこと。。やったらいいこと。。やっといたほうがいいこと。。などいろいろ書いてます。

SNSでもフォローお願いします!

 

Facebook

 

 カテゴリー一覧

 

初期設定

>>絶対導入するべき【WordPressプラグイン】導入方法と設定まで!

WordPressを始める場合に、これだけ入れておけば大丈夫というプラグインの紹介と設定方法を解説しています。まず、最初に導入して設定しておきましょう。

★おすすめ記事★

 

SEO対策

>>Googleアナリティクス登録・設定!【All in One SEO pack】に連動する方法!

ブログ運営していくうえでの必需品です。初心者にとっては少し難しいと言われますが、分かりやすく解説しています。是非最初に設定しておき迷う。

★おすすめ記事★

 

設定方法

>>【初心者】WordPressの始め方、”エックスサーバー契約と独自ドメイン”設定方法

WordPressを始めるには、サーバー契約が必要です。おすすめサーバー契約から設定方法まで詳しく解説しています。なぜ「エックスサーバー」がお勧めなのかも読めばわかります。

★おすすめ記事★

プラグイン

>>WordPressのバックアップ!サーバー会社だけに依存は危険?

バックアップはとても重要です。契約サーバー会社によっては有料・無料でやってくれますが、もしもの時を考えるとやはり自分で対処しておくのがお勧めです。

★おすすめ記事★

記事について

>>最後までブログ記事を読んでもらうための構成法

読者さんに記事を最後まで読んでもらうことで初めて集客ができます。そのためには、文章の構成がとても大切になってきます。この記事を読んで記事の構成について理解しましょう。

★おすすめ記事★

アフィリエイトについて

>>Amazonアソシエイトの登録方法!審査が通るのは簡単

みなさんブログを始めたらAmazonアソシエイトに登録しておきたいのではないでしょうか。登録方法とちょっとしたアドバイスを記事にしてみました。

★おすすめ記事★

便利ツール

>>商用利用ができる「Facebookページ」の作成方法【最新版】

ソーシャルメディア時代と呼ばれる現在、ブログ運営においてもFacebookは必需品ともいえますね。ここでは商用利用ができる「Facebookページ」の作成方法を解説しています。

★おすすめ記事★

趣味について

>>なぜ単独行(単独登山)をするのか?一人で山に登ること

趣味の登山について記事を書いてみました。このサイトのコンセプトには関係ないですが、暇なときに読んでみてくださいな。

★おすすめ記事★

  •  
  •  
  •  







Copyright© fuwariyurari , 2019 All Rights Reserved.