2016 年のモバイル最適化について知っておくべき 7 つのこと

あなたが米国の人口の多くと同じように、Google 検索で見つけた場合でも、メールで届いた場合でも、モバイル デバイスでこの投稿を読んでいる可能性があります。 国内外で、これまで以上に多くのユーザーがモバイル デバイスからインターネットにアクセスしています。 実際、2014 年以降、デスクトップ コンピューターよりもモバイル経由でインターネットにアクセスする人の方が多くなりました。

ポイントは、今日、モバイル トラフィックの最適化を Web サイト戦略の基礎に据えなければならないということです。

サイトのモバイル エクスペリエンスを最適化するには、特定のモバイル デバイスに適応し、モバイルを介して訪問者にシームレスなエクスペリエンスを提供する必要があります。 2016 年にサイトをモバイル向けに最適化する際に検討すべき重要な質問のいくつかについて説明しましょう。

1. モバイル検索に関する Google の最新の発表とその意味

先月の Google のウェブマスター セントラル ブログで、Google はモバイル サイトとモバイル検索でのユーザビリティを改善する取り組みを発表しました。 モバイルで検索したときに、検索結果に「モバイル フレンドリー」が表示されたことはありますか? これは、オンラインのほとんどのユーザーには表示されなくなります。これは、Google がエクスペリエンスをクリーンアップし、その貴重な資産を取り戻しているためです。

Google はまた、迷惑なフルページ ポップアップ広告を使用する Web サイトを「罰する」ことも検討しています。 Google の目的は、検索者が探しているコンテンツをより簡単に見つけられるようにすることです。 「押し付けがましいインタースティシャル」（バックグラウンド コンテンツの表示を妨げる​​ポップアップ）は、ユーザー エクスペリエンスを低下させるため、Google は対策を講じ始めます。 これには、ランキングでサイトを低く表示することが含まれる場合もあれば、特定の用語でサイトをまったく表示しない場合もあります。 Google はこの声明で次のように明確にしています。

「2017 年 1 月 10 日以降、モバイル検索結果からの移行時にユーザーがコンテンツに簡単にアクセスできないページは、それほど高くランク付けされない可能性があります。」

おすすめ：

「煩わしいインタースティシャル」と見なされる可能性のある機能を現在使用している場合は、 2017 年 1 月までにモバイル ユーザー向けの代替手段を見つけてください。

2. ウェブサイトがモバイル向けに最適化されているかどうかわかりません。 どこから始めればよいですか？

テスト開始！ 開始する簡単な場所は、自分のモバイル デバイスです。 さあ、飛び乗ってブラウジングを始めましょう。 すべての問題を網羅するリストを作成するつもりはありませんが、ここにいくつかの項目を示します。

• モバイル ユーザーが特定のページにアクセスするのに苦労する可能性のある領域、機能しないか非表示になっているボタン、表示されないか簡単にクリックできないナビゲーション。
• ヒーローやバナーの画像、コピー、ヘッダー、ロゴ、その他の要素など、重複するページの要素。
• 画像はページ上で正しくレンダリングされていますか、それともピクセル化されているか、小さすぎるか、一目で見てわかりにくいですか?
• 動画をテストして、動画が正しく再生されること、一時停止または停止できること、音声が聞こえること、スキップしたり聞こえなくなったりしないことを確認します。
• フォームの機能を確認します。 適切に送信されているか、自動入力が許可されているか、簡単に入力できるかなど。
• アコーディオン、ドロップダウン、オーディオ再生、およびユーザーが「アクション」を実行するときに関係するその他の側面に注目してください。 それらは適切に機能し、使いやすいですか？

おすすめ：

たまたま持っている携帯電話だけでなく、人々が使用するさまざまなデバイスでサイトがどのように提供されているかを確認するのに役立つ、テストをはるかに遠くまで進めるためのツールが存在します。

Android、Windows、および iPhone のモバイル デバイスは、非常に異なるエクスペリエンスを提供するため、完全なテストを完了するために調査する必要があります。 電話は、デスクトップと同じようにさまざまなブラウザーを使用します。 ツールは、新しい電話と古い電話の構成、およびそれらが使用するブラウザーのテストに役立ちます。

3. Web サイトのモバイル性をテストするのに役立つモバイル テスト ツールには、どのようなものがありますか?

Google では無料のモバイル フレンドリー テストを提供しています。これは問題の診断に役立ちますが、特定のブラウザではレポートされません。 クロスブラウザー テスト ツールには、多くの場合、モバイル デバイスとブラウザーでテストする機能が付属しており、それぞれが独自のツールセットと関連コストを提供します。 CrossBrowserTesting.com、Browsershots、Browser Sandbox、Browsera、BrowserStack は、ニーズに応じて月額 10 ドルから 100 ドル以上のクラス最高のオプションです。

