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

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

無料ランディングページの作り方(コーディング不要)

WordPressで無料のランディングページを作る方法(コーディング不要) 

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

無料のWordPressランディングページは、デザイナーにお金を払うことなく、リードを集めたり、オファーを宣伝したり、セールスを行ったりするために作成されるシンプルで独立したウェブページです。ランディングページを作る最も簡単な方法は、SeedProdのような無料のプラグインを使うことです。このプラグインを使えば、あらかじめ用意されたテンプレートを選び、ドラッグ&ドロップのエディターを使って、コーディング不要のプロフェッショナルなページを数分で立ち上げることができます。

私が驚いたのは、プロセスがとても速かったことだ。適切なプラグインを使えば、数分でプロフェッショナルなランディングページを作ることができた。

このガイドでは、WordPressで見栄えがよく、成果の上がる無料のランディングページを構築するためのすべてのステップを説明します。

WordPressでランディングページを無料で作る方法(30分でできる)

このチュートリアルでは、100万以上のアクティブなインストールを持つ人気のドラッグ&ドロップWordPressプラグイン、SeedProdを使用します。このプラグインを使えば、コードを書くことなく完全にカスタム化されたランディングページを作ることができます。初心者でもプロでも使えるように設計されているので、素早くページを立ち上げ、オーディエンスの増加に集中することができます。

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

他のページビルダーとは異なり、SeedProdは非常に高速で、あなたのウェブサイトを遅くすることはありません。最小限のコードと最良のデザインプラクティスを使用し、あなたのサイトが可能な限り高速であることを保証します。

ビデオ・チュートリアル

読むより見る方が好きですか?この簡単なビデオでは、WordPressで無料のランディングページを構築するすべてのステップを説明します。

書面によるチュートリアルをお読みになりたい場合は、以下の手順に従ってください。

1.SeedProdの無料ランディングページ作成ソフトをインストールする。

最初のステップは、SeedProdの無料のWordPressランディングページ・プラグインをインストールすることです。これは、WordPressのダッシュボードからプラグイン " 新規追加に移動して行うことができます。

次に、右側の検索ボックスに「SeedProd」と入力してください。すると、次のような結果が表示されます:

無料のWordPressランディングページを構築するためのSeedProdプラグインのインストール方法

SeedProdによるウェブサイト・ビルダー]オプションの横にある[インストール]をクリックします。次に、アクティベートをクリックします。

WordPressのダッシュボードでSeedProdの無料ランディングページ・ビルダーを有効化する。

プラグインを有効化すると、SeedProdセットアップウィザードが表示され、わずか2分でランディングページの構築を始めることができます。さっそく "Get Started "をクリックしてください。

無料のWordPressランディングページを作成するためのSeedProdセットアップウィザード

ウィザードの最初のステップでは、メールアドレスを入力して無料のSeedProdアカウントを作成する必要があります。次に、作成したいランディングページのタイプを決定します。

SeedProdのセットアップウィザードでランディングページのタイプを選択する。

無料オプションは3つから選べる:

また、ログインページ、404ページ、オンラインストア、WordPressのカスタムテーマまで設定できるProオプションもあります。

このガイドでは、無料のオプションに焦点を当て、「マーケティング・ランディング・ページ」を選択し、「保存して続行」をクリックします。

2.無料のランディングページのテンプレートを選ぶ

セットアップウィザードの次のステップでは、無料のランディングページテンプレートを選ぶことができます。

画面上部のカテゴリーをクリックすると、テンプレートを絞り込むことができます:

  • 近日公開
  • メンテナンス・モード
  • 404ページ
  • 売上高
  • ウェビナー
  • リード・スクイーズ
  • ありがとう
  • ログイン
SeedProdで利用可能な無料のランディングページテンプレート

SeedProdは、さまざまなページカテゴリにわたって無料のランディングページテンプレートの素晴らしいセレクションを提供しています。また、メールリストに登録することで、さらに多くの無料テンプレートをアンロックすることができます。300以上のプレミアムテンプレートの完全なライブラリにアクセスするには、SeedProd Proにアップグレードすることができます。

