訪問者が変換するためにページが回答する必要がある3つの質問

公開: 2016-02-26

訪問者が新しいものに変換するためにあなたのページが答える必要がある3つの質問

[編集者注:この投稿は元々2016年2月に公開され、より実用的なヒントを含むように更新されました。]

人々は、解決すべき何らかの問題があるためにWebページにアクセスします。

そして、彼らが着陸したページが彼らのニーズを満たすかどうかを評価するために、彼らは即座にこのチェックリストを通過します:

  • 私は正しい場所にいますか? (これは私の意図と一致しますか?)
  • このサイトに満足していますか? (このサイトは信頼できますか?)
  • 私はここで何をすべきですか? (先に進むには何をクリックしますか?)

訪問者は、コンバージョンパスをさらに進む前に、これらの質問に対する回答に慣れている必要があります。

1.私は正しい場所にいますか?

訪問者はどこかから来ます–オーガニック検索結果、PPC広告、他のウェブサイト、またはソーシャルメディアの投稿クリック。 これは、ページがそこに到達する前に、ページが何であるかについて期待が設定されていることを意味します。

問題は、多くの場合、人々が期待するものと実際にページで得られるものとの間に断絶があることです。

これは、検索エンジンの結果またはソーシャルメディアの投稿をクリックして表現する訪問者の意図が一致しない場合に発生します。

訪問者は彼らが間違った場所にいると感じて去ります。

そして、それは誰にとっても悪いことです–それはあなたの検索ランキングにさえ有害です。

訪問者がベルリンで安いホテルの宿泊施設を探しているとしましょう。 検索結果ページ(SERP)をクリックすると、ベルリンの格安ホテルではなく、ヨーロッパのすべてのホテルのリストが表示されます。 彼らは戻るボタンを押すつもりです–彼らは検索ページに「ポゴスティック」しています。

Googleはそのためにあなたにペナルティを科します。

アップストリームメッセージとページメッセージを一致させる

訪問者が固執することを確実にするために、あなたが使用した広告のメッセージまたは訪問者がSERPで見たブラウザページのタイトルはあなたのページのコンテンツと一致する必要があります

たとえば、美容サイトで、洗顔料で実行している取引の広告をクリックした場合は、その取引専用のランディングページに移動します。 あなたのホームページではありません。

マッチングメッセージングには、マッチングの言い回しだけでなく、使用するビジュアルも含まれます。

ウェビナーで、FeldmanCreativeのBarryFeldmanは、アップストリームメッセージングと一致するページと一致しないページの例を示しました。

example of mismatched upstream message and landing page - relateiq's twitter ad and landing page look different. plus, the ad says "the smarter, simpler crm", but the landing page doesn't mention crm. the only similarity is the company logo in the upper left

不一致。 RelateIQの広告とランディングページは視覚的および口頭で整列していません。 広告には暗い雑然とした写真があり、ページには黄褐色の木で仕上げられたきれいなデスクトップの画像があります。 広告はCRMについて語っていますが、それはページの見出しには記載されていません。 このページが広告に接続されていることを示す唯一の指標は、左上のロゴです。

example of matched upstream message and landing page - domo's twitter ad has the same look and feel as the landing page. the images and the headlines are the same

一致しました。 Domoの広告とランディングページは明確なつながりを確立します。 彼らが使用する画像は同じフレーバーを持ち、同じ見出しを維持します。

ロゴとタグラインを標準の場所に配置

訪問者に自分が正しい場所にいるとすぐに感じさせるもう1つの方法は、Webサイトの左上隅ロゴを配置することです。 ここで、Web訪問者は、オンラインの場所について自分自身を方向付けようとします。

あなたのロゴの下に、あなたがしていることと人々があなたを信頼すべき理由を簡潔に捉えた6〜10語を追加します。 グローバルヘッダーに説明を配置すると、訪問者がどのページにアクセスしたかに関係なく、説明が表示されます。 あなたが地元の企業であれば、「20年間大アトランタ歯科にサービスを提供する」または「1,000人以上の満足している歯科クライアント」のようなものを持つことができます。

あなたがフォールドの上にいる人を伝えます

ホームページでは、巨大なヒーローショットや折り目の上の回転するバナーの代わりに、静的なバナーを使用します。 貴重な不動産を使用して、あなたが誰であるか、そしてあなたのユニークな販売提案が何であるかについてもう少し詳しく話します。 メッセージには、「私にとって何が含まれているのか」と答える必要があります。 顧客の視点から。

