シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

動画ランディングページの作り方(+5つのテンプレート)

WordPressで動画ランディングページをステップ・バイ・ステップで作成する方法 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
    
レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

WordPressウェブサイト用の動画ランディングページの作り方を知りたいですか?

私がウェブサイトを作り始めたばかりの頃、動画のランディングページは圧倒的な存在感を放っていた。動画をどのように追加すればいいのか、また、実際に結果を出すために動画をどのように使えばいいのかわからなかったからだ。しかし、時間が経つにつれて、私はそれを理解した。

動画は、メッセージを素早く伝えるのに最適な方法です。ランディングページに動画を追加すれば、注目を集め、訪問者に行動を起こしてもらうことができます。

このガイドでは、訪問者を顧客に変えるのに役立つ動画ランディングページをWordPressで作る方法を紹介する。

動画ランディングページとは何か?

動画ランディングページとは、動画をメインとしたウェブページのことです。動画はあなたの製品やサービスを説明するのに役立ち、人々にサインアップや購入を促します。

動画ランディングページは可能です:

  • コンバージョンを高める:コンバージョンを最大86%増加させます。
  • エンゲージメントを高める:視聴者は動画のメッセージを95%保持するのに対し、テキストでは10%にとどまる。
  • SEOの向上:動画のあるページはGoogleで1位になる可能性が53倍高い。
  • 需要に応える:消費者の96%が2020年に動画消費を増やす。

WordPressで動画ランディングページを作る

最初は、WordPressで動画のランディングページを作るのは難しいと思っていた。しかし、適切なツールを見つけてからは、とても簡単になった。

世の中には多くのランディングページビルダーがある。Unbounceのように強力だが高価で、WordPress用に作られていないものもある。たくさんのツールを試した結果、SeedProdが一番使いやすかった。

このチュートリアルでは、SeedProdを使って、私がゼロから動画ランディングページを作る方法を説明します。

SeedProd ドラッグ&ドロップWordPressウェブサイトビルダー

SeedProdは、100万人以上のユーザーを持つ最も人気のあるWordPressページビルダーの1つです。コーディングなしでランディングページ、テーマ、レイアウトを作成できます。

組み込みのブロック、セクション、カスタマイズ可能なテンプレートが付属しており、シンプルな作りになっています。また、メールサービス、WordPressテーマ、WooCommerceとも連動します。

さらに、軽量で読み込みが速いので、コンバージョンや検索順位にも役立ちます。

ステップバイステップで始めよう:

ステップ1.SeedProdをインストールする

まず、SeedProdプラグインをダウンロードし、WordPressサイトにインストールしてください。

✏️ 注

SeedProdには無料版もあるが、ここでは追加機能のためにPro版を使っている。

ヘルプが必要な場合は、以下の手順に従ってWordPressプラグインをインストールすることができます。

アクティベーションが完了すると、ライセンスキーの入力を求める画面が表示されます。ライセンスキーを貼り付け、Verify Keyをクリックします。

seedprodメンテナンス・モード・プラグインを有効にします。

次に下にスクロールし、「最初のページを作成」をクリックします。

最初の動画ランディングページを作成する

ステップ2.新しいランディングページを作成する

次に、SeedProdダッシュボードが表示されます。上部には、カミングスーンモード、メンテナンスモード、またはカスタム404ページを有効にすることができます。

seedprod ランディング・ページ・ダッシュボードの概要

その下に、作成したランディングページのリストが表示されます。初めての場合は空欄です。

新しいランディングページを追加]をクリックして開始します。

SeedProdで動画ランディングページを作成する方法

ステップ3.動画ランディングページのテンプレートを選ぶ

これで、SeedProdはテンプレートのライブラリを表示します。タイプで絞り込むことも、"ビデオ "で検索することもできる。

SeedProdのランディングページ・テンプレートで動画ランディングページを作成する方法

多くのテンプレートにはすでにビデオブロックが含まれています。空白のテンプレートから始めて、自分で追加することもできます。

