Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressランディングページにカスタムドメインエイリアスを追加する方法

WordPressユーザーの多くは、既存のサイトの特定のページに異なるドメイン名を指定できることを知りません。これにより、複数のWordPressサイトや余分なホスティングサービスアカウントを必要とせず、すべてユニークなウェブアドレスでターゲットを絞ったランディングページを作成することができます。

私たちは何百ものマーケティング・キャンペーンを実施してきましたので、中小企業のオーナーにとってこれがどれほど価値のあるものかを知っています。時間、お金、そして頭痛の種を節約することができます。

さらに詳しく知りたい方は、このまま読み進めてください。このガイドでは、優れたランディングページの作り方、新規ドメイン名をページに接続する方法、ドメインとホスティングを正しく設定する方法をご紹介します。

How to add a custom domain alias for your WordPress landing page

なぜWordPressランディングページにカスタムドメインを追加するのか?

多くのサイトオーナーは、ランディングページを利用して売上を上げたり、メールリストを増やしたり、特定の商品を宣伝したりしています。初期設定では、これらのランディングページはサイトの他の部分と同じドメイン名を持ちますが、カスタマイザーを使用したい場合もあります。

例を見てみよう。あなたがmycookingrecipes.comというサイトでレシピを公開しているとします。次に、あなたはオンライン料理コースを販売することで、料理ブログを拡大したいと考えています。既存の読者を混乱させないために、レシピと講座は区切りたい。

全く新しいウェブサイトを立ち上げる代わりに、カスタムドメインを追加し、それを既存のウェブサイトのランディングページに向けることができます。

これにより、同じWordPressインストールからオンラインコースの販売やレシピの公開が可能になります。サイトのメンテナンス作業に費やす時間が減り、サイトのコストをコントロールすることができます。

同様に、あなたがUnbounceのようなプラットフォームを使ってクライアントのためにランディングページを構築するマーケティングエージェンシーであれば、WordPressの個別インストールからすべてのページを配信することができます。

それでは、WordPressのランディングページにカスタムドメインエイリアスを簡単に追加する方法を見ていきましょう。以下のクイックリンクを使って特定のステップに飛ぶことができます:

ステップ1:ドメイン名とWordPressページビルダーの取得

まず、WordPressホスティングサービス会社が、同じWordPressサイトに複数のドメインを指定できることを確認する必要があります。

その後、新しいドメイン名が必要になります。Domain.comは市場で最も優れたドメイン登録業者の1つなので、Domain.comを利用することをお勧めします。価格競争力があり、どのWordPressホスティングサービス会社でもドメイン名を使用できます。

The Domain.com domain registrar

ドメイン名選びのヒントが必要な場合は、以下のガイドをご覧ください:

最後に、SeedProdが必要です。これは市場で最高のWordPressページビルダープラグインで、300以上のテンプレートと90以上のブロックが付属しており、あなたのランディングページにドラッグ&ドロップするだけです。

また、カスタムドメインを任意のランディングページにマッピングすることもできます。

The SeedProd page builder plugin

注: SeedProdには無料版があり、予算に関係なくカスタムページを作成することができます。しかし、私たちは、ドメインマッピングが簡単なプレミアムSeedProdプラグインを使用します。

ステップ2:WordPressでランディングページを作成する

まず、既存のWordPressサイトにランディングページを作成します。後のステップで、このランディングページに新しいドメイン名をマッピングします。

まず、SeedProdプラグインをインストールし、有効化します。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

プラグインを有効化した後、SeedProdはライセンスキーを要求します。

Adding the license key to SeedProd

このキーは、SeedProdサイトのあなたのアカウントの下にあります。情報を入力した後、’Verify Key’をクリックするだけです。

その後、SeedProd ” Landing Pagesに行き、’Add New Landing Page’をクリックします。

Creating a new page using SeedProd

SeedProdページテンプレートの選択

次の画面では、WordPressのカスタムページのテンプレートを選択することができます。

SeedProdのテンプレートは、近日公開、ウェビナー、404ページなど、さまざまなキャンペーンタイプに整理されています。画面上部のタブをクリックすると、キャンペーンタイプに基づいてテンプレートをフィルターできます。

Choosing a landing page template using SeedProd

ランディングページを作成しているので、「セールス」または「リードスクイーズ」テンプレートカテゴリーを見るとよいでしょう。

テンプレートをプレビューするには、そのデザインにマウスオーバーし、虫眼鏡アイコンをクリックするだけです。

Previewing a ready-made template

気に入ったデザインが見つかったら、「このテンプレートを選択」をクリックしてください。画像ではすべて「Masterclass Sales Page」テンプレートを使用していますが、お好きなテンプレートを使用することができます。

SEOに適したページタイトルを作成する

次に、ランディングページの名前を入力します。SeedProdはページのタイトルに基づいて自動的にURLを作成しますが、このURLは好きなものに変更することができます。