2.このサイトについてどのように気分がいいですか?

あなたのページは即座に信頼を築くことができる必要があります。

そして、専門的でよく実行された設計は確かにこの分野で役立ちますが、サイトには他の信頼信号が必要です。

あなたがビジネスをしてきた期間とあなたが満足しているクライアントのかなりの数を持っていることを示すロゴの下にその短い説明を持っていることはあなたの信頼性を確立します。

強調する必要がある他の信頼要素は次のとおりです。

電話番号

電話番号はあなたの最大の信頼要素です。 「私はあなたの電話に応答する誰かとの本当のビジネスであり、夜通しの会社ではありません」と書かれています。

ユーザーが期待する右上隅に、電話番号と営業時間を入力します。

モバイルでは、電話番号を表示する必要はありません。 代わりに、クリックして呼び出すアイコンを用意します。このアイコンをタップすると、携帯電話のネイティブダイヤルアプリに番号が読み込まれます。

セキュリティシンボル

情報を保護するための対策を講じていることを顧客に示します。 有名なベンダー(ノートンショッピング保証など)からのプライバシーポリシーとコンピューターセキュリティの信頼マークを持っている。

クライアントとメディアのロゴ

あなたが取引した大規模なクライアントとあなたが紹介されたメディア会社を示すことによって権威を借ります。

お客様の声と製品レビュー

製品やサービスについて他の人が言わなければならないことは、顧客が最終的に下す決定に大きな影響を与える力を持っています。 そのため、紹介文とユーザーレビューをページに表示します。

 example of borrowing trust and using social proof - buzzsumo shows marquee client logos and testimonials on their homepage

Buzzsumoは、マーキークライアントのロゴと紹介文をホームページに表示しています。 ただし、ロゴを目立たせすぎて召喚状を溺れさせないように注意してください。 グレースケールで表示することをお勧めします。

ユーザーレビューを使用して、訪問者に行動を起こすように説得する方法の詳細をご覧ください。

「コンバージョン率を最適化するための8つのカスタマーレビューのベストプラクティス」をお読みください

3.ここで何をすることになっていますか?

訪問者があなたのページにアクセスすると、目標に近づくためにクリックする必要がある場所をすぐに伝えることができるはずです。 そうでなければ、彼らは離れて、より少ない労力を必要とする他の場所に行きます。

訪問者が次に何をすべきかを特定できないのは、…

召喚状は他の視覚的要素によって隠されています

召喚状(CTA)は、ページ上で最も目立つグラフィックである必要があります。

サポートするコンバージョンアクションには、プライマリCTAと同じ視覚的な強調を与えるべきではありません。テキストリンクに降格することを検討してください。

要素がコンバージョン目標を直接サポートしていない場合は、それを削除します。

ページに明確なナビゲーション要素がありません

一方、ページが整理されたビットをやり過ぎて、主要なナビゲーション要素を削除してしまうのを見てきました。

エッジの効いた見た目にするためにナビゲーションを犠牲にしないでください。 あなたのページは、主にユーザーが必要なものを見つけるのを助けるために存在することを忘れないでください。

example of missing navigation elements on mobile page body - above-the-fold real estate of johns hopkins homepage on mobile only has a hamburger menu on the upper right corner, an image that takes up the entire screen, and the name of the university in the middle of the page body

これは、ジョンズホプキンス大学のモバイルホームページの最初の画面です。 あまり知識のないモバイルユーザーは、ナビゲーション要素を表示するために下にスクロールする必要があることを理解するのに苦労するかもしれません

それはあなたのことでも、サイトをきれいに見せることでもないことを覚えておいてください。 ウェブサイトのデザインは、あなたのウェブサイトに誰が来て、何を探しているかに基づいている必要があります。

eコマースサイトの場合は、ベストセラーを視覚的に強調するのではなく、エントリポイントとして高レベルの商品カテゴリを用意します。 顧客が何を探しているのかわからないので、カテゴリを選んで正しい道を進んでもらいましょう。

要約すれば

人々がコンバージョンを達成する場合、あなたのページは、訪問者に彼らの意図に一致し、合法的なサイトであり、彼らが必要とするものを簡単に見つけることができることをすぐに納得させる必要があります。

アップストリームメッセージに一致する正しいページにユーザーを誘導し、ページがプロフェッショナルに見え、信頼のサインが飛び出し、主要なCTAとナビゲーション要素が明確であることを確認してください。

ブログフッターCta1