Drupalランディングページを最初から作成する方法

公開: 2016-05-21

ギリシャ語であったかもしれない文字と記号の組み合わせを10年間見つめていたように感じた後、午前2時に、私はついに敗北を認めました。 私は失敗しました—難しい。

多分あなたは関係することができます。

基本的なハイパーテキストマークアップ言語(HTML)とカスケードスタイルシート(CSS)は、私が学ぶのは比較的簡単でしたが、JavaScriptやPythonのような彼らのより威圧的な親戚は、私が持っていなかった追加の忍耐と注意を要求しました。

日曜日の朝の早い時間に、「誰かにこのウェブサイトを作ってもらうべきかもしれない」とようやく気づきました。

これがあなたが経験したことであるならば、私は同情することができます。

今日では、Webサイトを構築するために、複雑なコーディング言語や、HTMLやCSSなどのより基本的な基礎を知る必要がないことを知って幸せになります。 テキストのコピーと貼り付け、ページの追加と削除、およびWebサイトの作成を1時間以内で行うことができます。

どのように?

コンテンツ管理システム(CMS)と呼ばれるものを使用します。

コンテンツ管理システムとは何ですか?

コンテンツ管理システムは、Webサイト上のすべてのタイプのコンテンツをアップロード、管理、および編集するために使用されるソフトウェアです。 画像からナビゲーションメニュー、ボタンからクリック後のランディングページまで、CMSは、コーディングに関する広範な知識がなくても、すべてを配置および変更するのに役立ちます。

コンテンツ管理が容易になることは間違いないので、唯一の質問は次のようになります。どちらがあなたに適していますか?

そこには何十もの無料のオープンソースオプションがありますが、特に3つは、コンテンツ管理システムを使用するすべての人々の86%の選択です。

WordPress vs. Drupal vs. Joomla

これら3つのCMSタイタンを合わせると、インターネット全体の30%近くに電力を供給し、他のすべての競合他社を矮小化しています。

WordPress、Drupal、およびJoomlaは、インターネット全体のほぼ30%に電力を供給しています。

クリックしてツイート

WordPressは明らかにお気に入りであり、市場の68%を占めていますが、JoomlaとDrupalは2位につけています。

この写真は、CMSの市場シェアと、WordPress、Joomla、およびDrupalが最大のシェアを所有している理由を示しています。

しかし、これは人気コンテストではありません。

WebサイトにCMSを選択するときは、使いやすさ、スケーラビリティ、サポートなど、他にも考慮すべきことがあります。

WordPressは最も広く使用されているCMSであり、JoomlaはCMS市場のパイの2番目に大きい部分であると主張していますが、Drupalは決して屈服していません。

実際、使用するWebサイトの数は少なくなっていますが、Drupalは、ホワイトハウス、ハーバード、テスラ、NBCなどのトラフィックの多い企業の選択肢です。

この写真は、DrupalCMSで構築されたTeslaMotorsのWebサイトを示しています。

デザイナーが簡単なブログや企業のウェブサイトを構築しようとすると、WordPressに目を向けます。 彼らがまだ比較的簡単にセットアップできるもう少し用途の広いものを探しているとき、彼らはJoomlaを選びます。

しかし、より堅牢なもの、つまりスケーラブルで安全なものを探している場合は、Drupalを使用してコンテンツを管理します。

Drupalを使用してWebサイトを維持しているいくつかの有名人:

  • レディー・ガガ
  • ジョンソン&ジョンソン
  • 世界経済フォーラム
  • エコノミスト
  • ニューイングランドペイトリオッツ
  • ジョージタウン大学
  • ボストン美術館
  • ホールフーズ
  • 全米プロバスケットボール協会

また、上記のWebサイトのマーケティングチームがソーシャルメディア、クリック課金、およびその他の形式の有料プロモーションを実行する場合、ユーザーアクションを促進するためにDrupalのクリック後のランディングページに目を向けます。

