2020年のどのビジネスにとっても、モバイル対応のウェブサイトは選択肢ではなく、必需品です。
すべてのWebトラフィックの半分以上がiPhone、iPad、Android電話、タブレットなどのモバイルデバイスから生成されていることを知って驚かれるかもしれません。今や、これまで以上に、企業のウェブサイトがモバイルフレンドリーでなく、小さな画面で見やすいものでなければ、ブランドは潜在的な顧客の50％以上を見逃す可能性があります。
2020年には、世界中で約45億人がインターネットを使用し、その大多数（39億人）がモバイルデバイスを介してインターネットにアクセスしています。
ウェブサイトがモバイルフレンドリーである場合、すべての標準的なモバイルデバイスのユーザー向けに設計、開発、最適化されています。
このGoogleツールを使用して、現在のWebサイトがモバイル対応かどうかをテストできます。この簡単なテストでは、サイトがどのように積み重なっているかを評価するのに1分もかかりません。サイトで発生するユーザビリティエラーとその改善方法を学びます。
ますます多くのインターネットユーザーと消費者がモバイルデバイスを使用してインターネットをスキャンし、オンラインで買い物をしているという事実に加えて、モバイルフレンドリーなWebサイトは他の多くの利点からも恩恵を受けています。たとえば、Googleはモバイル対応のウェブサイトを優先しています。つまり、ビジネスはモバイル対応ではないという余裕はありません。 Googleはすべてのインターネット検索トラフィックのほぼ95％を占めているため、ウェブサイトが検索ランキングで押し下げられると、重要な露出とビジネスを逃してしまいます。
ウェブサイトがモバイルフレンドリーでない場合、モバイルデバイスでのナビゲート、表示、使用が難しいことがよくあります。 Webサイトの訪問者は、コンテンツを読むためにズームしたり、クリックするボタンやリンクを見つけるために無限にスクロールしたりする必要がある場合があります。この種のWebサイトのエクスペリエンスは苛立たしく、ユーザーはサイトを放棄する可能性が高くなります。あなたのウェブサイトからの不必要な跳ね返りを防ぐために、あなたが簡単なナビゲーションを優先することを確認してください。ボタン、テキスト、およびメニューオプションを拡大します。タッチスクリーンナビゲーションは、ボタンが大きすぎたり小さすぎたり、ページをスクロールさせようとしている指の経路にある場合に、誤ってクリックする可能性があります。
Webサイトがレスポンシブである場合、サイトの閲覧者にとっては簡単です。スクロール、パン、ズーム、そして最も重要なことですが、混乱を最小限に抑えます。ウェブサイトの訪問者は、ウェブサイトにアクセスしたときに混乱することを望んでいません。混乱した顧客は決して行動しません。
レスポンシブデザインは、訪問者がサイトを表示するために使用するデバイスに関係なく、すべての訪問者に楽しい体験を提供します。レスポンシブデザインはグリッドシステムを使用します。これは、ページがブラウザの幅の100％のサイズの列（通常は12）に分割されることを意味します。このグリッドは流動的で柔軟性があり、その中のコンテンツは画面サイズに合わせて適応および再配置（移動、スタックなど）できます。 「レスポンシブ」という用語は、グリッドとその中のコンテンツが、それが表示される画面のサイズを認識して「応答」できるために使用されます。
ウェブサイトのレスポンシブを確保するには、プロの開発者を雇ってサイトを構築するか、Squarespaceなどのレスポンシブプラットフォームを使用してサイトを作成してください。
技術的になりすぎることなく、JavascriptとCSSにより、Googleはあなたのウェブサイトをビューアとして表示し、最適な検索ランキングのために適切にインデックスを付けることができます。ウェブサイトがGooglebotのアクセスをブロックすると、ランキングが下がり、視認性が低下する可能性があります。
Flashは避けてください。AndroidやiOSではサポートされていないため、Flashを使用しても、モバイルデバイスには表示されません。これにより、ユーザーには「再生できないコンテンツ」のようなエラーが表示されます。この種のエラーは、視聴者を混乱させ、満足のいく体験をもたらさない可能性があります。
画像を扱うときは、高品質の写真とグラフィックのみを含めるようにしてください。
小さすぎる画像や低解像度の画像は使用しないでください。モバイルサイトとデスクトップサイトの両方で、画像の説明に使用されるテキストである画像の代替テキストが同じになるようにすることで、一貫性を維持します。
標準フォントは、小さなデバイスではるかに読みやすくなっています。 Webセーフであり、HTML / CSSと互換性があります。 AndroidやiOSなどの多くのデバイスには、Open Sans、Lato、RobotoなどのWebセーフフォントがプリインストールされています。また、モバイル用にフォントサイズを最適化することもお勧めします。通常、モバイルでの本文コピーに最適なフォントサイズは16pxです。デスクトップに適切なサイズで表示されるものは、電話では小さく表示される場合があり、小さなデバイスでは小さなテキストが目に大きな負担になります。メディアクエリを使用して、さまざまな画面のフォントサイズを制御できます。経験則として、装飾性の高いスクリプトフォントは、小さな画面では読みにくいため、使用しないでください。長いテキストには、GeorgiaのようなクリーンでシンプルなセリフフォントまたはRobotoのような一般的なサンセリフフォントを選択してください。
モバイル向けにブランディングする場合は、件名を短くし、テキストを減らし、大きなCTAボタンを含めるようにします（ただし、モバイル画面全体を占めるほど大きくはありません）。モバイルの台頭に伴い、消化しやすいコンテンツを優先する傾向があります。現在のオンラインコンテンツを評価します。あなたのウェブサイト、ブログ、および電子メールマーケティングを見てください。メッセージの核心を失うことなく、どこで単純化できますか？意図的に考え、カリングで可能な限り戦略的になります。コンテンツを作成するときは、デスクトップと同じ明確な見出しをモバイルで作成してください。