ランディングページの構造の構成要素とマーケティングタイトルの書き方

こんにちは 販売ページの作成に関するコースを継続します。 今日は、効果的なランディングページがどのように機能するかを見て、最初の画面の構造を分析し、訪問者の興味を引き、競合他社の90％を回避する3つの異なるモデルの作業見出しを作成する方法を学びます。 さて、いつものように、多くの例があります。





十分な情報を収集しました。 ランディングページの作成を開始します。



ランディングページの構造について簡単に説明します。どのように機能するかを理解します。 ランディングページは2つの部分に分かれています。

• パート1-最初の画面-スクロールを使用せずにページを開いたときに訪問者に表示されるもの。
• パート2-マウスホイールをスクロールして最初の画面の下に表示されるもの。

最初の部分のタスクは、ユーザーの興味を引くことです！ 私たちは、脳の両方の半球に作用することによって彼の関心を呼び起こしますが、何よりも感情の原因となるものに作用します。 最初の画面は、訪問者が次のように考えるように作成する必要があります。



第2部では、ロジックを使用して情報を担当する半球にすでに圧力をかけます。 タスクは、ユーザーにあなたの提案を納得させることです。彼はそれを最初の画面で見ました。 目標は、連絡を取る、登録する、または注文することです。



次の画面の多くを必要とする可能性のあるこの大きな第2部のタスクの遂行は、事実、数字、利益の確認のブロック、異議の締め切りを提示することを義務付けています。

初期画面：エラーなしで3秒

最初の画面は何ですか？ これは訪問者の画面の高さであり、探知トラフィックの90％で平均700ピクセルです。 今日の私たちは皆、スクロール時代の代表者です。 インターネット上で何かを検索する方法を覚えていますか？

1. YandexまたはGoogleを開きます。
2. リクエストを送信し、検索結果から3〜5個のサイトのホイールをクリックします。
3. 私たちはページを閲覧し始め、最小時間（1秒間に3〜6秒）を費やして、サイトにさらに注意を払う価値があるかどうかを判断します。 3〜6秒間、一目で、最初の画面が評価されます。 探していたものと一致するかどうか、そしてその情報が私たちにとって興味深いものかどうかを理解しています。
4. サイトが怖くなく、コンテンツが何かを引き付ける場合、スクロールを開始します。
5. 気に入らない場合は、サイトを閉じて別のサイトに移動します。

広告に関する同様の状況。 サイトの所有者はそれにお金を費やし、3〜6秒でユーザーはそれがどれだけクールか、それがどれだけクールかを評価します。 つまり、最初の画面は最も重要なものであり、したがって、結論はそれを示唆しています。サイトを作成する時間の70％がそれに費やされるべきです。



最初の画面と女の子の知り合いを比較できます。 これは、あなた、あなたの顔、あなたの服、最初の5つの言葉です-これは非常に最初の画面です！ 少し間違えたが、何も機能しなかった。

最初の画面の作り方

従来、最初の画面には次の要素が含まれています。

1. ロゴ（オプション）、
2. 記述
3. 連絡先
4. メニュー（必要な場合）、
5. 見出し
6. 小見出し（オプション）、
7. 製品画像/ビデオ、
8. CTA（フォームまたはボタン）、
9. 身分証明書
10. 利点（さまざま）。

詳細に対処します。

1.ロゴ

彼の存在はオプションですが、彼がいる場合は非常に良いです。 ロゴは、会社の視覚的認識を形成するグラフィックサイン、エンブレム、またはシンボルであり、一般的な企業スタイルの作成に参加します。

2.記述

記述子は、トリガーのカテゴリーに含まれます。 彼は、どこに着いたのか、会社が何をしているのかをユーザーに知らせます。 言い換えると、これは2〜4に入れる必要があるアクティビティの説明であり、最大6語です。 記述チェックリスト：

• ニッチ仕様で会社が行うことを正確に説明します（ たとえば、ランディングページデザイナー、専門家会議の組織 ）。
• 専門分野を示します（ 例-結婚式の写真、エリート不動産代理店 ）。
• 識別情報が含まれる場合があります（ 例-初級のビジネスマンの相談、トップマネージャーのトレーニング ）。
• 利点を示す場合があります（ 例-ターンキーセールス部門 ）

3.連絡先

通常、電話番号が示され、呼び出し順序ボタンが配置されます。 他の通信方法を指定できます。 どこかでwhatsappとviberがうまく機能します。 連絡先は常にあなたの自信を高めます。 人々は、何か問題が発生した場合、いつでも（または勤務時間中に）電話をかけることができると感じています。 そして、その瞬間にそれらに答える方が良いです。



これがどのように見えるかの例：