Drupalのクリック後のランディングページとは何ですか?

試行錯誤で学んだか、Googleの調査で学んだかにかかわらず、ウェブデザイナーやマーケターは、ナビゲーションリンクがコンバージョンを殺すことを知っています。

あなたのホームページは潜在的な顧客にとって素晴らしい出発点ですが、彼らがFacebookの投稿やGoogleの広告からクリックスルーした場合、「インテント」と呼ばれるものが作用します。

「意図」とは、見込み客が最初にリンクをクリックした理由を指します。 リンクに「Economist.com–エコノミストで87%割引」と表示されている場合、クリックすると、ユーザーは次のようなエコノミストのサブスクリプションで87%割引について詳しく知ることができるページに移動することを期待しています。

この写真は、エコノミストがDrupalのクリック後のランディングページを使用して新しい売上を生み出す方法を示しています。

これは、Drupalのクリック後のランディングページの一例です。

簡単ですよね?

それほど多くはありません。

企業は見込み客をホームページに誘導します

あまりにも多くの企業が単に見込み客をホームページに誘導します—そしてそれには1つの大きな問題があります。

そのユーザーがあなたのホームページに自分自身を見つけたとき、彼らはあなたのオファーを忘れて去るまで彼らを圧倒する可能性のあるあらゆる種類のリンク、オファー、バナー、および他の気を散らす刺激に直面します。

エコノミストのホームページは、折り目の上に次のように表示されます。

この写真は、エコノミストのホームページと、目を引く要素がたくさんある「忙しい」様子を示しています。

聖なるコンテンツの過負荷。

雑誌の購読を増やすために特別に調整された、上のページではなく、このページに移動した場合を想像してみてください。 ホームページのすべてのピクセルをスキャンして、主張するオファーにたどり着く可能性が最も高いメニュー項目を探して、視覚的に探し回る必要があります。

ナビゲーションメニューの上に「サブスクリプションオファー」と表示されている小さなバーが表示される場合もありますが、表示されない場合もあります。

たぶん、あなたはニュース速報に気を取られて、それを読むためにクリックして、二度と戻ってこないでしょう。

または、購入を検討している商品の広告が表示され、代わりにクリックして購入することもできます。

重要なのは、すべてのプロモーションには独自のページが必要です。ナビゲーションリンクや点滅するバナー広告がないページです。 ソーシャルメディア、PPC、または電子メールを介して宣伝したオファーの利点を簡単に説明し、訪問者にそれを主張するように強制する必要があります。

これが、Drupalのクリック後のランディングページが行うことです。 それは持っています:

  • 自分のサイトにあるものであっても、ナビゲーションや他のWebページへのアウトバウンドリンクはありません
  • 唯一の目標:特定のオファーで見込み客を転換すること

その定義を明確にしたので、Drupalのクリック後のランディングページをマーケティング戦略にすでに組み込んでいるブランドの例をいくつか見てみましょう。

Drupalのクリック後のランディングページの例

(短いページの場合はページ全体が表示されますが、長いページの場合は折り目の上にのみ表示されます。説明するポイントと例を確認するには、ページをクリックする必要がある場合があります。以下に表示されているものとは別のバージョンでページをA / Bテストしている可能性があります。)

タブーラ

この写真は、TaboolaがDrupalのクリック後のランディングページを使用してコンバージョンを生成する方法をマーケターに示しています。

彼らがうまくやったこと:

  • 見出しは、2つの明確な関連する利点を伝えます。
  • この画像は、訪問者がサービスの内容を視覚化するのに役立ちます。
  • CTAの下のテキストは、Taboolaのサービスの範囲を宣伝しています。5億5000万人のユニークな訪問者と、デスクトップとモバイルのインターネットユーザーの88%です。
  • Business Insider、NBC、USA Todayなどの大手ブランドの言及は、Taboolaを権威ある組織と連携させています。
  • 箇条書きのコピーは、オファーの利点をすばやく説明します。
  • 「あなた」と「あなたの」という言葉は、ページ上で複数回使用されています。 「あなた」は、コピーライティングで最も強力な言葉であると広く考えられています。
  • FAQセクションでは、訪問者からの質問を予測し、質問される前に回答します。
  • 複数のCTAが協力することで、見込み客は複数の場所でコンバージョンを達成する必要があります。