SeedProdを使用してWordPressで無料のランディングページテンプレートを選択する

このチュートリアルでは、無料のフィットネス・セールスページ・テンプレートを使用します。テンプレートのアイコンにマウスカーソルを合わせて、チェックマークをクリックしてください。

テンプレートを選択すると、自動的にセットアップウィザードの最終ステップに進みます。ここでは、SeedProd Proへのアップグレード割引を利用することができます。また、オプションの無料WordPressプラグインをインストールすることもできます。

SeedProdセットアップウィザードでオプションのプラグインをインストールする

これらのプラグインをインストールしたくない場合は、トグルを外してください。そして、「セットアップを終了してページを作り始める」をクリックしてください。

セットアップ・ウィザードを終了し、SeedProdのセットアップ・ページに入ります。ここで、"Setup a Landing Page"(ランディングページをセットアップする)オプションが消されていることがわかりますが、これはこのタスクが完了したことを意味します。

SeedProdビルダーで無料のWordPressランディングページを編集する

ランディングページを編集する」というオプションもあります。このボタンをクリックしてください。

これで、SeedProdはランディングページのダッシュボードに移動します。ここで、"ランディングページ "の見出しの下に、セットアップしたばかりの無料のランディングページを見ることができます。

SeedProdのドラッグ・アンド・ドロップ・エディターでランディング・ページのコンテンツをカスタマイズできます。

ランディングページのリンクにカーソルを合わせ、編集オプションをクリックしてページを開き、カスタマイズを開始します。

3.独自のランディングページコンテンツを追加する

SeedProdのビジュアルページビルダーは2つのセクションに分かれています。左側にはページをデザインするために使用されるさまざまなブロックがあり、右側にはランディングページのライブプレビューがあります。

SeedProdの無料ドラッグ&ドロップ・ランディングページ・エディタは、2つのセクションに分かれています。

コンテンツを追加するには、左のパネルからブロックをドラッグしてライブプレビューにドロップするだけです。変更がリアルタイムで表示されます。

ランディングページのブロックは、以下のような様々なものから選ぶことができる:

  • 見出し
  • テキスト
  • リスト
  • ボタン
  • 画像
  • ビデオ
  • ディバイダー
  • スペーサー
  • コラム

また、SeedProdのAdvanced ページブロックのうち、GiveawayPayment Button、 Contact FormEnvira GalleryCustom HTMLの5つを無料で使用することができます。

SeedProdの無料ランディングページ・プラグインの高度なページブロック

これらのブロックを使えば、次のことができる:

ライブプレビュー上の任意のブロックをクリックして、独自のコンテンツを追加し始めます。すると、左側に設定パネルが表示され、デフォルトのコンテンツを独自のコンテンツに置き換えることができます。

SeedProdビジュアルランディングページエディタのインラインテキスト編集機能

また、SeedProdのインラインテキスト編集機能を使って、プレビュー上で直接コンテンツを編集することもできます。

デフォルトの画像を置き換えるのも簡単です。ライブプレビューで画像をクリックし、右側の設定パネルでゴミ箱アイコンをクリックするだけです。

無料のWordPressランディングページのデフォルト画像を置き換える

次に、「自分の画像を使用する」ボタンをクリックして、コンピューターまたはWordPressのメディアライブラリから写真をアップロードします。

SeedProdランディングページにカスタム画像をアップロードする

全体的な外観に満足するまで、コンテンツを追加し続けます。その後、画面右上の緑色の保存ボタンをクリックします。

4.ランディングページのスタイルをカスタマイズする

無料のランディングページに独自のコンテンツを追加したら、スタイリングがあなたのブランドと一貫していることを確認します。

左下の歯車アイコンをクリックして、グローバルページの設定を表示すれば、簡単にできます。