最初の画面の上部にあるロゴ、記述子、電話および呼び出し順序の場所の例



理論は優れていますが、練習が重要です！ コース終了時に販売用ランディングページを受け取ることを約束しました。 仮説をテストし、着陸を作成するサービスがあります。 多くのことができるシンプルなページビルダーがあります。



10分で理解できます。 無料でヘルプを使用して、ページを作成し、コースの知識を統合できます。 突然何かがはっきりしない場合は、テクニカルサポートsupport@bloxy.ruに連絡してください。



学んだことをすぐに修正しましょう！

対処方法：

1. ブラウザで別のタブを開きます
2. bloxy.ruにアクセスして登録する
3. エディターに移動します
4. 説明、ロゴ、ボタンを作成し、電話をかけて電話をかけるか、「最初の画面-ロゴ」セクションの既製のセクションから選択します

5.リンク先ページのタイトルまたは最も重要な部分

着陸は必ずしも必要ではないため、メニューをスキップしました。 ページ上の非常に重要な要素に目を向けます。これは、変換に大きく影響します。 ランディングページの見出しは、ユーザーの関心を引く役割を果たします。 それを読んだ後、訪問者はサイトをさらに見るかどうかを決定します。



テクノロジー1.マーケティングの見出しの作り方：4U



マイケル・マスターソンは、この技術を発明し実装した起業家です。 彼は彼女が文字通り販売市場を爆破するとは思わなかった。 4Uにより、多くの起業家はサイトのコンバージョンを2倍、3倍にし、電子メールニュースレターのオープン性を向上させました。 彼らはタイトルを変更しただけです！ 4Uの本質は何ですか？



有用性



あなたの提案は、潜在的な顧客にとって明らかに役立つはずです。 人々は考えることを好まない。 必要なアクションを実行した場合にその人が受けるメリットを書き留めてください。 なぜここでしか問題を解決できず、必要に応じて解決できるのでしょうか？ ドリルを売るのではなく、壁の穴を売らないでください。 「3つの理由」テクニックを覚えていますか？ 必要なのは、訪問者の問題の解決策を提供することだけです。 これは1Uです。



緊急度（緊急度または関連性）



関連性は、ランディングページヘッダーとクライアントの懸念の関連性です。 ユーザーが何かを探し始めた場合、明日の翌日には必要ないかもしれませんが、今日、昨日はさらに良いでしょう。 広告トラフィックのほとんどのホットクライアント（たとえば、Yandex.Direct、Google Adwords）は、現在探しているものを必要としています。 具体的な数字を教えてください、彼はいつ彼が探しているものを手に入れますか？ したがって、関連性と緊急性は2Uです。



一意性



訪問者は多くのページを閲覧します。 Tim Ashのレポートの 1つ（プロのマーケティング担当者および最高のコンバージョンスペシャリストの1人）によると、次のように機能します。



訪問者を1ページで学習するプロセス



見出しが既にどこかで見たものと似ている場合、クライアントを失い、コンバージョンを減らしています。 彼らはサイトを離れます。 彼らも情報を勉強しません。 一意性が必要です！ 誰もが赤レンガを売っており、緑、紫、さらには蝶を売っています。 お客様に新しいものを提供します。 彼の問題を効果的に解決する技術または何かを示してください。ソリューションは市場で最高です。 これは3Uです。



超特異性



数字でユーティリティを指定します。 ユーザーの問題を正確に解決する方法を示すことが重要です。 訪問者がどれだけ、何を、どこで受け取るかを示します。 これは4Uです。



見出しを正しく作成する方法は？ いくつかの例を見てみましょう。 常に明確です。



例1

原題： インテリアデザイン。



利益を追加します。 設計する理由 時間とお金を節約し、居心地の良い快適な住宅を手に入れましょう。

-家をより快適にするインテリアデザインを開発します。



一意性を追加します。 どれほど便利かを説明しましょう。

-あなたが戻りたいインテリアデザインを開発します。



緊急度を追加：

-戻りたいインテリアデザインを開発し、2週間で予算の30％を節約します。



スナックに非常に特異的。 そのため：

-専門家は、2週間で予算の30％を節約するために、戻りたいインテリアデザインを個別に開発します。



比較する：

-注文するインテリアデザイン

-専門家は、2週間で予算の30％を節約するために、戻りたいインテリアデザインを個別に開発します

違いを感じてください。 彼女は巨大です。 販売実績の同じ違い。



例2

原題： タイヤを購入します。



利点-なぜですか？ 運転するか安全に運転するかは、対象者によって異なります。

-道路上の車の安全性を高めます。



超特異性。 安全性：

-路上での車の安全性を35％向上させます。



緊急性。 どれくらい速い：