テストできるもの:

  • ナビゲーションリンクは、このページの訪問者に、変換せずに離れる方法を提供します。
  • CTAボタンの色は、それほど注目を集めるものではありません。

この図は、IBMがDrupalのクリック後のランディングページを使用して無料トライアルサインアップを生成する方法を示しています。

彼らがうまくやったこと:

  • 短い段落と利点中心の箇条書きのコピーにより、このクリック後のランディングページは簡単に消化できます。
  • 「無料」という言葉はページ上で複数回使用されており、オファーの説得力を高めています。
  • 2つの協力的なCTAにより、見込み客に複数のコンバージョンの機会が与えられます

改善できる点:

  • このページには見出しありません。 これがないと、サービスのメリットはすぐにはわかりません。
  • 3つの重なり合う円のストックイメージは価値がありません。 それは一体何の意味ですか? スペースを使用して、Boxインターフェイスの例を示してみませんか?
  • Boxの「Aboutus」ページとソーシャルメディアページへのリンクを含むフッターは、見込み客にあまりにも多くの脱出ルートを提供します。

オリンパスメディカル

この写真は、オリンパスメディカルがDrupalのクリック後のランディングページを使用してコンバージョンと売上を生成する方法をマーケターに示しています。

彼らがうまくやったこと:

  • 「あなた」という言葉を含む質問の見出しは、訪問者に直接話しかけます。
  • 箇条書きのコピーは、見込み客に読みすぎずに無料のレポートをダウンロードすることの利点を強調しています。
  • 召喚状には、コンバージョンの強力な推進力である「無料」という言葉が含まれています。
  • 2つのCTAが連携して、同じオファーで訪問者を変換します。

テストできるもの:

  • ホームページにリンクされたロゴは、訪問者に無料のレポートを要求せずに去るオプションを提供します。
  • ページ下部の中央揃えのテキストは読みにくいです。 覚えておいてください:左マージンを壊すと、物事が読みにくくなり、コンバージョンが微妙に失われる可能性があります。

WordStream

この図は、WordStreamがDrupalのクリック後のランディングページを使用してコンバージョンを生成する方法を示しています。

彼らがうまくやったこと:

  • 「無料」という言葉は、トップCTAを含め、ページ上で何度も言及されています。
  • 一口サイズのコピーは、見込み客に電子ブックにある貴重な情報のアイデアをすばやく提供します。
  • オレンジ色のCTAボタンは、訪問者の注意を引き付けます
  • 「あなた」と「あなたの」という言葉は、読者に直接語りかけます。

テストできるもの:

  • ソーシャルメディアページへのリンクは、ユーザーを遠ざける可能性があります。
  • 訪問者からの多くの情報を必要とする長い形式では、「この電子ブックは、私が諦めようとしている時間と個人情報に本当に価値があるのか​​」と考える人がいるかもしれません。
  • ページの下部に非常に多くの空きスペースがあるため、ページのバランスが崩れているように見えます。 空白はクリック後のランディングページには最適ですが、このようにはっきりと見える場合はそうではありません。

ファストカンパニー

この写真は、FastCompanyがDrupalのクリック後のランディングページを使用して新しいサブスクリプション注文を生成する方法をマーケターに示しています。

彼らがうまくやったこと:

  • リンクされていないロゴは、見込み客がクリック後のランディングページを離れるためにそれを使用できないことを意味します。
  • この画像は、ユーザーが購読したときに受け取る製品の実際の写真であり、役に立たないストックフォトではありません。
  • 見出しの下のコピーは一人称で書かれており、回心した場合に受け取ることができるグッズのアイデアを人々に提供します。

