レスポンシブデザインを超えて:モバイルユーザーのためにあなたのウェブサイトを最適化する方法

誰もが、特にGoogleのMobilegeddonアルゴリズムの更新後、モバ

モバイル最適化はここに滞在するためにあり、それは企業や自分のウェブサイトのより多くを要求しています。 しかし、モバイルの最適化は、単に応答性の高いウェブサイトのデザイン以上のものです。

この記事では、なぜ、どのようにあなたのウェブサイトのためのモバイルファーストの考え方を採用する方法を説明します。

あなたのウェブサイトはどのくらい強いですか? HubSpotの無料Webサイトの採点者を使用して採点します。

モバイル最適化とは何ですか?

モバイル最適化は、デスクトップ上と同様にモバイルデバイス上でも実行できるように、ウェブサイトとそのコンテンツを設計および開発するプ スマートフォンでウェブサイトにアクセスする消費者が増えるにつれて、モバイル最適化がますます重要になっています。

2015年のGoogleのモバイルフレンドリーなアルゴリズムの変更(およびそれ以来、さらにいくつか)は、検索エンジンが痛みを伴わずに、彼らはそれを必要とす

Googleは、イライラするブラウジング体験を提供するウェブサイトにモバイルユーザーを送信したくない—それは常に有用で関連性の高いコンテンツを提

さらに、このアルゴリズムの変更は、進行中のはるかに大きな変化の信号であり、それは消費者の行動が変化しており、適応するのはあなたの仕事です。

モバイル用のウェブサイトを最適化する方法

  1. あなたの顧客の旅をマップします。
  2. 基本を覚えて、先に考えてください。

モバイルフレンドリーなウェブサイトを構築することは一歩ですが、あなたのウェブサイトを微調整することは、消費者の変化する行動や期待に先んじてあなたを維持することはありません。

要するに、マーケティング戦略にモバイルファーストの考え方を注入する必要があります。 ここではどのようにです。

あなたのカスタマージャーニーをマップします。

シカゴに引っ越したばかりの若いマーケティング担当者、サリーの経験を想像してみてください。 散歩に出かけている間、サリーは美容院を通り過ぎ、彼女は散髪が必要であることを認識します。 彼女はカールと色に特化したシカゴのヘアスタイリストのための彼女の携帯電話の検索を引き出します。 彼女のGoogle検索はJoannのStylezをポップアップ表示します。

彼女はすぐにウェブサイトをめくって、もっと調査したいと思っているが、移動中はあまりにも難しいので、彼女は自分自身にリンクをテキスト 彼女が家に帰ると、彼女は彼女のタブレット上で彼女のテキストを開き、すぐにYelpのレビューをチェックし、彼女のカレンダーを調べ、その後、ジョアンのウェブ

サリーはその夜遅くに彼女の電子メールをチェックするために彼女のラップトップをロードすると、彼女は彼女の予定を確認し、彼女に彼女のカレンダーに追加するオプションを与えるJoannのからの電子メールを発見する。 翌日、彼女の予定の30分前に、彼女は予定を彼女に思い出させる彼女の仕事のコンピュータ上のプッシュ通知を受け取ります。

翌日、サリーはカットに関するフィードバックを求めるモバイルメールを受け取り、割引料金で定期的な予定を設定することを提案する。 彼女は売られた

サリーの経験は、多くの顧客がマーケティングファネルを通過する際に現在行われているクロスデバイス、オムニチャネルの旅の実例です。 毎日、消費者は、オンラインショッピング、ブログ記事の準備、予定の予約、相互通信などの一般的なタスクを完了するときに、いくつかの異なるデバイス

HubSpotのブログソフトウェアを使用すると、変換に最適化された関連性の高いコンテンツを任意のデバイスでプレビューできるようになり、どこにいても顧客とエンゲージメントできるようになります。

消費者は今、デジタル対話のすべてからこの種の経験を期待しています。 彼らは手元にあるものは何でもデバイスに自分の空想に合うものは何でも達成できるようにしたいです。 これは、単に別のデバイス上で素敵に見えるようにあなたのサイトを適応させるだけでは十分ではないことを意味します。 マーケティング担当者として、あなたの顧客と見通しの生活に深く掘る必要があります。

