ランディングページを作成して公開する

Published: 2026年7月16日 · Last updated: 2026年7月21日 · By Marcus Biel

Maildroppaのランディングページは、登録フォームを中心に構成された完全な独立ページです。既存のウェブサイトは必要ありません。

Maildroppaを通じてページを公開し、その公開リンクを広告、ソーシャルメディアの投稿、QRコード、メール、メッセンジャーでの会話、または別のウェブサイト上のボタンで共有できます。カスタムランディングページドメインを接続している場合は、そのドメインでページを公開することもできます。

このガイドでは、ランディングページ固有の機能について説明します。レイアウト、コンテンツブロック、テキスト編集、フォームフィールド、タグ、デザイン設定、レイヤー、登録フローについては、メインの登録フォームビルダーガイドでまとめて説明しています。

ランディングページを作成する

「登録フォーム」を開き、「フォームを作成」をクリックして、「ランディングページ」を選択します。わかりやすい内部名を入力し、ビルダーに進みます。

既存のランディングページは、登録フォームの概要で名前をクリックするか、アクションメニューから「フォームを編集」を選択して開くこともできます。

名前はMaildroppa内でページを識別するためのものです。公開ページのメイン見出しにはならず、後からランディングページの名前を変更しても、既存の公開アドレスは自動的には変わりません。

ランディングページのテンプレートを選択する

ランディングページビルダーには、5つの開始ポイントがあります。

空白ページ — 完全にカスタムなデザインを作成するための空のキャンバスから開始します。

ニュースレター登録 — ニュースレターの読者を増やすための汎用ページです。

リードマグネット — ダウンロード可能なオファーや、その他の登録特典を中心に構成されたページです。

ウェビナー登録 — ウェビナー、ライブトレーニング、オンラインイベントの登録ページです。

ウェイトリスト — 商品、サービス、イベントが利用可能になる前に関心を集めるためのページです。

目的に最も近い構成のテンプレートを選択してください。テンプレートの内容はすべて編集できます。テキストや画像の置き換え、デザインの変更、セクションの並べ替え、不要な要素の削除が可能です。

セクションでページを作成する

ランディングページには、他のすべての登録フォームと同じレイアウトおよびコンテンツブロックがありますが、「レイアウト」には再利用可能なセクションも用意されています。

登録フォーム付きヒーロー — オファーを目立たせ、メインメッセージの近くにフォームを配置する冒頭セクションです。

メリットカード — 最も重要な利点や成果を説明するための3つのカードです。

画像とテキストの分割 — 画像と補足テキストを組み合わせる2列のセクションです。

お客様の声 — 顧客からのフィードバック、引用、その他のソーシャルプルーフを掲載するセクションです。

FAQ — 登録前によくある懸念を解消するための質問と回答のセクションです。

セクションをクリックすると現在の挿入位置に追加できます。キャンバスにドラッグすることもできます。セクションは通常のボックス、列、テキスト、画像、リスト、その他のブロックで構成されているため、追加後に各部分を個別に編集できます。

セクションを使って、次のような簡単な流れを作成しましょう。

1. オファーを説明する。
2. 価値がある理由を示す。
3. 予想される質問に答える、または実績を示す。
4. 訪問者に登録を促す。

すべてのセクションを使う必要はありません。1つの明確なオファーに集中したページのほうが、関連性のない情報を含む長いページより理解しやすいことがよくあります。

登録フォームを追加する

ランディングページには、登録フォームブロックを1つ含める必要があります。このブロックでは、訪問者のメールアドレスと、選択した追加の購読者フィールドを収集します。

ほとんどのテンプレートには、すでに登録フォームが含まれています。空白ページから開始した場合は、「コンテンツ」を開いて「登録フォーム」を追加します。フォームが存在すると、ビルダーでは2つ目の登録フォームブロックを追加できなくなります。

ブロックを選択すると、フィールド、非表示タグ、進行状況インジケーター、購読者カウンター、入力デザイン、送信ボタンを設定できます。これらの共通設定については、登録フォームを設定するで説明しています。

フォームの上、下、横に補足コンテンツを配置できます。登録後に訪問者が何を受け取るのかが、メイン見出しとボタンで明確に伝わるようにしてください。

画像、動画、補足コンテンツを使用する