WordPressでランディングページのグローバルスタイル設定を編集する

この設定により、ランディングページをカスタマイズすることができます:

  • 背景
  • カラー
  • フォント
  • カスタムCSS

まずは、ランディングページの背景をカスタマイズするために、背景オプションをクリックしてみましょう。このエリアでは、背景色を変更したり、カラーグラデーションを追加したり、カスタム背景画像をアップロードしたりすることができます。

無料のWordPressランディングページの背景画像を設定する

カスタム背景画像を追加するには、[独自の画像を使用]ボタンをクリックします。

SeedProdにカスタム背景画像をアップロードする

フォントのセクションでは、ランディングページの見出し、リンク、本文に使用する無料のグーグルウェブフォントの膨大なライブラリーから選ぶことができます。

WordPressランディングページのフォントをカスタマイズしよう

ドロップダウンメニューをクリックして、お好みのフォントをお選びください。

カラー」セクションには、ヘッダー、テキスト、リンク、ボタンなどのカスタムカラーを選択できる同様のポイント&クリック設定があります。

WordPressランディングページのカスタムカラー設定

任意のオプションをクリックし、カラーピッカーを使用してブランディングとページ全体のデザインに合ったものを選択するだけです。これでランディングページ全体の色が編集されます。

ランディングページのデザインに満足したら、保存ボタンをクリックして設定を保存します。

5.ランディングページが正しく機能しているかチェックする

無料のランディングページのデザインが完成したら、ウェブサイトに公開する前に、すべてが正しく機能することを確認しましょう。デザインに目を通し、CTAボタンのリンクが機能しているか、誤字脱字や文法の間違いがないかをダブルチェックしてください。

また、ランディングページがモバイルデバイスで見栄えが良いことを確認する必要があります。これは、SeedProdのモバイルプレビューオプションを使えばとても簡単です。

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

画面下のモバイルアイコンをクリックするだけで、ランディングページをモバイル、タブレット、デスクトップでプレビューできます。

SeedProdでモバイルデバイス用の無料ランディングページを編集する

そこから、ページがすべてのスクリーンで見栄えよく見えるまで、いろいろなものを移動させることができます。グローバルなスタイルに一貫性を持たせながら、モバイル専用に調整することで、より小さなデバイス向けのエクスペリエンスを微調整することもできます。

6.ランディングページの設定

ランディングページが正しく機能し、モバイルでも見やすいことを確認したら、次はいくつかの設定を行います。

SeedProdプラグインのランディングページSEOとトラッキング設定

画面上部のページ設定タブをクリックすると、SeedProdの様々なページ設定が表示されます:

  • 一般設定:無料ランディングページの名前とURLを変更し、ページを下書きまたは公開にします。
  • SEO対策: All in One SEOWordPressプラグインを使用して、ページのSEOタイトル、メタディスクリプションなどを設定します。
  • アナリティクス WordPressに最適なGoogle AnalyticsプラグインMonsterInsightsでランディングページのパフォーマンスを監視しましょう。
  • スクリプト: Facebookトラッキングピクセルなどのカスタムトラッキングスクリプトをランディングページに追加します。

ページ設定の編集が終わったら、忘れずに「保存」ボタンをクリックしてください。

7.WordPressでランディングページを公開する

無料のランディングページの仕上げを終えたら、WordPressのウェブサイトに公開しましょう。

そのためには、画面右上の緑色の「保存」ボタンの横にある下向き矢印をクリックし、「公開」をクリックします。

公開をクリックして、無料のWordPressランディングページを立ち上げます。

すると、ランディングページが公開されたことを知らせるポップアップが表示されます。

WordPressで無料ランディングページをプレビュー

ライブページを見る」ボタンをクリックして、無料のランディングページをプレビューしてください。

SeedProdで構築された無料のWordPressランディングページのライブプレビュー

WordPressの無料ランディングページの特徴

