【初心者向け】パソコンから自社サイトのスマホ表示を確認する方法

自分のサイトがスマホからどのような表示されているのか、気になりますよね。

近年スマホでウェブを閲覧するユーザー層が増えてきている為、スマホ表示が重要視されています。

そんなスマホ表示の確認方法ですが、実はとても簡単にできるんです。

今回は、「パソコンから自社サイトのスマホ表示を確認する方法」をご紹介します。

このは屋

（生成AI×デジタルマーケティングスクール）

スモールビジネス特化の学び舎。スモールビジネスオーナーに向けて、ネットから集客する方法、オンラインで商売する方法、労働集約型から知識集約型へ移行する方法、安定した継続的な収入源を確保する方法…etc。悔いの無い生涯を謳歌する為の、鼻歌まじりの商売と生涯を、ワンストップで、トータルにサポートしている。

2015年から「モバイルフレンドリーアップデート」の開始

その前に、なぜスマホ表示にも気をつける必要があるのか、についてです。（もはや説明不要かと思いますが、念の為）

Google側も2015年4月に「モバイルフレンドリーアップデート」を開始しました。

Chrome拡張機能「Window Resizer」を使用

一番お手軽で簡単なのが、Chromeの拡張機能を使用する方法です。

「Window Resizer」という拡張機能を導入すると簡単にスマホ表示の確認が可能です。

「デベロッパーツール」を使用

GoogleChromeには、デベロッパーツールという開発者向けのツールが搭載されています。

ウェブサイトを開いた状態で「右クリック」＞検証をクリックで、デベロッパーツールを起動できます。

起動した状態で、

Windowsの場合「Ctrl＋Shift＋M」、
Macの場合「command＋Shift＋M」

をクリックするとスマホ表示にすることが可能です。

デベロッパーツールはツールは、テキストだけで解説するのが難しいので、

「デベロッパーツール使い方」、
「デベロッパーツールスマホ表示」

で検索してみてください。

編集後記

今回は、「パソコンから自社サイトのスマホ表示を確認する方法」をご紹介しました。

これでスマホ表示を簡単に確認することができますね。

表示を確認できても、調整できなければ意味がないので、そういった意味でも自分で管理や操作ができる必要があります。

ですので、WordPressで自分で管理しましょう。

WordPressについては、以下の記事で解説されています。