ランディングページの基礎

公開: 2018-06-04

ランディングページは、Webサイトの最も重要な側面の1つです。 ランディングページが悪いとバウンス率が高くなり、印象が悪いと、ユーザーが離れると二度と戻ってこない可能性があります。

顧客が戻ってくるような魅力的なランディングページをデザインする方法がわからない場合は、このガイドで基本を説明します。 ランディングページとは何か、効果的なページをデザインする方法、そしてランディングページを作成するときに含める最も重要な要素。

勝利のランディングページを作成する方法

ランディングページは、ユーザーがリンクをクリックした後にランディングするWebページですが、より一般的には、ホームページ(検索エンジンを使用するユーザーからの最も一般的なリンク先)および広告キャンペーンでリンクするページを指します。 キャンペーン中にホームページをランディングページとして使用しないことが有益な場合もありますが、ホームページも同等であることを確認してください。

完璧なランディングページを作成するには、多くの練習、設計知識、およびSEOの専門知識が必要です。 ただし、これらのスキルをまだ持っていない場合でも、変換する優れたページを作成できます。

覚えておいてください:あなたのランディングページはあなたの履歴書です。 あなたのコアゴールとメッセージに焦点を合わせてください。 ランディングページを読み終えたら、ユーザーに何をしてもらいたいですか? 何かを買う? 記事を読みますか? この目的のみに基づいてランディングページをデザインします。

設計事項

design definition

誰かがページにたどり着いて、色が散らかっていて、ナビゲートするのが難しく、メッセージが何であるかを理解するのがさらに難しい場合、それは良い印象を残しません。

ランディングページは美しくオリジナルであるだけでなく、クリーンでスタイリッシュでなければなりません。 型を破ることを勧める人もいれば、実証済みの空白のテーマに固執する人もいます。 自由に実験してみてください。でも、苦労していることに気付いた場合は、シンプルでありながら説得力のあるデザインで間違いはありません。

WordPressを使用している場合、少なくとも「十分」な機能的なテーマがないという言い訳はありません。 テーマとウェブサイトがレスポンシブであることを確認してください。サイトが最適化されていない場合、モバイルユーザーは離れる可能性が非常に高くなります。

Webページをデザインする能力に自信がない場合は、デザイナーを雇うことを検討してください。 ランディングページのデザインに専念するいくつかの企業やフリーランサーがいます。

tablet notes

視覚的なコンテンツを使用してテキストを分割し、特にページの先頭近くで、短くて直接的な文章に固執するようにしてください。 あなたの目標は、訪問者がページを下にスクロールする前に、訪問者を「フック」して興味を引くことです。

セグメンテーションを忘れないでください。 10代の若者と大人をターゲットにした広告を1つ実行していますか? フリーランサーとサラリーマンに1つずつ? 複数のランディングページがあり、それぞれがこれらの非常に異なる人口統計の興味をそそるように設計されています。

最後に、ターゲットを絞った広告ランディングページの場合、ユーザーをページから遠ざけるヘッダーやサイドバーのナビゲーションなどの注意散漫を避けます。 フッターにナビゲーションリンクを配置するか、最後にホームページ/ストアページにリンクします。 あなたは彼らが売られる前に彼らを去らせたくありません、ただ彼らがあなたのウェブサイトの残りにアクセスする方法を持っていることを確認してください!

一貫性が鍵

広告、ランディングページ、およびWebサイトの残りの部分はすべて簡単に同期する必要があります。 これらの領域全体で、同様の一貫したデザインとメッセージを維持します。 人々は、特定の方法でデザインされた広告、または特定のことを約束する広告をクリックすると、それを誤解を招くものと見なし、まったく別の場所にいることに気付く可能性があります。

無料の電子書籍など、広告で約束をした場合は、その電子書籍へのリンクがページの上部に表示されていることを確認してください。 あなたの目標が彼らがそこにいる間に彼らに電子書籍を買わせることであるとしても、一貫性を保ち、あなたの約束を果たしてください。 彼らがリンクを検索しなければならない場合、彼らは動揺します。