このチュートリアルでは、不動産スクイーズページを使う。

動画ランディングページのテンプレートを立ち上げる

テンプレートにカーソルを合わせ、チェックマークをクリックして選択します。次にページの名前とURLを指定します。これらは後で変更できます。

ランディングページの名前とURLを入力してください。

最後に、「保存してページの編集を開始する」をクリックします。

ステップ4.動画コンテンツを追加する

ビジュアルエディタに入りました。左側は、右側のページプレビューにドラッグできるブロックです。

ランディングページ・ビルダーの概要

ブロックには2種類ある:

  • 高度なブロック:フォーム、景品、CTAボタン、カウントダウンタイマー、テスティモニアルなど。
  • 標準ブロック:テキスト、画像、ボタン、カラム、ビデオ。
高度なランディング・ページ・ブロック

動画を追加するには、動画ブロックを好きな場所にドラッグします。次にそれをクリックして設定を開き、動画のURLを貼り付けます。

ランディングページの動画コンテンツを追加する

動画のサイズや配置を変更したり、アニメーションを追加することもできます。より多くのオプションが必要な場合は、ビデオポップアップブロックをお試しください。

動画の下か近くに、明確なコール・トゥ・アクションを加えることも忘れずに。

また、SeedProdには、CTA、FAQ、特徴などのセクションが用意されているので、すべてをゼロから構築する必要はありません。

ランディングページのセクション

ステップ5.ページデザインをカスタマイズする

コンテンツを追加したら、次はページの見た目をあなたのブランドらしくしましょう。

左下の歯車アイコンをクリックし、SeedProdのグローバル設定を開きます。

ランディングページのグローバル設定

そこから次のようなカスタマイズができる:

  • フォント:ビルトインのフォントテーマから選ぶか、Google Fontの組み合わせを検索して、相性の良いスタイルを見つけましょう。
  • 色:見出し、テキスト、ボタン、背景のグローバルカラーを設定できます。また、カラーパレットをクリックすると、20以上のデザイン済み配色から選べます。
  • 背景:フルスクリーン画像をアップロードしたり、グラデーションを使ったり、背景ビデオやスライドショーを設定したりできます。
  • カスタムCSS:CSSの扱いに慣れている方は、ここでデザインを微調整するためのスタイルを追加することができます。
ランディングページのグローバルカラー設定

これらの設定により、あなたのブランドらしさを感じさせつつ、洗練されたプロフェッショナルなページを簡単に作成することができます。

ステップ6.メールマーケティングサービスに接続する

Eメールリストを増やすには、「接続」タブをクリックし、Eメールプロバイダを選択します。その後、プロンプトに従ってアカウントを接続します。

SeedProdメールマーケティング統合

また、Google AnalyticsやRecaptchaを設定したり、Zapierに接続してより多くのツールを利用することもできる。

メールプロバイダをまだお持ちではないですか?SeedProdは、WordPressダッシュボードのSeedProd " 購読者に登録されます。

SeedProd購読者管理ダッシュボード

ステップ7:ページを公開する

公開する前に、2つの簡単なチェックをすることをお勧めします。

モバイルプレビュー

エディターの下部にあるモバイルアイコンをクリックすると、あなたのページが携帯電話やタブレットでどのように見えるかを確認できます。

モバイルプレビューアイコンをクリック

何か違和感があれば、モバイルビューでレイアウトを調整できます。動画を折りたたみより上に表示することで、エンゲージメントを高めることができます。

モバイルでランディングページをプレビューする

ページ設定

ページ設定]タブをクリックすると、ページ名とURLを更新したり、ステータスを[公開]に設定したり、[隔離モード]を有効にしたり、SEOメタ情報、Google Analytics、カスタムトラッキングスクリプトなどを追加することができます。

動画ランディングページの設定

すべてがうまくいったら、「保存」の隣にある矢印をクリックし、「公開」をクリックします。

