モバイルファーストインデックス更新のためにオンラインeコマースストアを準備するための10のガイドライン

一部のオンラインeコマースストアでは、モバイルバージョンがあまり魅力的で反応が良くないのに、ラップトップでブラウジングしているときに反応性の高いページがあることに気づきましたか? 同時に、他のストアでは、デスクトップとモバイルの両方に対して高度に最適化されたWebサイトを提供しています。

なぜそのような違いが存在するのか疑問に思ったことはありますか?

もう少し掘り下げましょう。

最近「モバイルファーストインデックス」という言葉を聞いたことがあるかもしれません。 簡単に説明します。

モバイルファーストのインデックス作成は、ウェブをよりユーザーフレンドリーでモバイルフレンドリーにするためのGoogleの継続的な取り組みに他なりません。 スマートフォンで検索が増えるにつれて、Googleはそのインデックスと検索結果が大多数のユーザー、つまりスマート(電話)ユーザーを表すことを望んでいます。

しかし、これはすべて、平均的なビジネスオーナーを混乱させる可能性があります。 彼らのほとんどは、この更新に関してキューに並んでいるXNUMX万の質問を持っています:

  • 何か変更する必要がありますか?
  • モバイル対応のウェブサイトがない場合はどうなりますか?
  • これは私のトラフィックに影響しますか?

それは続きます。 本日は、モバイルファーストインデックスについての洞察、サイトへの影響、およびモバイルファーストインデックスの更新に向けてオンラインeコマースストアを準備する方法についてのヒントをご紹介します。

モバイルファーストインデックスとは

さて、まず、Googleが更新について何を言わなければならなかったか引用させてください。

要約すると、クロール、インデックス作成、ランキングシステムは通常、ページのコンテンツのデスクトップバージョンを使用しており、そのバージョンがモバイルバージョンと大幅に異なる場合、モバイル検索者に問題を引き起こす可能性があります。 モバイルファーストインデックスとは、インデックスとランキングにモバイルバージョンのページを使用して、主にモバイルユーザーが探しているものを見つけやすくすることを意味しますに設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」-ウェブマスターセントラルブログ

Search Consoleを介してモバイルファーストインデックスに移行しているいくつかのサイトは、この更新に関するGoogleからの通知を受け取り、次のようになりました。

モバイルファーストインデックス作成

これまで、Googleは常にデスクトップバージョンのウェブサイトにインデックスを付けて、検索ランキングを決定してきました。

今、すべてが変わるでしょう。

Googleは、モバイルファーストインデックスのロールアウトに関する最初の公式発表を行いました。

まもなく、Googlebotはモバイルバージョンのページをクロールしてインデックスに登録し、大多数のユーザーがモバイル画面向けに最適化されたコンテンツを確実に見つけられるようにします。

サイトにモバイルフレンドリーバージョンがない場合でも、Googleはサイトをそのままクロールしてインデックスに登録します。

この更新について心配する必要がありますか?

これは、すべてのWebサイト所有者の頭を悩ませている質問です。

まず第一に、これは心配する大きな問題ではありません。 アップデートはテストの初期段階にあるだけで、Googleが「正常」と見なしているWebサイトに非常に段階的に公開されています。 これらは、モバイルファーストインデックスのベストプラクティスに従い、レスポンシブWebデザインまたは動的配信のいずれかを使用するサイトです。

第二に、Googleは新しい更新がランキングに大きな影響を与えないことを保証します。 モバイル向けに最適化されたサイトと最適化されていないサイトに個別のインデックスはありません。

これは単に、モバイルページが最初にクロールされ、モバイルバージョンが見つからない場合、Googleがデスクトップにフォールバックすることを意味します。

ただし、モバイルフレンドリーコンテンツは、ユーザーがモバイルデバイスで検索しているときに、検索結果で一般的に上位にランク付けされます。 これは2015年から実施されている対策です。

三番目、影響を受ける可能性が高いウェブサイトは、ユーザーが使用しているデバイスに応じて、モバイルページとデスクトップページが個別に表示されるものです。 このシナリオでは、モバイルバージョンが最初にクロールされるため、検索ランキングに影響を与える可能性があります。