-道路上の車の安全性を1時間で35％向上させます。



一意性。 方法：

-革新的なタイヤラバー「Chinus」により、路上での車の安全性が1時間で35％向上します。



比較する：

-私たちから最高のタイヤを購入する

-革新的なタイヤラバー「Chinus」により、道路上の車の安全性を1時間で35％向上



魔法のように動作しますか？ 結果を考えて訓練することは残っています。 彼が必要ですか？ 1U、2U、3Uではなく、すべて4Uを使用してください。 競合他社の97％を破ります。

対処方法：

1. 5つの4Uヘッドラインを作成します。
2. セクションのスマートカードにタイトルを追加します。

テクノロジー2.マーケティングヘッドラインの作成方法：3V



ポイントは、単に利点を組み合わせることができるということです。 式は次のようになります：利益+利益+利益=成功。



例：



-専門家によるサイトの監査後1日でさらに30％獲得

-ミキサーで自宅で1分でミルクセーキを作る

-4Uのヘッダーを作成する技術により、サイトの利益を2倍に増やします



テクノロジー3.タイトルの作成：2M



最小限の努力-最大の結果を取得します。



例：



-家を出ずに10％利益を上げるために3時間で車を売る方法

-1日でソファに横たわっている1000ルーブルを獲得する方法

-投資なしで10分でコンバージョンを2倍に増やす方法



そのため、最初の画面のクールな見出しを作成する方法を学びました。 良い見出しのチェックリスト：

• 強力な製品の利点があります。
• 興味をそそる/陰謀/捕らえる/注目を集める;
• 提案を数字で具体化します。
• クライアントが受け取るものについて話します。
• 感情が含まれています。

これがどのように見えるかの例：



ランディングページの最初の画面のサンプルタイトル。



受け取った資料を実際に修正しないと、コースから利益を得られません。 理論の1つによって作成されたタイトルを実験的な最初の画面に追加します。 まだエディターを使用していない場合は、 登録して作成してください！

対処方法：

1. エディターに移動
2. タイトルを最初の画面に追加する

6.小見出し

本質的に、これは追加要素と同じタイトルです。 彼には以下が必要です。

-複雑な製品またはサービスが提供された場合に会社が行うことをより詳細に説明する。

-別の重要な利点を強調します。

-潜在的なクライアントの痛みを強める。



例：



-タイトル：専門家によるサイトの監査後、1日で30％増加します。

-字幕：まだ新しいフェラーリを見逃していますか？ 今すぐお電話ください。売り上げを伸ばします。



これがどのように見えるかの例：

対処方法：

1. エディターに移動
2. 最初の画面にサブタイトルを追加します。

7.画像

ランディングページ構造には常にグラフィックがあります。 画像は感情に作用し、文章を説明します。 どんな写真にも目標があります。 これは背景画像にも適用されます。 設計作業を実証するために、すべてを連続して彫刻することはできません。



画像の主なものは品質です。 彼に注意を払わなかった、ノイズを除去しなかった、ぼやけた写真を置いた、ピクセルが見えるか？ 変換は「強制終了」です！



高品質の写真と低品質の例：





鮮明でノイズの多い鮮やかな写真を使用します。



単一ページ上の高品質および低品質の画像の例





製品カードでは、背景はブロックの背景と同じでなければなりません。 .png形式の画像を使用します。 正しい変換の例はすぐに殺します。 違いは明らかです。



単一ページ上の高品質および低品質の画像の例







背景画像に背景を重ねないでください。 .png画像を使用します。フォトバンクの写真ではなく、実際の写真を撮影することをお勧めします。



画像はどのような特性を満たす必要がありますか？ 彼女：



-製品の価値、メリット、機能、買収のメリットに対応し、確認する

-異議申し立てを閉じます（続きを読む）。

-製品との対話のプロセスまたは結果を示します。

-製品と明確に一致する感情を引き起こします。

-地域の外部の国家的特徴を人に描く際に考慮します。

-ユーザーまたはSTA（写真の人間の目）を直接見ます。



画像を探す場所は？ 高品質の無料写真をお勧めします。



-unsplash.com ;

-allthefreestock.com ;

-Google画像を英語で検索します（オンライン翻訳者の助けを借りて翻訳してください！）。



これがどのように見えるかの例：





ランディングページのタイトルと画像の初期画面の例。

対処方法：

1. エディターに移動
2. 背景に画像を追加する

8A。 ボタン

これは非常に重要な1ページの要素です。 行動を促すフレーズがボタンに記載されています。 訪問者を目標到達プロセスの次のステップに変えるのは彼女です。 ボタンのチェックリスト：