また、一般的なデザインを維持するようにしてください。 広告に白と青のパレットがあり、Webサイトが黒と赤の場合、不快感を与える可能性があります。 あなたの目標は、体験を可能な限りシームレスにすることです。訪問者にあなたのデザインの選択について質問させないでください。

giant library

アクションの呼び出し

行動の呼びかけは最も重要な部分です! この要素が明確にラベル付けされ、目を引くように、ページの上部近くにあることを確認してください。 これは通常、テキストを分割するためのビジュアルメディアと一緒に色付きのボタンで実現されます。 ランディングページが長い場合は、召喚状のリンクを数回繰り返してください。

見出しまたはヒーロー画像

headline image

ヒーロー画像は、ページの上部に表示される大きなバナーです。 その使用法は、あなたの会社が何をしているのか、そしてなぜそれが得意なのかを簡潔に説明することです。 また、製品の宣伝にも使用できます。 ヒーロー画像には通常、見出しなどの視覚的要素とテキスト要素の両方が組み込まれています。 あなたの見出しが訪問者があなたを選ぶべき理由を適切に要約していることを確認してください。

スライダーは、特に多くの情報を小さなスペースに収めるのに苦労している場合は、ヒーロー画像の優れた置き換えにもなります。 スライダーのヒーロー画像をデザインするときは、スライダーのベストプラクティスを覚えておいてください。

あなたの仕事を自慢して見せてください

著者、アーティスト、写真家、店主などとしてサイトを運営している場合は、自分の作品の最高のものを披露するチャンスをつかんでください。

アートや写真を売る? いくつかの写真または小さなギャラリーを選択して、最も目を引く作品を表示します。 記事を書く? おそらく、注目のコンテンツスライダーを使用して、訪問者があなたの執筆の最新または最高のものにアクセスできるようにします。 何かを売る? ベストセラー商品のサンプルを提供します。

ソーシャルメディアリンク

ソーシャルメディアプロモーションよりも優れているものは何ですか? FacebookやTwitterの共有リンクを削除することを躊躇しないでください。 最新の作品の最新情報へのアクセスを約束するだけの場合でも、フォローするインセンティブを与えるようにしてください。

social media links

メーリングリストの申し込み

訪問者が探しているものを持っていることを確信し、電子メールマーケティングキャンペーンを実行している場合は、サインアップフォームを残して記入してください。 リードマグネットを忘れないでください—クーポン、グッズ、そして彼らがメールをあきらめるより説得力のある理由。

変換するランディングページ

ランディングページを作成するときは、目標を考慮してください。 あなたは人々にあなたの記事を読んでもらいたいですか? あなたの製品を購入しますか? あなたを雇う? ソーシャルメディアであなたを宣伝しますか? ランディングページは、この目標を推進することのみを目的として設計する必要があります。 関係のないものはすべて切り取ってください。

また、人々がどのようにしてランディングページに到達した可能性が高いかを検討し、それに合わせて調整します。 ランディングページがホームページである場合、それはあなたの目標を迅速かつ簡潔に要約し、訪問者に滞在する説得力のある理由を与える必要があります。 それが素晴らしいコンテンツ、ホットな取引、または彼らの興味を引くことによるものであるかどうかはあなた次第です。 独自のランディングページを使用して広告キャンペーンを実行している場合は、どこに誰にマーケティングを行っているかがわかります。したがって、このユーザーグループを魅了するランディングページを設計してください。

効果的なランディングページを作成することはそれほど難しくありません。 明確、簡潔、迅速であることを忘れないでください。 そして、あなたの行動への呼びかけを忘れないでください!

私たちのガイドは、成功するランディングページをデザインするためのアイデアをあなたに与えましたか? さらに役立つヒントが必要な場合は、 FacebookTwitterでフォローして、このような無料のガイドやリソースを入手してください。

保存保存

保存保存

保存保存