WordPressでランディングページの作成を始める前に、以下のような点に注意してください:

  • 明確なゴールを決める:ランディングページで何を達成させたいかを明確にし、そのゴールをデザイン全体で一貫させる必要があります。
  • 明確な視覚的階層を作る:どのページ要素が最も重要かを決め、訪問者の行動を促すために目立たせる。
  • 強力なコール・トゥ・アクション(CTA)を書く:訪問者に何をすべきかを正確に伝え、その行動を取りやすくする。
  • 魅力的なデザインを使いましょう:レイアウトはすっきりと魅力的なものにし、最も重要なコンテンツはスクロールせずに見えるように「折り目の上」に配置しましょう。
  • 簡潔なコピーを書く:読者がページを読み進めたくなるような、短くわかりやすい文章を使う。
  • 高品質の画像を含める:コアメッセージをサポートするビジュアルを使用し、一般的なストックフォトは避けるようにしましょう。
  • 価値提案に焦点を当てましょう:あなたのオファーが訪問者にどのように役立つのか、なぜコールトゥアクションをクリックする価値があるのかを明確に説明しましょう。

ランディングページ公開後にすべきこと

おめでとうございます!あなたはWordPressで無料のランディングページを作成しました。しかし、あなたの仕事はまだ終わっていません。今度は、それを人々に見てもらう番です。次にすべきことは以下の通りです:

ランディングページのプロモーション

新しいランディングページへのトラフィックを集めることが重要です。ここでは、それを促進するためのいくつかの簡単な方法を紹介します:

  • ソーシャルメディアで共有しましょう:あなたの新しいランディングページについて、友人やフォロワーに伝えましょう。Facebook、Twitter、Instagram、その他あなたが使っているソーシャルメディアプラットフォームでリンクをシェアしましょう。
  • Eメールの署名に追加する:Eメールの署名にランディングページへのリンクを追加しましょう。
  • コンテストやプレゼントを実施する:コンテストは、あなたのランディングページとあなたが提供するものについて人々を興奮させる楽しい方法です。
  • 有料広告を利用する:ある程度の予算があれば、グーグル広告やソーシャルメディアなどの有料広告を利用して、より多くの読者にリーチすることを検討しよう。

結果を分析する

トラフィックを獲得し始めたら、ランディングページのパフォーマンスを追跡することが重要です。

Google Analyticsを使ってWordPressのランディングページのトラフィックを追跡する

Google Analyticsのような無料ツールを使えば、あなたのページに何人の人が訪れ、どのくらいの時間滞在し、どのような行動をとっているのかを確認することができます。この情報は、何が効果的で何が効果的でないかを理解するのに役立ちます。

この設定を簡単に行う方法については、WordPressにGoogle Analyticsを追加する方法のチュートリアルをご覧ください。

改善のためのA/Bテスト

A/Bテストとは、わずかに異なる2つのバージョンのランディングページを作成し、どちらがより良いパフォーマンスを示すかを確認することです。

A/Bテストは、通常プレミアムコンバージョン最適化プラグインに搭載されている強力なツールであることを覚えておいてほしい。

ランディングページのコンバージョンを向上させるA/Bスプリットテストの例

例えば、異なる見出し、画像、コールトゥアクションボタンをテストすることができます。これにより、コンバージョンを最大化するためにランディングページを微調整することができます。

まずは、ランディングページのA/Bテストに関するガイドをご覧ください。

これらのステップに従うことで、あなたの無料ランディングページがあなたのために懸命に働き、目標達成に貢献していることを確認することができます。

無料のWordPressランディングページの代替

SeedProdで無料のランディングページを作成する方法はお分かりいただけたと思いますが、他の無料オプションと比較してどうなのか気になりますよね。WordPressにはランディングページを作成するためのいくつかの異なる方法がありますが、そのすべてが同じようにシンプルで効果的というわけではありません。

SeedProdをElementorや内蔵ブロックエディタと比較してみましょう。