ランディングページには、テキスト、画像、動画、リスト、ボタン、ソーシャルリンク、購読者カウンター、スペーサー、区切り線を配置できます。

画像はURLから追加、アップロード、またはMaildroppaのメディアライブラリから選択できます。画像が有用な情報を伝える場合は、意味のある代替テキストを追加してください。サイズ、アスペクト比、トリミング、焦点位置、リンク、回転、レスポンシブ表示も設定できます。

動画ブロックはYouTube、Vimeo、埋め込みURL、直接動画ファイルに対応しています。プレビュー画像と再生ボタンのスタイルは個別に設定できます。

ボタンは、商品ページを開く、別のリソースへ移動するなど、ページに二次的なアクションがある場合に便利です。購読者情報をMaildroppaに送信するアクションは、引き続き登録フォームの送信ボタンが担います。

オーディエンスの規模をページのコンテンツの一部として表示する場合は、独立した購読者カウンターを使用します。送信エリアのすぐ隣に数字を表示する場合は、登録フォームの設定内にある購読者カウンターを使用してください。

ページの外観を設定する

右側のサイドバーで「ページ設定」を開き、ページ全体のデザインを設定します。

ページの背景色または画像、背景の位置とサイズ、ページの最大幅、デフォルトのフォントと色、見出しのスタイル、リンクのスタイル、ボタンのデフォルト、ボックスのスタイル、モバイル時の余白を設定できます。小さい画面で複数列のレイアウトを積み重ねるタイミングも選択できます。

これらのデフォルト設定により、ページ全体に統一感を持たせられます。個別のセクション、列、コンテンツブロックを選択して、異なる色、余白、枠線、タイポグラフィを設定することもできます。

編集中は定期的に「プレビュー」を使用してください。スクロールする前に登録オファーが理解できるか、ボタンを見つけやすいか、画像がフォームを圧倒していないかを確認します。

ランディングページの下書きを保存する

ランディングページは公開せずに下書きとして保存できます。

作業中は、上部バーに現在の保存状態が表示されます。現在のバージョンを明示的に保存する場合は、「下書きを保存」を使用してください。下書きはプレビューや編集ができますが、公開されるまでは訪問者が公開リンクから開くことはできません。

すでに公開中のページでは、その後のデザイン変更が公開バージョンにすぐ反映されることはありません。Maildroppaは変更を未公開の変更としてマークします。これにより、現在の訪問者に表示されている内容を変更せずに、編集とプレビューを続けられます。新しいバージョンの準備ができたら、「変更を公開」を使用してください。

公開設定を開く

最初のバージョンの準備ができたら、「公開」をクリックします。既存の公開ページでは、ボタンに「変更を公開」または「公開を管理」と表示される場合があります。

公開ウィンドウには、ランディングページを公開するために必要なすべての情報がまとめられています。

• 公開状態
• 公開アドレス
• 登録フローと購読者への影響
• 検索プレビュー
• ソーシャル共有画像
• ファビコン
• ホストページの法的プロフィール
• 公開準備状況

Maildroppaは公開前にこれらの設定を確認します。必須項目が不足している場合、「公開準備完了」セクションに対応が必要な内容が表示され、可能な場合は操作方法も提示されます。

公開アドレスを選択する

公開するすべてのランディングページには、一意の公開アドレスが必要です。

Maildroppaでは、アカウント用の標準ランディングページアドレスを提供できます。カスタムランディングページドメインを1つ以上接続している場合は、準備済みのドメインを選択し、ページパスを設定できます。

たとえば、カスタムアドレスには/newsletter、/webinar、/summer-guideなどのパスを使用できます。

Maildroppaは、選択したアドレスが利用可能かどうかを確認します。パスがすでに使用されている場合、公開設定に競合が表示され、代替パスが提案されることがあります。カスタムドメインでページを公開するには、ドメインが完全に接続され、準備が整っている必要があります。

すでに公開されているページのアドレスを変更すると、次回の公開後にページが利用できる場所が変わります。特に古いリンクをすでに共有している場合は、変更を公開する前にアドレスに関する警告をよく確認してください。

カスタムドメインの接続、確認、トラブルシューティングについては、カスタムランディングページドメインを接続して確認するを参照してください。カスタムドメインの確認中も、標準のMaildroppaアドレスを通じて公開を続けられます。ドメインの準備ができたら、ドメインを選択し、一意のパスを設定して、ページをもう一度公開してください。