たとえば、HubSpotでは、モバイルデバイスの訪問者がランディングページのいずれかに長いフォームに記入することはほとんどありません。 そこで、スマートコンテンツを使用して、モバイルビューアがフォームを見ているときにフォームを自動的に短縮し始めました。 これにより、モバイルの見込み客が5倍に増加した。

あなたはすでに買い手のペルソナの強力なセットを開発している可能性があります。 ユーザーの調査とテストを実施して、各ペルソナが漏斗の下に移動するときにどのコンテンツとCtaを提示するかを理解しました。 あなたは今、さらに一歩を進める必要があります。 あなたは、リズムと韻の両方をいつ、なぜ、何で、どこから人々があなたのウェブサイトやコンテンツと対話しているかを理解する必要があります。

Googleは、顧客の旅の中で”マイクロモーメント”を識別するためにマーケティング担当者を奨励しています:

マイクロモーメントは、人々が反射的に何かを学び、何かをし、何かを発見し、何かを見たり、何かを購入する必要性に基づいて行動するために、ますますスマー 彼らは意思決定が行われ、好みが形作られる意図豊かな瞬間です。

多くのブランドが、これらのミクロな瞬間をどのように予測し、活用するかを考え出しています。 あなたがコーヒーショップの近くにいるときにAppleの通帳は、あなたのスターバックスカードをロードします。 ハーツは、飛行機が着陸したときに、車の準備ができていることを知らせるために電子メールを送信します。 スターウッドでは、スマートフォンでホテルの部屋をチェックインして開くことができます。

消費者はますますこのような密接に応答性の高い体験を提供する企業に順応してきています。 買い物客の59%は、購入するブランドや小売業者を決定する際にモバイルで買い物ができることが重要であると言い、スマートフォンユーザーの39%は、購入

どのようにこれらのミクロの瞬間を把握し、見通しの意図を満たすためにあなたのコンテンツを設計することができますか? あなたのデータにタップします。 ここでは、3つの分析を開始する必要があります:

  • 検索:どのクエリ、広告、キーワードがあなたのウェブサイトやランディングページに異なるデバイス上のユーザーを 彼らはあなたのサイトに着陸したら、検索の種類は、異なるデバイス上のユーザーが実行していますか?
  • コンテンツ:ユーザーがアクセスするコンテンツを、ファネル内のステージ別およびデバイス別に調べます。 自分の携帯電話上の見通しがダウンロードしているものの周りの傾向はありますか? 共有?
  • Flow:デバイスごとにセグメント化されたフロー解析を掘り下げます。 モバイルを使用して見通しが続くパスとは何ですか? お客様がフォローしている道とは何か? これらの訪問者はどのサイトや情報源から到着していますか?

マイクロモーメントの宝庫を構築した後、考えるのは簡単です:”さて、私たちは訪問者がほとんど外出先でアクセスしたいと思う特定のものに私たちのウ”

しかし、モバイルユーザーは、短い、単純なタスクを完了することに限定されません。 デバイスは、場所や意図を直接暗示するものではありません。

忙しい専門家は通勤時間を利用して、携帯電話に関する詳細な業界調査を行い、家族と一緒に映画を見ながらタブレットで電子メールの受信トレイを処理し、全国を飛んでいる間に潜在的な請負業者のウェブサイトを閲覧することができる。

この直感を確認したPew Research Centerの米国のスマートフォンに関する調査によると、スマートフォン所有者の99%が自宅で電話を使用し、82%が輸送中に電話を使用し、69%が毎週仕事で電話を使用していることが分かった。 (この調査は2015年に実施されましたが、それ以上ではないにしても、今日でもまだ関連性があると考えています。)

人々は、コンテンツのストリップダウンセットを望んでいません。 代わりに、彼らは彼らが使用していることが起こるどのようなデバイス上で必要な材料への迅速かつ簡単なアクセスをしたいです。従って、あなたの場所、着陸のページ、電子メール、等を最大限に活用したいと思う間。 マイクロ瞬間のために、あなたは彼らが脱出することはできませんから箱に訪問者を強制したくありません。

あなたの指標を考慮(そして再考)してください。