プラグイン/ツール使いやすさ無料テンプレート制限事項
シードプロッド(無料)初心者に優しいドラッグ&ドロップ16+ 無料テンプレート高度なブロックと統合にはProが必要
エレメンタール(無料)より柔軟だが重い数十種類のスターターテンプレート一部の機能(フォーム、マーケティングブロック)はProにロックされています。
WordPressブロックエディタ(デフォルトのエディタ、Gutenbergとしても知られている)すでにWordPressに組み込まれている基本的なページレイアウト真のランディングページモードはありません(テーマのヘッダー/フッターは表示されます)

この比較に基づくと、SeedProdは、あらかじめ用意されたテンプレートを使用して、気晴らしのないランディングページを作成するための最も直接的なソリューションである。Elementorはより柔軟なデザインを提供するが、デフォルトのブロックエディタは基本的なページ作成には適しているが、ランディングページに特化した主要な機能が欠けている。

無料WordPressランディングページに関する質問

ランディングページは何のためにあるのか?

ランディングページは、リードを集めたり、製品を販売したり、サインアップを得たりするのに役立ちます。ランディングページは、Eメールの収集や無料ダウンロードの促進など、1つのゴールに焦点を当てています。強力なランディングページは、明確なメッセージ、シンプルなレイアウト、そしてコンバージョンを高めるために焦点を絞った行動喚起を使用します。

ランディングページはどのように機能するのか?

ランディングページは、サインアップや商品の購入など、訪問者を1つのアクションに誘導します。直接的なメッセージと1つのボタンやフォームでユーザージャーニーをシンプルにし、訪問者が次のステップに進みやすくします。

WordPressの無料ページビルダーで最も優れているものは?

WordPressのための最高の無料ページビルダーはSeedProdです。コードを書かずにカスタムページを作成できるドラッグアンドドロップビルダーです。Beaver Builderのような他のオプションも使えますが、初心者にはSeedProdが最も簡単で速いです。

テーマを買わずにWordPressでランディングページを作ることはできますか?

SeedProdのようなツールを使えば、無料版であっても、テーマとは独立して機能する完全にカスタム化されたランディングページを作成することができます。

無料のWordPressランディングページはモバイルで機能するのか?

もちろんです。SeedProdのようなほとんどの無料ビルダーには、モバイル対応のテンプレートとライブモバイルプレビューが含まれているので、あらゆるデバイス用にレイアウトを微調整することができます。

無料のランディングページをEメールリストに接続するには?

ダイレクトEメール統合は、ほとんどのランディングページビルダーのプレミアム機能です。しかし、WPFormsのようなフォームプラグインを使用することで、まだ無料であなたの電子メールリストを接続することができます。登録フォームを作成し、WPFormsブロックでランディングページに追加するだけです。

ランディングページのプラグインを使うのがよいのでしょうか、それとも通常のWordPressページを使うのがよいのでしょうか?

ランディングページ・プラグインは、ヘッダーやフッターのような邪魔なものを取り除き、よりコントロールしやすくします。そのため、リードジェネレーションやコンバージョンに適しています。

WordPressで複数の無料ランディングページを公開することはできますか?

はい。SeedProdの無料版では、異なるキャンペーンやオファーのための複数のランディングページを無制限に作成することができます。

ボーナス:もっと多くのランディングページが作れる

このガイドでは、シンプルなランディングページを無料で作成する方法を紹介しました。しかし、もっと具体的なものをお望みなら、WordPressでさまざまなタイプのランディングページを作るガイドをご覧ください:

次に、ランディングページについて学ぶ

WordPressで無料のランディングページを作成する方法がわかりました。しかも、専門的な知識を必要とせず、お金もかけずに。

SeedProdのプレミアム機能の詳細については、こちらのチュートリアルをご覧ください:WordPressでランディングページを作成する方法

あるいは、すぐに飛び込んで...

ランディングページについてもっと知りたい方は、ランディングページのリソースをご覧ください:

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

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

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