検索エンジンがこのページの内容を理解しやすくするために、関連キーワードを追加するとWordPressのSEOが向上することがあります。

Adding relevant keywords to a landing page URL

詳しくは、WordPressのSEOフレンドリーなURL構造とは何かについての投稿をご覧ください。

入力した情報に問題がなければ、「保存してページの編集を開始する」ボタンをクリックします。

SeedProdブロックとセクションを使ってページをデザインする

ドラッグ&ドロップでページビルダーが起動します。右側にはページのライブプレビューが表示されます。左側にはブロックの設定も表示されます。

A drag and drop landing page builder

ページビルダーはとても使いやすい。

ブロックをカスタマイズするには、ページエディターでクリックして選択するだけです。左側のツールバーには、そのブロックのすべての設定が表示されます。例えば、ここでは「見出し」ブロック内のテキストを変更しています。

Adding headings to a custom WordPress landing page

左側のメニューにある設定を使って、テキストの書式設定、配置の変更、リンクの追加などができます。

ランディングページの見出し作成のベストプラクティスに従うことをお忘れなく。さらなるヒントやコツについては、WordPressでSEOタイトルを改善するためのヘッドラインアナライザーツールの使い方をご覧ください。

高度な」タブの設定を使って、CSSアニメーションや ボックスシャドウを 追加することもできる。

Adding animations and box shadows using SeedProd

ランディングページからブロックを削除したい場合は、そのブロックをクリックして選択するだけです。

次に、ミニツールバー内のゴミ箱アイコンをクリックします。

Removing blocks from a SeedProd landing page

コンテンツを追加するには、左側のメニューから右のブロックを探し、ページレイアウトにドラッグするだけです。

その後、上記と同じ手順でブロックをカスタマイズすることができる。

Adding social media buttons to a landing page using SeedProd

商品やサービスを販売するためのランディングページを作成する場合、SeedProdにはデザインに追加できるWooCommerceブロックもあります。

SeedProdには、ヘッダー、ヒーロー画像、コールトゥアクションボタンなど、一緒に使用されることの多い行やブロックテンプレートである「セクション」もあります。

すべてのセクションを見るには、「セクション」タブをクリックしてください。

Adding section templates to a WordPress landing page

セクションをプレビューするには、マウスをそのセクションにオーバーさせ、虫眼鏡のアイコンをクリックします。

ランディングページに追加したいセクションを見つけたら、その上にマウスを移動させ、小さな「+」アイコンをクリックするだけです。

Adding ready-made sections to a landing page

これでランディングページの一番下にセクションが追加されます。セクションもブロックもドラッグ&ドロップで移動させることができ、完璧なレイアウトを作ることができます。

また、フォントサイズ、色、背景画像などを変更することもできます。

Customizing SeedProd blocks using a drag and drop page builder

目を引くページをデザインする方法についての詳しい説明は、WordPressでランディングページを作成する方法とコンバージョンにつながるセールスページを作成する方法についてのガイドをご覧ください。

SeedProdのサードパーティ統合を有効化した。

もしあなたがより多くのコンバージョンを得るためにランディングページを作成しているのであれば、SeedProdはあなたがすでに使用しているかもしれない多くの人気のあるサードパーティツールと連動します。これには、トップクラスのメールマーケティングプラットフォームGoogleアナリティクスなどが含まれます。

ランディングページをメールマーケティングサービスに接続するには、「接続」タブをクリックするだけです。Constant Contactや Campaign Monitorなど、サイトで使用しているメールマーケティングサービスにマウスオーバーします。

そして、『接続』ボタンが表示されたらクリックする。

The Constant Contact email marketing service

SeedProdは、ページをメールマーケティングサービスに接続する方法を表示します。

ページの設定に満足したら、「保存」をクリックし、「公開する」を選択します。

Publishing a custom landing page in WordPress

ステップ3:ランディングページにカスタムドメインを追加する

次に、このランディングページにカスタムドメインエイリアスを使用するようにSeedProdに指示する番です。

そのためには、「ページ設定」を選択し、「カスタマイザー」をクリックするだけです。

Adding a custom domain alias for your WordPress landing page

その後、「カスタムドメイン」の隣にある「オン」ボタンをクリックします。これで、使用したいドメイン名を入力することができます。

あなたのドメインプロバイダーは、SiteGroundのような無料のSSL証明書も提供していますか?それから、「Force HTTPs」スイッチがオレンジ色になるようにクリックしてください。

Adding a custom domain alias to your landing page using SeedProd

保存」ボタンをクリックして変更を保存することを忘れないでください。

この時点で、カスタマイザー・ドメインにアクセスすると、ドメインがまだWordPressブログやサイトを指していないため、エラーが表示されます。これを変更しよう。

ステップ4:カスタム・ドメイン・エイリアスをWordPressホスティングに向ける

カスタムドメインエイリアスをWordPressホスティングサービスに向けるには、ドメイン登録業者アカウントのDNSネームサーバーを編集する必要があります。