デスクトップ中心の時代に確立した指標は、私たちの新しいマルチデバイス、マイクロモーメントの世界にシームレスに翻訳されない場合があります。 たとえば、サイトの訪問者の時間を増やす方法を見つけるために疲れを知らずに戦ったかもしれませんが、時間が長いほどエンゲージメントが高くなり、コンバージョン率が高くなることを認識しています。

ただし、モバイル訪問者のために識別するマイクロモーメントは、より少ないオンサイト時間が必要であることを示唆するかもしれません。 コンサルティング会社のウェブサイトを訪問する見通しを探している可能性があります:

  • 彼らは同僚を表示したいインフォグラフィック
  • 彼らが会うしようとしているパートナーのバイオ
  • 旅行中に読むケーススタディ

彼らのモバイル経験のためのこの見通しの期待を満たすためには、迅速かつ直感的に彼らが探している情報の特定の部分を見つけるのを助けるようにあなたのウェブサイトを設計する必要があります。 彼らのモバイル訪問が気を散らす、イライラする、またはあまりにも時間がかかる場合、あなたはあなたのブランドの彼らの認識を損なっています。

良くも悪くも、私は携帯電話で寝る(明日のスケジュールを見直し、夜間の瞑想を読む)と、携帯電話で目を覚ます(アラームを消音し、天気をチェックする)。 私は毎日私のパートナーと私の親友と通信します—すべての私の携帯電話を介して。 私のMBAの同級生が生意気であるタイラバンクのGIFを送信すると、私は私の隣の人に自分の携帯電話を回し、私たちは一緒に良い笑いを持っています。

デイインとデイアウト、これらの相互作用は、私の携帯電話と私の間の親密な接続を作成します。 そして、私は一人ではありません: ほとんどの消費者はデスクトップの経験より親密の彼らの移動式経験を吹き込む。 Pew Research Centerは、アメリカ人がスマートフォンを解放し、接続し、有用であると見なし、携帯電話を幸福と生産性の感情に関連付けていることを発見しました。 これらの関連付けは、コンテンツとのより大きな関与と関心を刺激することができます。

マーケティング担当者として、これらの傾向を活用し、見込み客のモバイル体験をより個人的かつ社会的にする方法を検討する必要があります。 おそらく、誰かが携帯電話に到着したときに表示する社会的なCtaの割合を増やすためにあなたのウェブサイトを変更します。

基本を覚えて、先に考えてください。

全体として、モバイルの考え方を採用することは、カスタマージャーニー全体が応答性が高く、関連性があり、実用的で、摩擦のないことを保証することを意 マーケティング担当者として、あなたは消費者が迅速かつ簡単に彼らが見つけて、彼らがやりたいことをしたいものを見つけるのを助けたいです。 繰り返しますが、これは先に考え、いつ、どのデバイスで、どこからあなたの見通しがあなたのコンテンツと対話するかを理解することを意味します。

これは困難に見えるかもしれませんが、ほとんどの場合、チャンネル間で基本を熱心に適用することを意味します。 たとえば、すべてのメールのほぼ半分がモバイルで開かれているため、メールがモバイルに最適化されていることを確認します。 次の手順を実行することをお勧めします:

  1. 大きくて読みやすいテキストを使用します。
  2. 大きく鮮明な画像を使用し、ファイルサイズを小さくします。
  3. レイアウトをシンプルに保ち、応答性の高いテンプレートに投資します。
  4. 大規模な、モバイルに優しい行動への呼び出しとリンクを使用してください。

人々が自分の携帯電話と持っている個人的な関連付けを認識するには、”From”の名前がよく知られており、プレビューテキストが招待されていることを確認 モバイルに適していないフォームやイベント登録ランディングページへのリンクを電子メールで送信しないでください。

HubSpotの無料のランディングページビルダーを使用して、デバイス間で完璧に見えるランディングページを起動し、ページを表示しているユーザーに基づいてコ

: 最適化の時間

これらのヒントに従えば、あなたはモバイルの考え方を生き、消費者のデジタル行動の変化を風化させることにうまくいくでしょう。 迅速に移動し、あなたの組織は、パックの先頭にある可能性があります。

編集者注:この投稿はもともと2015年6月に公開されたもので、包括的に更新されています。

効果的な技術的なSEOであなたのウェブサイトを改善します。 この監査を実施することから始めます。