テストできるもの:

  • このページではCTAボタンの色が複数回使用されているため、注意を引くことが少なくなっています。
  • この見出しは、メリットを伝えていますが、おそらく正しいものに焦点を当てていません。 Fast Companyの最新号が欲しいという理由で、人々はここにいますか? それとも、雑誌を購読している100万人近くの人々に加わっ​​て、ビジネス、テクノロジー、デザインの最高の精神から学びたいという理由でここにいるのでしょうか。 後者のようですよね?

究極のDrupalランディングページをデザインする方法

これらのクリック後のランディングページはどれも完璧ではありませんが、それぞれから少しずつ引き出して、究極のDrupalのクリック後のランディングページを開発することができます。 方法は次のとおりです。

1.利益志向の見出しから始める

上記のすべての見出しの中で、最も説得力のあるものはどれだと思いますか?

  • Taboola:質の高いトラフィックを促進します。 ウェブサイトのコンバージョンを増やします。
  • Fast Company:今すぐ購読して、最新号を入手してください
  • Wordstream:コピーライティングと変換ツールキットの習得
  • オリンパス:大画面手術の準備はできていますか?

あなたがタブーラと言ったなら、あなたは正しいです。 他は大丈夫ですが、明確な利点を伝える唯一のものはトラフィックブーストサービスに属しています。

伝説のアドマン、ジョン・ケープルズからのアドバイスを忘れないでください。 最高の見出しを作成するには、以下の2つ以上の要素を組み合わせます。

  • ニュース:これらの見出しは、「最後に、税金をより簡単に行う方法」などの新しいソリューションを紹介しています。
  • 自己利益:これらの見出しは、「髪の毛をより豊かにするための保証された方法」のように、見込み客の固有の自己利益にアピールします。
  • 迅速で簡単な解決策:これらは、「この奇跡の丸薬で体重をすばやく落とす」などの迅速な修正に対する私たちの欲求にアピールします。
  • 好奇心:これらの見出しは読者の好奇心を刺激し、もっと読みたくなります。 たとえば、「この在宅勤務プログラムを開始してからわずか1週間でどれだけのお金を稼いだか信じられませんでした。」 または、Caplesを有名にした見出し:「ピアノに座ったときは笑ったが、演奏を始めたときは…」

2.権限

Taboolaもこのカテゴリを取ります。 日常会話では恥知らずな名前ドロッパーに目を向けますが、クリック後のランディングページではこの慣習は完全に受け入れられます。

実際、それは許容範囲を超えています。 それは奨励されています。

Taboolaが提携しているブランドについての言及は、NBC News、Business Insider、USA Today、Chicago Tribuneなど、見込み客がコンテンツを公開するチャンスに飛びつく可能性が高い評判の良い組織と一致しています。

3.「無料」や「あなた」などの強力な言葉を使用する

英語で最も説得力のある2つの単語、「無料」と「あなた」は、クリック後のランディングページに大きな力をもたらします。

どうして?

「あなた」を使うことで、読者を直接会話に巻き込むことができるからです。

「3つの簡単なステップでコンバージョン率を上げる方法」という見出しには、「マーケターが3つの簡単なステップでコンバージョン率を上げる方法」にはないパーソナライズの要素が追加されています。

さて、その見出しに「無料」という言葉を追加すると、さらに説得力があります。 そして、その理由は明らかですよね?

毎日何千ものマーケティングメッセージを飲み込む消費者として、私たちは無数の製品やサービスの恩恵を約束されることがよくありますが、それはコストがかかると予想されます(多くの場合、そうではないため)。

しかし、あなたがあなたの見出しにないことを明確にすると、それはその概念を完全に破壊します。 要するに、誰が無料のものが好きではないのですか?

