この記事の要約
- 「Resizer」を使えば、スマホ・タブレット・パソコンの見え方を一覧で確認できます。
- 検索してURLを貼り付けるだけで、すぐに使えます。
- スモールビジネスの集客において、モバイル表示の確認は欠かせない作業です。
結論から言います。
ウェブサイトは「作った画面」ではなく、「見られる画面」で評価されます。
あなたのサイトが、スマホやタブレットでどう見えているか、確認していますか？
自社サイトの見え方、把握できていますか？
ブログやサイトを作るとき、多くの場合、パソコンで作業しますよね。
でも、実際にそのサイトを見ている人の多くは、スマートフォンやタブレットを使っています。
想像してみてください。
丁寧に作ったサイトが、スマホではレイアウトが崩れていたとしたら…。
せっかくの集客努力が、台無しになってしまうかもしれません。
実は、この「見え方の確認」は、集客に大きな影響を及ぼします。
でも、いちいちスマホやタブレットで確認するのは面倒ですよね。
そこで今回は、一覧で確認できる便利なウェブサービス「Resizer」を紹介します。
Resizerとは何か？
「Resizer」とは、Googleの「Material Design」が提供する無料のウェブサービスです。
URLを1つ入力するだけで、以下の3つの画面サイズでの見え方を、一覧で確認できます。
- スマートフォン表示
- タブレット表示
- パソコン表示
わざわざ複数の端末を用意する必要はありません。
パソコン1台で、すべての表示を確認できます。
なぜ表示確認が集客に直結するのか？
「モバイルファースト」という言葉を聞いたことがあるでしょうか。
これは、スマホでの表示を最優先に設計するという考え方です。
実際、多くのユーザーはスマートフォンからサイトにアクセスしています。
パソコンで見たときにきれいでも、スマホで崩れていたら意味がありません。
つまり、表示確認は「仕上げのひと手間」ではなく、集客の一部なのです。
Resizerの使い方：3ステップで完了
ステップ1：Resizerを検索する
まず、Googleで「Resizer」と検索してください。
スペルは「R・E・S・I・Z・E・R」です。
検索結果の1番上に「Material Design」のResizerが表示されます。
そちらをクリックしてください。
ステップ2：URLを入力する
Resizerのページを開くと、URL入力欄があります。
確認したい自社サイトのURLをコピー＆ペーストしてください。
入力後、エンターキーを押すだけです。
ステップ3：表示を確認する
すると、以下のような一覧が表示されます。
| 表示モード | 確認できること |
|---|---|
| パソコン | PCブラウザでの見え方 |
| タブレット | iPadなどでの見え方 |
| スマートフォン | スマホ画面での見え方 |
右上のアイコンを切り替えると、個別の画面サイズだけで確認することもできます。
スクロール操作もできる
Resizerには、さらに便利な機能があります。
画面内でカーソルを動かすと、そのデバイスの表示を実際にスクロールして確認できます。
- 「スマホで見たとき、ページの下の方はどう見える？」
そんな確認も、パソコンのままできてしまいます。
作り手視点から抜け出すことが大切
あなたは、ページを作り終えたあと、スマホで確認する習慣はありますか？
作り手はパソコンで作業します。
でも、見る側はスマホやタブレットが中心です。
この「視点のずれ」に気づかないまま運営を続けると、気づかないうちに機会損失が生まれます。
Resizerを使えば、こうした視点のずれをすぐに確認できます。
例えば、ZOZOTOWNのような大型サイトのURLを入力してみてください。
スマホ・タブレット・パソコンそれぞれで、レイアウトがどう変化するかが一目で分かります。
自社サイトとの違いを見比べるのも、参考になります。
このは屋が大切にしていること
このは屋では、ネット集客を「外注に任せるもの」ではなく、「自分で把握して管理するもの」として考えています。
集客の手綱を自分で握るためには、自社サイトがどう見えているかを自分で確認できることが大切です。
Resizerのような無料ツールを活用して、自分でチェックする習慣をつけていきましょう。
詳しくは、このは屋とは のページもご覧ください。
まとめ
今回のポイントを整理します。
- Resizerは、スマホ・タブレット・パソコンの表示を一覧で確認できる無料ツールです。
- 使い方はシンプルで、「Resizer」で検索してURLを貼り付けるだけです。
- 画面内でスクロール操作もできるため、実際の見え方に近い確認ができます。
- スモールビジネスの集客において、モバイル表示の確認は必須の習慣です。
- Resizerをブックマークしておくと、いつでもすぐに確認できます。
大切なのは、完璧なサイトを目指すことではありません。
「今、どう見えているか」を定期的に確認する習慣が、集客の質を変えていきます。
まずは、自社サイトのURLをResizerに貼り付けてみてください。
今一度、ユーザーの目線でサイトを確認してみることをおすすめします。
よくある質問（FAQ）
Resizerは無料で使えますか？
はい、Resizerは無料で利用できます。アカウント登録も不要です。Googleで「Resizer」と検索してアクセスするだけで使えます。
どんなサイトでも確認できますか？
基本的にはどのURLでも入力して確認できます。ただし、ログインが必要なページや、特定の設定をしているサイトは正しく表示されない場合もあります。
スマホ表示が崩れていた場合、どうすればいいですか？
まずはどの部分が崩れているかを確認してください。WordPressを使っている場合は、テーマの設定やカスタムCSSで改善できることが多いです。自分での対応が難しい場合は、無料個別コンサルティング もご活用ください。
モバイルファーストとは何ですか？
スマートフォンでの表示を最優先に設計するという考え方です。近年、多くのユーザーがスマホからウェブにアクセスしているため、スマホ表示を基準にサイトを作ることが集客においても重要とされています。
Resizerで確認する頻度はどのくらいが理想ですか？
サイトを更新したり、デザインを変更したりしたあとには、必ず確認するようにしましょう。定期的な確認習慣として、月に1回程度チェックするのもおすすめです。ブックマークしておくと、すぐに確認できて便利です。
