PCでスマホ表示させる簡単な方法

  • このエントリーをはてなブックマークに追加

vlcsnap-00002

ども!!梅田です!!

最近のサイトはレスポンシブデザインが主流です。
PCやスマホと言ったデバイスからのアクセスを、
それぞれ認識して表示してくれるので大変便利です。

 

Googleが先日、モバイルフレンドリーサイトは、
検索結果、順位の基準となると発表しています。

 

つまり、スマホ対応などにしておかないとSEO上不利って事ですね。
これからの時代には必須ですので、
レスポンシブには対応しているテンプレートを使ってサイト作成してくださいね。

スマホ表示の動作確認方法 解説動画

 

 

スマホ表示の動作確認方法

 

今回はGoogleChromeを使って確認出来る方法を紹介します。

 

まずはChromeでスマホ表示させたいサイトを表示させておきます。
その状態で、F12キーを押してください。このような画面が出てきます。

rapture_20150720125428

画面の下部、もしくは右側に別画面が出てきますので、
その画面の左側にあるスマホマーク(赤枠で囲っている物)アイコンをクリックして、
target device modeに切り替えます。

 

また画面右側にあるアイコン(青で囲っている物)をクリックすると、
画面表示を下側と右側で切り替えれます。
右側に表示していた方が確認しやすいですので、右側表示に変更しておきましょう。

 

rapture_20150720125839

 

モードを切り替えると上部にデバイスを選べるようになりますので、
表示させたいデバイスを選択します。今回はiPhone6を選択してみます。

 

ここでデバイスを選択するだけでは、
表示の大きさがそのデバイスの大きさで表示されるだけになりますので、
ここからブラウザを更新するようにしてください。

 

更新すると表示されていたサイトが、選んだデバイス表示へと切り替わります。

更新前(PC表示)

rapture_20150720130219

 

更新後(iPhone6表示)

 

rapture_20150720130237

 

これでiPhone6での表示をPCで確認する事が出来ました。
その他のスマホ表示なども同じ流れで確認出来ます。

 

まとめ

touch_r1_c1-672x372

これからはスマホユーザーもしっかりと意識してサイト構築していかないと、
直帰率などが上がってしまいます。

またSEO的にもよくありませんので、サイトを構築する時には必ず確認するようにしてください。

 

 

  • このエントリーをはてなブックマークに追加

opt3



関連記事

  1. security-update

    ロボフォームアップデート方法

  2. TeamViewer-ProLarge

    チームビューアーの使い方

  3. 101205_googleime-thumb-500x331-18322

    Google日本語入力の設定と単語登録方法!インストールは危険?

  4. Tool

    サイトアフィリエイトにツールは必要か?

  5. mzl.zcfukhdi

    スカイプの使い方 

  6. gimp-01-535x535

    GIMP 画像にモザイクをかける方法

  7. 190a0d84e45f56327ce4ccfe89a7f63d5dd3918f1439564809

    Rapture、おにぎりの使い方

  8. a188c346

    ロボフォームのダウンロード

  9. PL232347-1

    ロボフォームの具体的な使い方

梅田よし プロフィール

IMG_937555

 

 

複数の会社を経営、
事業内容も飲食店の複数店舗経営、
音楽事業やサービス事業など、
活動は多岐に渡る。

 

2012年に更なる活躍の場を求め
ITの世界にも進出後

わずが8ヶ月で月収100万円を達成。

 

その後多くの人にビジネスを伝え、
現在も沢山の起業家を
世に輩出している。

 

更に詳しいプロフィールはこちら

 

 

 

■コンサルティング指導実績■

 

月収200万円達成者 1名

月収100万円達成者 3名

月収50万円達成者   3名

月収30万円達成者   8名

月収10万円達成者  多数

 

実績者達の声はこちら

 

 

 

■ネットビジネス実績■

 

2012年6月   ネットビジネス参入

2012年9月   月収23万9,704円達成

2013年2月   月収100万円を超える

2013年11月 インフォトップ6冠達成

2013年12月 単月売り上げが1000万円を超える

2014年7月   コンサル生2人が月収30万円を達成

2014年9月   コンサル生が月収100万円を達成

2015年12月 コンサル生が月収200万円を達成

2016年3月   eBook大賞優秀賞受賞

代表的な実績(一部)

2012年6月 ネットビジネス参入
2012年10月 月収20万円突破
2013年2月 月収100万円突破
skype
情報販売開始 1000万円突破
skype

人気記事ランクング

  1. image015
  2. コピーペースト
  3. imagjhfge011
  4. imag6e014
  5. image007

無料スカイプ相談

skype

ID: yoshi102030

skypeチャットでのご相談を受け付けています。


ネットビジネスで分からないことや、
ご相談などお気軽にお声かけください。


こちらからお気軽にご相談ください^^

YouTube

特集記事

  1. 200802270534 サイトアフィリエイトの作り方
  2. rapture_20160622124734 根拠のない自信を持つ!
  3. コピーペースト コピーペーストがたった0.01秒!劇的に作業効率を…
  4. imag6e014 診断チェック!!あなたはネットビジネスで稼げる人?…
  5. image011 過去に梅田がひっかかった詐欺商材とは

最新記事

  1. rapture_20161121173154 オズバンス募集日&参加費決定!
  2. rapture_20161121173154 オズバンス第三弾動画!初心者だって大丈夫です!!!…
  3. rapture_20161121173154 先行エントリー数3倍超え!オズバンス第二弾動画公開…
PAGE TOP