ネームサーバーは、グローバルドメインネームシステムに特定のサイトを探す場所を伝えます。ドメインネームサーバーを変更することで、ドメインをあなたのサイトに向けることができます。

ホスティングサービスがどのネームサーバーを使用しているかは、プロバイダーのサポートチームに問い合わせて確認できます。例えば、Bluehostはほとんどのサイトで以下のネームサーバーを使用しています:

ns1.bluehost.com
ns2.bluehost.com

ホスティングサービスプロバイダーが使用しているネームサーバーがわからない場合は、カスタマダッシュボードでその情報を見つけるか、サポートチームに連絡することができます。必要な情報を得るために、適切なサポートの依頼方法に関するガイドをご覧ください。

このネームサーバーは次のステップで必要になるので、本当に〜してもよいですか?

このガイドでは、Domain.comで登録されたドメインをBluehostに指定してカスタマイザーを設定する方法を説明します。手順はほとんどのドメイン登録業者で同様ですが、詳細については常に登録業者のドキュメンテーションを確認してください。

まず、Domain.comアカウントにログインする必要があります。その後、左側のサイドバーにある「DNS & ネームサーバー」をクリックします。

Domain.com's DNS and Nameservers settings

何かをする前に、画面上部で正しいドメインが選択されていることを確認し、必要であれば変更する。その後、DNSレコードセクションまでスクロールダウンします。

ここで、「ns1.domain.com」の隣にある3つの点をクリックし、「編集」を選択する。

Editing the nameservers in Domain.com

これで「Edit DNS Record」ポップアップが開きます。

適切なフィールドに新しいネームサーバーを入力し、「ネームサーバーの更新」をクリックするだけです。

Replacing Domain.com's nameservers with Bluehost's

ns2.domain.comネームサーバーレコードに対してこのプロセスを繰り返す。

そうすると、更新されたネームサーバーがリストに表示されます。

Bluehost's nameservers in Domain.com

詳しくは、DNSネームサーバーを簡単に変更する方法をご覧ください。

ステップ5:ホスティングサービスアカウントにカスタムドメインを追加する

カスタマイザー ドメインが WordPress ホスティングサービスを指すようになったので、ドメインをホスティング アカウントに追加します。

我々は、Bluehostのドメイン名を追加する方法を紹介します。しかし、プロセスは、ほとんどのホスティングサービスに似ています。

ホスティングアカウントのダッシュボードにログインし、 「ウェブサイト」タブに移動します。そして、「サイトを追加」ボタンをクリックします。

Adding a new site in Bluehost

次の画面で、 “その他(空の環境)”オプションを選択することを確認してください。このオプションを使用すると、そのためのサイトを作成せずにBluehostアカウントに外部ドメイン名を追加することができます。

完了したら、『続ける』をクリックするだけだ。

Choosing the Other empty environment option in Bluehost

次に、サイトのタイトルを入力します。

このステップをスキップして「Continue」ボタンを押してもかまわない。

Inserting a site title for a new Bluehost WordPress site

ドメイン名を追加しましょう。

該当するフィールドに、別の場所で登録したドメイン名を入力するだけです。その後、「続行」ボタンをクリックしてください。

Choosing the Other empty environment option in Bluehost

その後、Bluehostはセットアップを完了し、ドメインにネームサーバーを追加したかどうかを確認します。

Bluehostがドメイン名の設定を終了したかどうかを確認するには、単に ‘ウェブサイト’タブに移動し、追加したばかりのドメインの ‘設定’ボタンをクリックします。

Clicking the Settings button on an empty Bluehost website

その後、「設定」タブを開く。

セットアップを終了する」ボタンが表示されたら、クリックしてください。

Clicking the Finish Setup button in Bluehost

セットアップ完了」ボタンをクリックすると、ドメイン登録業者の設定にネームサーバーを追加する必要があることが表示されます。

とはいえ、ネームサーバーを追加しても、DNS伝播のため、ドメイン名が正しく機能するまでに最大48~72時間かかる場合があります。このトピックについては、WordPress DNS設定ガイドでさらに詳しく説明しています。

そのまま「変更を保存」ボタンをクリックし、このページを定期的にチェックしてください。問題がある場合は、ドメイン登録業者またはBluehostに助けを求めることができます。

Finishing the setup for adding an external domain in Bluehost

それが完了するとすぐに、あなたのランディングページはカスタムドメインを使用するようになります。

このURLにアクセスすると、ランディングページが実際に表示される。

An example of a landing page, created using SeedProd and WordPress

この投稿が、カスタム・ドメイン・エイリアスをWordPressのランディングページに向けるのにお役に立てば幸いです。また、異なるドメインで WordPress マルチサイトを作成する方法や、Google Search Console を使用してサイトのトラフィックを増やすためのヒントもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

コメント

  1. おめでとうございます!この記事の最初のコメント投稿者になるチャンスです。
    ご質問やご提案がおありですか?ディスカッションを始めるためにコメントを残してください。

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。