ツールは、モバイルでページがどのように見えるかを表示するだけです。 ページが機能しない理由を診断するのは、Web デザイン チームの責任です。 この慎重なレビューには、多くの時間とリソースが必要になる場合があります。

おすすめ：

優先順位を付ける必要がある場合は、Google アナリティクスのデータを考慮してください。これにより、サイトへのアクセスに使用される最も一般的なブラウザとモバイル デバイスがわかります。 実際の訪問者に合わせてプランを調整します。

4. サイトに必要なモバイル最適化修正の優先順位をどのように設定すればよいですか?

場合によります。 最適化の取り組みに優先順位を付ける際には、サイトの目標とモビリティの問題の深刻度を考慮する必要があります。 たとえば、位置がずれたいくつかの画像を修正するよりも、変換を許可しないサイトの領域を優先する必要があります。 クリックできないサイトの領域を修正するための複雑な開発プロジェクトは、位置がずれたいくつかの画像よりも優先する必要があります。

おすすめ：

上記のツールを使用して手動でサイトを評価し、最適化の問題を少しずつ取り除きます。

5. モバイル SEO のように、モバイル検索用にサイトを最適化できますか?

昨年、私たちは記事「モバイル検索エンジン最適化のベスト プラクティス」で、まさにこのトピック、つまりモバイルの使用と検索トレンドが出会う関係について書きました。 SEO のためのモバイルのベスト プラクティスは、SEO の従来のベスト プラクティスとあまり変わりません。

ユーザー エクスペリエンスは、ページの読み込み速度とともに非常に重要です。 サイトが遅くなればなるほど、ナビゲートして使用するのが難しくなり、モバイルとデスクトップのどちらの検索結果にもサイトが表示されなくなります。 メタデータは重要なので、独自のメタ タイトルと説明も忘れないでください。 検索結果をクリックして、テスト、テスト、テストするようにユーザーを誘導します。

おすすめ：

スキーマ構造化データの使用を検討し、その非常に小さな画面を活用してください。 構造化データは、検索結果にリッチ スニペットとして表示される評価に役立ちます。 以下に示す例では、レビュー、時間、時間などを確認できます。

サイトで利用できる構造化データ オプションの詳細については、Schema.org にアクセスしてください。 構造化データが実装されているかどうかわかりませんか? 無料で利用できる Google の構造化データ テスト ツールにアクセスして、サイトのページをテストします。

検索エンジンやモバイル向けにサイトを最適化することは反復的なプロセスであり、継続的なテスト、監視、分析が必要になる場合があります。 Google の Search Console は、モバイル検索結果のクリック数、インプレッション、クリックスルー率などのモバイル パフォーマンスに関する情報と、サイトの移動性および関連する問題を提供します。

モバイル検索の最適化は、単にモバイルに対応するだけではなく、ユーザーがモバイル デバイスを実際にどのように使用して会社と関わっているかを理解する必要があります。

6. 発見したモバイルの問題を開発者が修正するのに役立つリソースは何ですか?

• WordPress モバイル開発ハンドブック
• マーチャントおよび開発者向けの Magento
• デベロッパー向けの Google モバイル フレンドリー ウェブサイト リソース
• モバイルでよくある間違い デベロッパー向けの Google リソース
• 開発者向けモバイル最適化ガイド

7. 現在、自分のサイトに統合することを検討すべきデザイン機能はありますか?

モバイル固有の機能は、Web サイトへの優れた追加機能であり、訪問者のユーザー エクスペリエンスを向上させることができます。

「ファットフィンガー」のデザイン。 幅が 44 ピクセルの指のデザインは、「太い指」のデザインと見なされます。 これにより、すべてのユーザーがページ上の要素にアクセスしてクリックできるようになります。 モバイル デザインでは指が小さいため、ページの一部の要素をクリックしてアクセスするのが難しい場合があります。

タップして通話/クリックして通話機能。 サイトに電話番号が表示されている場合は、それらの番号のタップを許可して、ユーザーがリストされている番号から直接電話をかけられるようにすることをお勧めします。 外出先で電話番号をコピー/貼り付けしたり、書き留めたりするのは非常に困難です。 顧客が簡単に電話できるようにし、Web サイト全体の番号でタップ ツー コール機能を有効にします。

まとめ

モバイル向けにサイトを最適化するプロセスは、オンラインでのユーザー エクスペリエンスの一部です。 今日の接続された世界では、マーケターは既成概念にとらわれない考え方を求められています。 接続された世界がよりモバイルになるにつれて、マーケターとしての私たちの仕事は、この考え方を継続し、ユーザビリティに焦点を当てることを要求します. ブログ投稿で説明したトピックを使用して、オンライン資産をモバイル用に最適化し、より多くの成功を達成し、最適な Web サイトのユーザビリティとユーザー エクスペリエンスという最終目標に向けて取り組んでいただけることを願っています。