登録フローを確認する

公開ウィンドウには、ランディングページが使用する登録フローと、訪問者の体験の概要が表示されます。

送信後に何が起きるか、どのダブルオプトインメールが送信されるか、確認後に何が起きるかを確認します。フローが不完全、または現在のページに適していない場合は、「登録フロー設定」を開いてフローを選択、作成、編集します。

共有登録フローは複数のフォームで使用できます。そのため、フローを編集すると他のフォームの体験も変更される可能性があります。ランディングページに独自の確認テキスト、メール、確認後のアクションが必要な場合は、別のフローを作成してください。

検索プレビューを設定する

検索プレビューセクションでは、検索エンジンにページをどのように説明するかを設定します。

ページの内容を正確に説明するSEOタイトルとSEO説明を入力します。ページの言語を選択し、ページを検索結果に表示するかどうかを決定します。

プライベートキャンペーンや一時的な登録ページなど、直接リンクを受け取った人だけがページを利用できるようにする場合は、「検索に表示」を無効にします。この設定は検索エンジンにページをインデックスしないよう指示するものですが、リンクを秘密にしたり、パスワードで保護したりするものではありません。

内部フォーム名を繰り返すのではなく、わかりやすいタイトルを使用してください。SEO説明には、オファーの内容と、そのページを訪問する理由を簡潔に記載します。

ソーシャル共有画像を追加する

ソーシャル共有プレビューセクションでは、リンクプレビューに対応したサービスでランディングページのリンクが共有されたときに使用される画像を指定できます。

画像URLを入力するか、画像をアップロードできます。小さなプレビューで表示されても認識しやすい、シンプルな画像を選択してください。画像内のテキストは、読みやすい大きさにします。

ファビコンを追加する

ファビコンは、ブラウザのタブやその他のブラウザインターフェース領域に表示される小さなアイコンです。

ファビコンのブランディングセクションで、ファビコンのURLを入力するか、画像をアップロードします。この小さなサイズでは、正方形でシンプルなブランドマークが適しています。

ホストページの法的プロフィールを完成させる

Maildroppaがランディングページをホストして公開するため、公開設定にはページの法的プロフィールが含まれます。

プロフィールでは、アカウントに保存されている郵送先住所を使用し、ページの提供者を特定して連絡するために必要な情報を尋ねます。組織によっては、次の情報が含まれます。

• 提供者の種類
• 公開連絡先メールアドレス
• 任意の追加連絡手段
• 必要な場合の提供者情報または法的通知のURL
• 必要な場合のプライバシーURL
• ページのコンテンツと法的情報に責任を負うことの確認

個人事業主やフリーランサー、会社やパートナーシップ、団体や非営利組織、公的機関、その他の組織など、状況に合った提供者の種類を選択してください。

郵送先住所が不足している、または正しくない場合は、このセクションのリンクを使用してアカウント設定で更新します。Maildroppaは、ページを公開する前に対応が必要な法的要件を表示します。

この機能は必要なページ情報を提供するのに役立ちますが、ビジネスや国に適用される要件に関する法的助言に代わるものではありません。

ページを公開する

公開ウィンドウの下部にある「公開準備完了」セクションを確認します。表示されたすべての問題を解決してから、「公開」をクリックしてください。

Maildroppaはページを公開する前に、現在の下書きと公開設定を保存します。公開に成功すると、次の操作ができます。

• 公開中のページを開く
• 公開リンクをコピーする
• エディターに戻る

公開ページを一度開き、登録の一連の流れを自分でテストしてください。公開アドレス、レイアウト、フィールド、バリデーション、送信後の応答、ダブルオプトインメール、確認結果を確認します。

公開済みページを管理する

公開後は、ビルダーの「公開を管理」または登録フォームの概要にあるアクションを使用します。

変更を公開 — 現在保存されている下書きで公開中のバージョンを置き換えます。

公開ページを表示 — 新しいブラウザタブで公開中のバージョンを開きます。

リンクをコピー — 現在の公開アドレスをコピーします。

公開を停止 — アカウントからランディングページを削除せずに、ページをオフラインにします。編集を続け、後から再び公開できます。

登録フォームの概要では、ランディングページが下書き、公開済み、非公開のいずれであるかが表示され、適切な共有および管理操作を利用できます。