あなたのスモールビジネスウェブサイトをモバイル対応にするための4つのステップFirst Index

目次:

Anonim

グーグルがモバイル優先インデックスへの切り替えを年半ばに予定しているので、モバイル向けのウェブサイトを作成してビジネスを強化する時が来ました。最初のモバイルへの移行に間に合うように任意のデバイス上であなたのウェブサイトを最適化するための次の4つのヒントを検討してください。

モバイルファーストインデックスへの切り替えを理解する

Googleでは、デスクトップとモバイルの両方に対するWebサイトのランキングを決定するためにデスクトップコンテンツを使用しています。つまり、現在のランキングは、モバイルデバイスではなくデスクトップ上のコンテンツの表示方法によって異なります。しかし、現在ではデスクトップからよりもモバイルデバイスを使ってインターネットにアクセスする人が増えているため、Googleは公式にモバイルコンテンツに基づいてWebサイトをランク付けすることを決定しました。あなたのウェブサイトがレスポンシブレイアウトを持っていない、遅い読み込み速度を持っているかナビゲーションやコンテンツのデザインが良くない、あなたがあなたのサイトをシフトの前にモバイル用に最適化しなければあなたのランキングは低下するでしょう。

$config[code] not found

ロード速度のテストと加速

最近の調査によると、消費者の47％が2秒以内にWebページをロードし、ロードプロセスに3秒以上かかると40％の閲覧者がWebサイトを離れます。これらの統計は、モバイルページの読み込み速度が切り替え後のランキングを決定するための重要な要素になるというGoogleの発表とともに、すべての事業主がウェブサイトのモバイル読み込み時間を再確認するのに十分なはずです。 Google Tools ChromeユーザーとPage Speed Insightsを使用して、各Webサイトのページの読み込み速度を決定します。

読み込み速度を上げる必要がある場合は、次の方法が最も推奨されます。

  • AMP：Accelerated Mobile Pagesプロジェクト - AMPは、短縮HTMLを使用して標準のHTMLよりも早くWebサイトのページを読み込むオープンソースの企業です。これは、Googleがコンテンツをバッファストレージに保存することと連携して、Webサイトの読み込み時間を短縮するのに役立ちます。
  • プログレッシブWebアプリ - PWAは、AMPプロジェクトに移行したくない人のためのオプションです。 PWAはユーザーの通信にすばやく反応し、負荷が速くなるため、AMPに代わる実行可能な選択肢となります。
  • PWAMP - PWAMPは、AMP、JS、CSS、およびHTML上で開発されたPWAの混合物ですが、PWAMPを使用するサイトは、AMPページほど速くは認定されない可能性があります。ただし、PWAMPページはまだ高速で、PWAと同じ利点があります。

スポットライトをユーザーエクスペリエンスに当てる

企業が起こしがちな典型的なエラーは、モバイルが単にデスクトップサイトへの追加であるかのように振る舞いながら、デスクトップWebサイトをモバイルに適応させることです。切り替え後に高いランキングを達成するには、企業は主にモバイルユーザーの経験に基づいて調整を行い、モバイルを優先させる必要があります。携帯サイトのユーザーについて、次の質問をしてください。

  • ナビゲーション - それはどのように見えますか、そしてそれは操縦するのがどれくらい簡単ですか？ユーザーが今まで行った場所に戻るのは簡単ですか。
  • 明快さ - 重要な情報を見つけるのはどれほど簡単ですか？私のタイトルページは明確ですか？連絡先情報に簡単にアクセスできますか？
  • ポップアップを考慮する - ポップアップを閉じるのは簡単ですか。ポップアップをすべて減らすべきですか？
  • フォント - フォントサイズはどのくらいですか？それはどれくらい大きくあるべきですか？

これらの考慮事項を念頭に置いて、あなたはモバイル用にあなたのサイトを準備する最後のステップに進む準備ができています。

デザインとコンテンツを最適化する

上記の質問に基づいてWebサイトを綿密に分析した後、可能な限り最高のモバイルユーザーエクスペリエンスを実現することに重点を置いて、モバイル向けにコンテンツを最適化および設計します。デザインやコンテンツについて再編成したいことがたくさんあるかもしれませんが、最も基本的な変更をいくつか紹介します。

  • レスポンシブWebデザイン - GoogleはレスポンシブWebデザインを推奨します。これは、さまざまなデバイスや画面サイズでサイトの外観と機能を最適化することを目的としたデザインアプローチです。
  • ドロップダウンメニューを使用する - コンテンツがページと同時に読み込まれる場合、ドロップダウンメニューの背後にあるコンテンツをシールドすることでWebサイトにペナルティを課すことはないとGoogleは述べている。
  • Flashを使用しないでください - ほとんどのモバイルユーザーはFlashコンテンツを見ることができないので、それを完全に避けて、代わりにそれらの魅力的なコンポーネントをあなたのサイトに追加するのにJavaまたはHTMLを使用してください。
  • コンテンツを読みやすくする - 小さな画面でコンテンツを読みやすくします。テキストの長い部分にいくつかのリンクを提供するので、ユーザーは目的の場所に簡単に移動し、ヘッダーを使用してコンテンツを分割してページをきれいに見せることができます。
  • テキストサイズとタッチスクリーン機能をクリックしやすくする - タップポイントを適切なサイズにし、クリック可能なコンポーネント間に十分なスペースを空けることで、Webサイトが「タップに優しい」ことを確認します。

Shutterstockによる写真

1コメント▼