• クリックできます（リンク）。
• 明確かつ論理的に行動を促す言葉。
• 他のグラフィックの背景を強調する大きなサイズ。
• 背景とは対照的です。

ボタンがあれば、すべてがシンプルに思えます。 これには、以前に販売目標到達プロセスで特定した行動を促すフレーズ（CTA）が含まれています。



これがどのように見えるかの例：





行動を促す例



良い：

-相談を受ける

-詳細

-プレゼントをもらって

-売り上げの増加

-無料で入手

-参加する

悪い：

-送信

-注文

-購入

8.B. 形

ユーザーが必要なデータを入力するための特別なモジュール。 フォームは次の要素で構成されます。

• 見出し
• 小見出し;
• 入力フィールド;
• ボタン
• 署名
• CTA +メリット。

西洋の最もクールなマーケティング担当者ニール・パテルの1人のブログのサンプルフォーム：







- フォームのタイトルは、以前に作成されたCTAです。 自問してください：訪問者に何を提供しますか？ それに答えて、フォームのタイトルを書きます。

- フォームの小見出しは 、利点の確認です。 今すぐフォームに記入することが重要なのはなぜですか？ ユーザーにとって貴重なものは何ですか？ すべてが見出しに収まる場合、小見出しはオプションです。 余分なものを取り除きます。

- フィールドは、潜在的なクライアントとの通信に非常に必要なデータです。 覚えておいてください：フィールドが多いほど、変換は低くなります。 1つのフィールドよりも優れているため、2つのフィールドを作成するのが最適です-電子メールまたは電話+名前（連絡方法）。

- 連絡先フィールド （電話/電子メール/スカイプ/ソーシャルネットワーク上のプロファイル）1つのことが必要になる場合があります。 他のフィールドはオプションでなければなりません。

- ボタン -行動を促す。 ユーザーがクリックすると何が得られるか、クリック後に何が起こるかを示します。

- 署名は、ユーザーの疑念を払拭する最後の機会です。 ここで指摘する価値は何ですか？ 社会的証拠（3,000人以上のサブスクライバー）、期限（5分以内にコールバック）、特典（無料）、重要な詳細（14日間の無料期間）。



最初のランディングページ画面のフォームの例

対処方法：

1. エディターに移動
2. 最初の画面にボタンまたはフォームを追加します

9.識別

このセクションを使用すると、訪問者が提案された製品が彼らにとってどれほど有用かを理解するのに役立ちます。 作業する対象ユーザーを決定し、ユーザーがそのメンバーであるかどうかをすぐに判断できるようにします。 これはすぐに、額に、説明なしで、ランディングページを読むことなく行われます。 顧客は理解する必要はありません。 彼らに時間を節約してください、彼らはあなたに感謝を言うでしょう。 それはあなたを彼らに近づけ、売り上げを上げます。



例：



誰のためですか？

-事業主向け

-新興企業向け

-Webスタジオの所有者向け

誰に適合しませんか？

-夏の住民向け

-主婦向け

-車の所有者向け



これがどのように見えるかの例：

対処方法：

1. エディターに移動
2. IDを最初の画面に追加します

10.メリット

最初の画面にスペースが残っていて、画像の代わりに背景画像を使用した場合は、さらに2〜3の利点があります。 干渉しません。



比較する：



-私たちと一緒にあなたは大幅に売り上げを伸ばします！ （強い-それはどうですか？）。

-私たちを使用すると、売上が2倍になります！ （これは理解できます）。

-私たちを使用すると、売上が30％増加します！ （どれだけすぐに明確に）。



これがどのように見えるかの例：

対処方法：

1. エディターに移動
2. さらに2〜3のメリットを追加

なぜこれらの要素が存在する必要があるのですか？



これは、何百ものコンバージョン率の高いサイトの分析と、独自のランディングページの作成経験です。



-まず、回路が動作することが保証されています。

-第二に、顧客はこのようなランディングページの構築にすでに慣れているので、これはユーザーを怖がらせません。



一意性はどこにありますか？ リンク先ページの必須（オプション）要素の有無ではなく、独自の販売提案、タイトル、デザインに含める必要があります。



次のステップでは、製品カードを作成し、価格に関するさまざまな「チップ」を明らかにします。



PS



Bloxyのチームは、タスク（ランディングページ、サブスクリプションページ、イベント、会議、ウェビナー、パーソナルページ、小さなオンラインストアなど）のWebサイトをすばやく作成するためのシンプルなエディターです。 無料でサイトを作成してみてください。質問がある場合は、それらをサポートします。 サポート。



Habrの読者には、habr6プロモーションコードを提供します。これにより、料金が支払われる期間が2倍になります。 たとえば、6か月と6か月を贈り物として支払います。 発行日から1週間有効。