動画ランディングページを公開する

ページがライブであることを確認するメッセージが表示されます。ライブページを見る」をクリックしてプレビューしてください。

上記のステップに従って作成した動画ランディングページの例です:

動画ランディングページの例とライブプレビュー

動画ランディングページの例

それでは、ドラッグ&ドロップ・ビルダーを使って作成された動画ランディングページの優れた例を見てみましょう。

ケーススタディ1 - ウェルカムビデオページ

SeedProd 動画ランディングページのケーススタディ

コーディングやデザインのスキルがなくても、SeedProdを使って自分で作りました。ビデオでは、製品が何をするのかを説明し、シンプルなレイアウトは、物事を明確かつ迅速に保ちます。

ケーススタディ2 - PPC動画ランディングページ

オプチンモンスターPPCランディングページ

OptinMonsterは動画ランディングページを使って獲得単価を下げ、コンバージョンを増やした。

彼らのビデオは、製品を明確に説明するのに役立ち、製品につながった:

  • クリック率が13.3%向上
  • 47.2%低いCPA
  • コンバージョンが340%増加

OptinMonsterのケーススタディの全文はこちら。

動画ランディングページのベストプラクティス

動画ランディングページからより良い結果を得るための実践的な方法をいくつかご紹介します:

  • ビデオは短く分かりやすく:90秒以内を目安に。要点を絞る。
  • 強いサムネイルを選ぶ:再生ボタンをクリックしたくなるような画像を選ぶ。
  • 自動再生を避ける:いつ見るかは訪問者に決めてもらいましょう。その方が邪魔になりません。
  • 強力なCTAとサポートコンテンツを追加しましょう:動画だけに頼らず、ヘッドライン、ボタン、証言などを盛り込む。
  • ページが素早く読み込まれるようにしましょう:読み込みの速いページは、コンバージョンとSEOに役立ちます。
  • 関連キーワードを使う:動画のキャプション、説明文、ページのコンテンツにキーワードを追加しましょう。
  • 異なるバージョンをテストする:CTAボタン、動画の配置、色などをA/Bテストし、何が最も効果的かを確認する。

動画ランディングページに関するFAQ

ランディングページに掲載する動画の長さは?
動画の長さは90秒以内にしましょう。必要な情報を伝えるには十分な長さですが、訪問者が興味を失うほど長くはありません。
ランディングページに掲載する動画の大きさは?
動画はランディングページのコンテンツ幅に合わせ、歪みを避けるために正しいアスペクト比にする必要があります。また、動画がさまざまなデバイスで正しく表示されるよう、モバイル・レスポンシブであることも確認する必要があります。
短い動画は再生回数が多いのか?
訪問者の5%は1分後に、60%は2分後に視聴をやめるため、より短い動画はより多くのビューを獲得する。
ビデオは自動再生すべきか?
自動的に再生されるビデオは、一時停止する簡単な方法がないと、訪問者をイライラさせることがあります。しかし、一部の訪問者は、動画を再生するためにクリックする必要があることに気づかないかもしれません。その点を考慮すると、自動再生機能をA/Bテストして、訪問者が好むものを確認するのがベストです。
ランディングページのどこに動画を掲載するのか?
ランディングページの動画は、ページの折り返しの上に置くべきです。そうすることで、人々はすぐに動画を見ることができ、最大限のエンゲージメントを得ることができます。

それだけだ!

WordPressで動画ランディングページを作成する方法についてご理解いただけたなら幸いです。

SeedProdのドラッグ&ドロップビルダーを使えば、コーディング不要で数分で効果的なランディングページを作成できます。

ランディングページのベストプラクティスやページを最適化するためのA/Bテストに関するガイドもお勧めです。

お読みいただきありがとうございました!あなたのご意見をぜひお聞かせください。YouTubeXFacebookで、あなたのビジネスを成長させるために役立つアドバイスやコンテンツを提供していますので、お気軽に会話にご参加ください。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。