最も影響を受けにくいWebサイトは、モバイルページとデスクトップページが同じであるWebサイトです。 このシナリオでは、モバイルページとデスクトップページは同じであり、さまざまな画面サイズに対応するように単純に適応しています。これは、モバイルの最適化のためにGoogleが推奨する設計アプローチです。

次の質問は:

モバイルファーストのインデックス登録の更新に対応するようにオンラインストアを準備するにはどうすればよいですか?

数百万を超える製品ページがあるため、オンラインeコマースストア用にモバイルバージョンを最適化することは容易ではありません。 これらのページがモバイルで表示されている間は、クロール可能、インデックス付け可能、ランク付け可能であることを確認する必要があります。

心配しないでください、以下のガイドラインは確かにあなたを助けることができます。

1. Googleアナリティクスを使い始める

常にあなたのウェブサイトがリンクされていることを確認してください Googleアナリティクス。 それが提供する洞察はあなたのサイト、あなたの訪問者とそれらがどこから来たかについての豊富な情報を含んでいます。 また、Webサイトがモバイルデバイスから受信するトラフィック量を決定するためにも使用できます。

eコマーストラッキングオプションと呼ばれるオプションがあり、Webサイトが生成するトランザクション数と収益を測定できます。

2.オンラインストアがモバイル向けに最適化されていることを確認する

最近では、モバイルユーザーの数はまったく新しいレベルに加速しています。 だから、あなたの靴下を引き上げて、モバイルの時代が今ここにあるので、モバイルバージョンをキックスタートしてください。

レスポンシブウェブデザインがその先への道です。

次の統計は、2015年から2020年までの全世界の携帯電話ユーザー数を示しています。2019年には、携帯電話ユーザー数は4.68億XNUMX万人に達すると予測されています。

これも知っていましたか?

最初のステップは、できるだけ早くレスポンシブWebサイトに切り替えることです。 つまり、視聴者が使用しているプラ​​ットフォームに関係なく、同じコンテンツがWebサイトに表示されます。コンテンツは、画面サイズに応じて動的に動き回ります。

モバイル、デスクトップ、タブレットのいずれでも、同じデザインとコンテンツが表示され、エンドユーザーがナビゲートしやすくなります。 XNUMX番目のステップは、ユーザーのデバイスに関係なく、Webサイトが同じHTMLコードを提供するようにすることです。

また、レスポンシブデザインとは、デザイナーと開発者がXNUMXつの別々のWebサイトを監視する必要がなく(これまではそうでした)、単一のテンプレートで作業できることを意味します。 安全な賭けです。

サイトがモバイル向けに最適化されているかどうかわからない場合は、 Googleのモバイルフレンドリーテスト.

「テストの実行」をクリックすると、次のように表示されます。

上記と同じメッセージが表示されない場合は、Googleがレポートを作成します。 それは主要な問題領域を強調し、開発者の助けを借りて簡単にそれぞれの変更を行い、Webサイトを変換できます。

またはもちろん、あなたはちょうど良いものを使うことができます eコマースプラットフォーム それはこれであなたを助けるでしょう。

3.ページ速度を上げる

Page Speedは常に、 SEO. そしてもちろん、Googleも同様です。 Searchmetricsによると、Googleの上位XNUMX件の検索結果のページは、 1.10秒未満でロードします。

サイトの読み込みが速いことを確認してください。そうしないと、モバイルでのランキングに影響します。 ユーザーは常にウェブサイトの読み込みが速いことを期待し、Googleもそうです。 したがって、高いページ速度が不可欠です。

ページの読み込みとレンダリングにかかる​​7秒ごとにユーザーのXNUMX%が失われると推定されています。

プロヒント: これを乗り越える簡単なハックがあります。 ユーザーを別のページに誘導して販売したり、商品を紹介したりするには、ポップアップオーバーレイを使用します。 Popusの読み込みが速く、ユーザーは別のページに移動していると感じないため、ページを失うことはありません。 気の利いたね?

どうすれば増やすことができます ページスピード?

  • 画像を最適化する
  • リダイレクトを最小限に抑える
  • コードを縮小
  • サーバーの応答時間を改善する
  • ブラウザのキャッシュを利用する

次のような無料のツールを使用して、サイトの速度を確認することもできます。 GoogleのPage Speed Insights, Webページのテストおよび GTメトリックス.

4.ブラウザを顧客に変換する