「無料の電子書籍を入手する:3つの簡単なステップでコンバージョン率を上げる方法」は、常に前者よりもパフォーマンスが向上する可能性があります。

4.箇条書きの利益指向のコピー

ほとんどの場合、私たちはインターネットで読むのは好きではありません。 これは、クリック後のランディングページではさらに当てはまります。このページにアクセスして、オファーの価値を判断するだけです。

そのため、テキストを最小限に抑えることが重要です。 箇条書きとアイコンを使用して長いブロックを一口サイズの短いチャンクに分割すると、訪問者を圧倒することなくポイントを伝えることができます。

オリンパス、IBM Box、Taboola、およびWordStreamはすべて、提供する利点を伝えながら、インターネットスキャナーのテキストをうまく分割します。

5.説得力のある召喚状

クリック後のランディングページ全体は、召喚状を中心に構築されています。 上記のすべての要素を使用し、「送信」などのテキストをランダムなボタンの色とともに怠惰に使用すると、コンバージョンを求める可能性が完全に失われます。

説得力のあるCTAについては、WordStreamとFastCompanyのDrupalのクリック後のランディングページに目を向けます。 理由は次のとおりです。

研究によると、Fast Companyがこのテキストで行ったように、一人称で書くことは次のとおりです。

この写真は、Fast Companyがコピー内の統計を使用して、クリック後のランディングページのコンバージョンを生成する方法をマーケターに示しています。

…コンバージョンを促進する力があります。

WordStreamのページにあるような、カスタマイズされた召喚状を特徴とする注意を引くボタンと組み合わせると、これら2つの方法により、コンバージョン率が大幅に向上する可能性があります。

CTAの「GetYourToolkit Now」はコピーライティングで最も強力な言葉を使用していますが、「Get MYToolkitNow」はさらに優れたパフォーマンスを発揮する可能性があります。

6.社会的証明

何十万人もの人々があなたのサービスを利用するなら、それは本当に良いはずですよね? それらの人々の何人かが彼らの業界でよく知られているとしたらどうでしょうか?

それはあなたの申し出をさらに魅力的に見せます。

「Taboolaを使用しているのは誰か」というタイトルのTaboolaのセクションまさにそれをします:

「大小を問わず、何千もの企業が質の高いオーディエンスを構築し、リードを生み出し、オンライン販売を増やしたいと考えています。 ベン&ジェリーズ、ディズニー、ウォルマート、サムスン、HP、GEなどと一緒に参加してアクションに参加しましょう!」

ディズニー、ウォルマート、HPなどの成功したビジネスに参加してみませんか? 私は...するだろう。

7.ミニマリストのフッターとナビゲーションメニューなし

サイトの残りの部分では、フッターとナビゲーションメニューを使用して、見込み客がWebサイトで公開されているすべての情報を見つけることができます。

クリック後のランディングページでは、それらは単にオファーから遠ざける可能性のある穴です。

Taboolaのようなフッターを使用し、Fast Companyのクリック後のランディングページのように、リンクされていないロゴとともに存在しないナビゲーションを使用します。

このように、見込み客は、戻るボタンを押すか、ブラウザウィンドウを終了するか、オファーを変換する以外に選択肢はありません。

開発者でない場合にDrupalのクリック後のランディングページを公開する方法

Drupalを使用して機能的に健全なクリック後のランディングページを作成するために必要な技術的背景がない私たちにとって幸いなことに、CMSの使用に長年の経験を持つ開発者を探す必要はありません。

これで、Instapageを使用できます。

上記のすべての要素をページに追加し終えたら、青い[公開]ボタンをクリックし、ポップアップが表示されたら[Drupal]を選択します。

あなたの番

どのコンテンツ管理システムが好きですか? Drupalのクリック後のランディングページを作成したことがありますか?

クリック後のランディングページを数分で作成して公開し、今すぐInstapageEnterpriseデモにサインアップしてください。