すべてのeコマースWebサイトの主な目標は–販売です!

想像してみてください。

Google Analyticsによると、あなたのウェブサイトで生成されるトラフィックは多く、つまり、毎日何千人もの人々があなたのウェブサイトを閲覧していますが、顧客になるのはごくわずかです。 悲しいですか?

さて、ここに、これらの各ブラウザーが顧客になることを確認するために使用できるいくつかのヒントがあります。

  • 魅力的な画像を使用して訪問者の注意を引く
  • どのページからもコンバージョンパスが3クリックまたはXNUMXホップ以内であることを確認してください。
  • シームレスで簡単な支払いゲートウェイを提供します。 できるだけ短くして、フィールドが多すぎてページが乱雑にならないようにしてください。
  • 自動再生動画やその他のポップアップを削除します。
  • CTA(行動を促すフレーズ)が目立つようにしてください(また、いつでもA / Bテストを行って改善することができます!)

5.サイト検索を簡素化する

スムーズなモバイルUXが作成されるため、優れたサイト検索はすべてのeコマースWebサイトに不可欠です。

最終的な目的は、エンドユーザーに最適なモバイル検索エクスペリエンスを提供して、エンドユーザーが目的の製品を簡単に見つけられるようにすることです。

ここでは、 サイト検索を最適化する.

  • すべてのデバイスで検索バーが表示されていることを確認してください。 小さな検索バーに「いいえ」と言います。
  • オートコンプリートを使用して時間と労力を節約する
  • スペルミスに検索結果があることを確認してください(これはあなたが考えるよりも頻繁に起こります)
  • テキストではなく画像を使用する
  • ユーザーが検索を絞り込むことを許可する
  • 検索結果の並べ替えを許可し、ユーザーにフィルターを使用する機能を提供します(Amazonがなぜそんなに多くのフィルターを提供していると思いますか?それはストアをよりユーザーフレンドリーにするためです!)

6.ジェスチャーとキーボードの必要性

ジェスチャー

新しいシャツを購入したいとし、いくつかのオンラインストアの閲覧を開始するとします。 一部のサイトではズームインとズームアウトが簡単にできるのに、他のサイトではズームできないことがわかりました。

そして、可能であっても、ズームインしようとすると画像がピクセル化されます。これは簡単にあなたを困らせ、カートからアイテムを削除する可能性があります。

この時点で、あなたは本当に必要なことに気づきます ピンチ/ダブルタップズームなど、eコマースサイトの一般的なジェスチャー機能。

画面キーボード

見落とされる可能性のあるもうXNUMXつの重要な側面は、一部のユーザーがオンラインショッピングを行っているときに、スクリーンキーボードのみを使用しているという事実です。

クレジット/デビットカードのチェックアウト時に、数字キーボードのみが表示される必要があることを常に確認してください。 同様に、電子メールフィールドで、キーボードに「@」記号を入力します。 必要な入力に基づいて変化するコンテキストキーボードが有効になっていることを確認します。

7 アクセスのしやすさ

文字サイズ

ピンチやズームを行わなくても、エンドユーザーがコンテンツのすべての要素を操作できるようにすることで、高品質なUXを提供できます。 フォントサイズをビューポート内で拡大縮小できるようにし、ベースフォントサイズとして16pxを使用し、必要に応じて相対的に拡大縮小します。

ターゲットをタップ

特定のウェブサイトは、彼らのウェブページが適切に最適化されていないために私たちを狂わせようとしています。 間違ったボタンを押すと、ボタンが近すぎるため、またはズームインしなければならないときにボタンを押すと、耐えられなくなります。

タップターゲットを最適化するためのヒントをいくつか紹介します。

  1. タップターゲットの幅を少なくとも48ピクセルにします
  2. スペースタップターゲットは32px以上離れています

スケーリング

新しいページをデザインするときは、常にモバイルを最初にデザインしてから、これをデスクトップやタブレットなどの他のデバイスにどのように拡張できるかを考える必要があります。 モバイル対応Webページが縦向きと横向きの両方のデバイスの向きに対応できることを常に確認してください。

注意すべき最も重要なことは、すべてのコンテンツとメディアが画面サイズいっぱいになり、画面の領域を利用する必要があることです。

8.音声検索の準備

私達は話しました 音声検索の最適化 ずっと前に。

最近では、Alexa、Cortana、Google Now、Siriを使用して、検索クエリを入力するのではなく、話し言葉で質問への回答を見つける人の数が日々増えています。

Googleによると、人々が音声認識スピーカーを使用する主な理由は次のとおりです。

  • マルチタスクが可能になります
  • それは彼らが即座に答えや情報を得るのに役立ちます
  • それは彼らの日常生活を容易にします。

したがって、明らかに、この種のテクノロジーはすでに定着しており、検索結果とランキングに大きな影響を与えるため、他のすべてのWebサイトは音声検索を組み込むことを試みます。

キーパッドに入力するときと、SiriまたはAlexaに話しかけるときとでは、検索方法が大きく異なります。 たとえば、簡単なブルーベリーチーズケーキのレシピを検索するとします。 Googleの検索ボックスに入力する場合は、「簡単なブルーベリーチーズケーキレシピ」と入力します。

しかし、音声検索を行うと、おそらく「最小限の成分でブルーベリーチーズケーキを作る」または「30分でブルーベリーチーズケーキを作る」と言うでしょう。 これはeコマース業界にとって非常に大きなものであり、これらのヒントを念頭に置いておくと、ビジネスで大きな助けになります。

  1. あなたのビジネスに関連するロングテールのキーワードと質問のリストを作成します。
  2. エンドユーザーがどのような質問をするかについて考えます。
  3. 回答をメモしておくと役に立ちます。
  4. それに応じてコンテンツを最適化します。

プロのヒント:Google(現時点では)は、音声検索結果にフィーチャースニペットを多く使用しています。 コンテンツが強調スニペット用に最適化されていることを確認してください。 フィーチャースニペットの最適化について話しました ここ.

9.構造化データマークアップを使用する

検索エンジンは構造化データマークアップを使用して、ページのコンテンツを理解し、Webページに関する情報を収集します。 これにより、ユーザーは探している情報を見つけやすくなります。

同時に、それはビジネスの検索結果リストを改善します。

Googleなどの検索エンジンは、構造化データを使用してリッチスニペットを生成します。リッチスニペットは、検索結果に表示される小さな情報です。

ここでは、評価、レビューの数、調理時間などを見つけることができます。 リッチスニペットにより、エンドユーザーにとってすべてが簡単になります。

したがって、構造化データのマークアップはランキングに不可欠です。 デスクトップとモバイルの両方のバージョンのテストで構造化マークアップを検証するには、 構造化データテストツール.

10.フラッシュとポップアップを取り除く

モバイルデバイスはこれをサポートしていないため、フラッシュをインストールする必要があるモバイルデバイスユーザーにコンテンツを提示しないでください。 Googlebotはエラーとして簡単に追跡でき、ランキングは結果に直面します。 信頼性とパフォーマンスの点で、HTML5とJavaScriptはflashの代替として優れています。

サイトがポップアップでいっぱいの場合、Googleによってペナルティが課せられる可能性があります。 グーグルはインタースティシャルコンテンツを取り締まっている(それがポップアップのしつこい言い方の正式な言い方だ)。

あなたは前にこれを見たことがあるに違いありませんか?

ブラウジングの最中に突然ポップアップが出てきます! そして、そのように、UX全体が中断されます。 インタースティシャルを使用すると、準拠してリンクまたは「x」をクリックするまで、Webサイトを閲覧できません。

アップラッピング

これらの10のガイドラインは、モバイルファーストインデックス更新のためにeコマースWebサイトを最適化するのに役立ちます。 ウェブサイトに必要な変更を加えた後は、アップデートが世界中に公開された後も、それを存続させて存続させることができます。

私は完全なモバイル監査とウェブサイトの適切な分析をお勧めします。 これはあなたが始めるのに役立ち、あなたはさらに先へ進む方法を知るでしょう。

モバイル向けに最適化されたウェブサイトを作成することに焦点を当て、残りはそれに続く。

画像提供:[1]、[2]、[3]、[4]、[5]、[6]、[7]、[8]、[9]、[11]、[13]

注目の画像

アディ・スジャ

Adiは、成長に重点を置いたコンテンツマーケティング代理店であるGrowtheticsの創設者兼最高成長責任者です。 彼はeコマースプラットフォームのブログの成長を支援しています。