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

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

インスタグラムのランディングページの作り方(+4例)

インスタグラムのランディングページの作り方(+4例) 

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

インスタグラムのランディングページは、モバイルフレンドリーなリンクハブだ。このページでは、あなたのバイオから複数のリンクを共有することができます。SeedProdを使えば、数分でカスタムランディングページを作ることができます。このガイドでは、WordPressで設定する方法を紹介します。手順としては、SeedProdをインストールし、モバイル対応のテンプレートを選択し、リンクをカスタマイズし、あなたのサイトに直接ページを公開します。

インスタグラムの訪問者を複数の場所に送りたいなら、ランディングページが最も簡単な方法だ。トップ投稿、製品、またはサインアップのすべてを1つのスポットで共有することができます。

このガイドでは、SeedProdを使ってWordPressでページを作成する方法を紹介します。

インスタグラムのランディングページとは?

インスタグラムのランディングページは、あなたのインスタグラムのバイオ、ストーリー、または広告からリンクするシンプルなウェブページです。フォロワーがあなたのサイトを探し回ることなく、読んだり、買い物をしたり、サインアップしたりできるように、クリックする場所を1つ提供します。

ユースケース推奨モジュール
ブログ記事を共有する画像グリッド+テキストリンク
製品プロモーション商品ギャラリー+購入ボタン
Eメールリストを増やすオプトインフォーム+CTAボタン
ハイライト映像ビデオブロック+ヘッドライン
プロモーションの実施カウントダウンタイマー+クーポンリンク

注:Linktreeのようなツールは、このアイデアの基本バージョンを提供しているが、WordPressとSeedProdを使って独自のものを構築すれば、デザイン、ブランディング、分析を完全にコントロールできる。

インスタグラムにランディングページが必要な理由

インスタグラム専用のランディングページは、より多くのプロフィール訪問をクリック、サインアップ、売上につなげるのに役立つ。

一般的なホームページにフォロワーを送ることは、しばしばトラフィックを失うことにつながる。焦点を絞ったランディングページはコンバージョン率が高く、41,000以上のページで中央値は約6.6%、トップページでは10%以上を記録している。

ゴール追加するブロック追跡すべき指標
迅速な行動CTAボタン/リンクリストクリックスルー率(CTR)
複数のオファーを促進する画像グリッド/製品ギャラリーカテゴリー別リンククリック数
ブランディングの一貫性を保つグローバルカラー&フォント直帰率
リードを集めるメールオプトインフォームサインアップ・コンバージョン
影響を測定するアナリティクスまたはUTMリンクトラフィック・ソースのパフォーマンス

あなたの主な目標を選び、適切なSeedProdブロックとマッチさせれば、重要な結果を追跡しながら、よりスムーズに訪問者を誘導することができます。

ベスト・インスタグラム・ランディングページのアイデア

シンプルなインスタグラムのランディングページのアイデアを紹介しよう。これらを使って、フォロワーをあなたのトップコンテンツに素早く誘導することができる。

1.複数のブログ記事へのリンク

  • ヘッダー
  • 画像+タイトル
  • 画像+タイトル
  • 画像+タイトル

CTA: 追加 イメージブロック リンクされた投稿リンクに ?utm_source=instagram を追跡する。

2.トップ製品を強調する

  • 商品画像
  • 商品画像
  • ボタン購入
  • ボタン購入

CTA:購入ボタン付きの商品ギャラリーブロックを使用する。Google Analyticsでクリックをトラッキングする。

3.最新のフリーペーパーを宣伝する

  • ヘッドライン無料ガイド
  • 簡単な説明
  • オプトインフォーム+CTAボタン

CTA: オプトインフォームブロックを追加します。メールツールに接続し、IGトラフィックを専用のリストセグメントでタグ付けします。

短い動画やショッパブル・グリッドを試すこともできる。あなたのインスタグラムの主な目的に最もマッチするパターンを1つだけ選んでください。

ワードプレスでインスタグラムにランディングページを作る方法

このセクションでは、SeedProdを使用してWordPressでカスタムInstagramランディングページを構築するための正確な手順を示します。

始める前に、基本的なことがきちんとできていることを確認してください:

  1. ドメイン名
  2. ウェブサイトのホスティング
  3. ビジネスウェブサイト

すでに確立されたウェブサイトを持っている場合は、これを心配する必要はありません。しかし、そうでない場合は、ビジネスウェブサイトを作成する必要があります。

WordPressを使ってサイトを作ることをお勧めします。最も人気のあるウェブサイト・プラットフォームで、インターネット上のウェブサイトの約43.4%を占めています。

WordPressは無料でオープンソースであり、何千ものウェブサイトデザインや拡張機能があらかじめ用意されています。柔軟性が高く、ウェブサイト所有者が利用できるほとんどすべてのサードパーティ製ツールやサービスと連動する。

ウェブサイトの運営にも使っている!

WordPressでウェブサイトを作成する方法については、こちらのステップバイステップガイドをご覧ください。

ウェブサイトの準備ができたら、どのタイプのインスタグラム・ランディングページを作るかを決める必要がある。

リンクインバイオページを作成する方法については、私たちのガイドに従うことができますし、ランディングページビルダーを使用してWordPress上でよりパーソナライズされたInstagramのランディングページを作成するには、以下の手順を実行することができます。例えば、広告にリンクできるようなものです。

準備はいいかい?さあ、飛び込もう。

ステップ1:SeedProdのインストールと有効化

このチュートリアルでは、SeedProdを使ってインスタグラムのランディングページを作ります。SeedProdは、市場で最高のWordPressページビルダープラグインの1つです。

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

ドラッグ&ドロップのビジュアルエディターで、リアルタイムにページをデザインできます。また、大量のテンプレートとカスタマイズオプションがあり、あなたのページを思い通りに仕上げることができます。

さらに、あなたのページを人気のEメールマーケティングサービスと統合して、Eメールリストを増やすことができます。さらに、どのWordPressテーマともシームレスに連動し、高速で効率的な体験を提供します。

それを念頭に置いて、SeedProdを始めるにはここをクリックしてください。その後、WordPressウェブサイトにプラグインをインストールし、有効化してください。 

注: SeedProdには無料版もありますが、私たちが必要とする高度な機能のためにPro版を使用します。

このステップで助けが必要な場合は、WordPressプラグインのインストールに関するこちらのガイドに従ってください。

SeedProdをインストールした後、SeedProd " Settingsに進み、ライセンスキーを入力します。

seedprodライセンス・キーを確認する

ライセンスキーをお持ちでない場合は、SeedProdウェブサイトのアカウントセクションで見つけることができます。

ステップ2:新しいランディングページの作成

ライセンスキーをアクティベートした後、SeedProd " Pagesにアクセスしてください。

SeedProdランディングページ・モード

このページでは、次のことができる:

SeedProdのページモードの利点は、複数のWordPressプラグインをインストールすることなく、サイトに追加機能を追加できることです。

このガイドでは、独立したランディングページを作成したいと思います。そのためには、Add New Landing Pageボタンをクリックします。

WordPressに新しいランディングページを追加する

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

次の画面では、何百ものレスポンシブなランディングページのテンプレートから選ぶことができます。

SeedProdランディングページテンプレート

上部のタブをクリックすることで、デザインを絞り込むことができる:

  • すべて
  • 近日公開
  • メンテナンス・モード
  • 404ページ
  • 売上高
  • ウェビナー
  • リード・スクイーズ
  • ログイン

最良の方法は、実現したいデザインに近いテンプレートを探すことです。次のステップで簡単にカスタマイズできます。

その簡単さをお見せするために、まずはメンテナンスページのミニマルテンプレートから

テンプレートのサムネイルにマウスカーソルを合わせ、チェックアイコンをクリックしてインポートしてください。

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

次に、ページ名とURLを入力する視覚的な合図が表示されます。これは、あなたのインスタグラムのファンが簡単に認識できるものにすることをお勧めします。

ランディングページに名前をつける

保存してページの編集を開始」ボタンをクリックすると、ビジュアルエディタでテンプレートが起動します。

ステップ4:ランディングページのデザインをカスタマイズする

さあ、ドラッグ&ドロップビルダーでインスタグラムページのカスタマイズを始めましょう。

右側にページのライブプレビューが表示されます。ページ要素を編集するには、項目をクリックするだけで、左側に編集メニューが表示されます。

SeedProd ドラッグ・アンド・ドロップ式ビジュアル・エディター

さらに、左側のオプションパネルには、ランディングページのデザインにドラッグ&ドロップできる要素があります。

では、ブロックとカスタマイズを追加して、テンプレートをインスタグラムのページらしくしてみよう。

ブロックの編集と削除

まず、ランディングページの見出しを変更し、ユーザーがなぜそこにいるのか、そのページが何についてのページなのかを知ることができるようにしよう。

これを行うには、見出しテキストのどこかをクリックし、カスタムメッセージに置き換えます。

インスタグラムのランディングページのテキストと見出しをカスタマイズする

削除したい要素があれば、ブロックの上にマウスカーソルを置いてゴミ箱アイコンをクリックするだけです。

seedprod ブロックの削除

カスタム画像のアップロード

では、デフォルトの画像をあなたのウェブサイトから人気のある投稿に置き換えてみましょう。既存の画像をクリックし、左側のパネルにあるゴミ箱アイコンを使って削除するだけです。

既存のテンプレート画像を削除する

そこから、「Use Your Own」ボタンをクリックして、パソコンやWordPressのメディアライブラリから画像をアップロードすることができます。

新しい画像のアップロードとカスタムURLの追加

同じ画像設定パネルでリンクを追加できるので、画像をクリックした人は直接関連するブログ記事に飛ぶことができます。

ページブロックと行の複製

さて、画像の行をもうひとつ追加したいとしましょう。これを素早く行うには、既存の行を複製します。

行の上にマウスカーソルを置いて、「行の複製」アイコンをクリックするだけです。その後、上記のプロセスを繰り返して、画像と投稿リンクを追加してください。

SeedProdの行の複製

ランディングページにオプトインフォームを追加する

インスタグラムのファンからメールアドレスを収集することが目的の1つであれば、SeedProdのオプトインフォームブロックを使えば簡単にできます。

メールアドレスを収集するためのオプトインフォームブロックを追加する

ブロックをページにドラッグし、クリックするだけでフォームの設定ができます。例えば、コールトゥアクションボタンのテキスト、色、フォーム入力ラベルなどを変更することができます。

SeedProd オプトインフォームのカスタマイズ

画面上部の「接続」タブをクリックし、メールマーケティングサービスに接続します。

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

各メールマーケティングプロバイダーとの接続方法については、メール統合のドキュメントをご覧ください。

グローバルカラー、フォント、背景のカスタマイズ

ページのルック&フィールを統一するには、グローバル設定パネルを使用します。

SeedProdグローバル設定パネル

左下の歯車アイコンをクリックすると、以下のグローバル設定が表示されます:

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

例えば、フォントのセクションでは、列の背景画像に対して目立つように、デフォルトのフォントカラーを白に変更しました。

SeedProdグローバルフォント設定

ランディングページの見た目に満足したら、右上の緑色の保存ボタンをクリックします。

インスタグラムのランディングページの変更を保存する

ステップ5:インスタグラムのランディングページを公開する

ほとんどのインスタグラムユーザーがスマートフォンやタブレットからこのプラットフォームを閲覧していることを考えると、ページを公開する前にモバイルデバイスで見栄えが良いことを確認するのは素晴らしいアイデアだ。

SeedProdのライブモバイルプレビュー機能を使えば簡単にできます。下のナビゲーションバーにあるモバイルプレビューアイコンをクリックするだけです。

SeedProdライブモバイルプレビュー設定

その後、モバイルでページをプレビューし、必要な編集を行うことができます。

ランディングページのライブモバイルプレビューをカスタマイズする

最後に、変更を保存し、Saveボタンの隣にあるドロップダウン矢印をクリックして、Publishをクリックします。 

インスタグラムのランディングページをWordPressで公開する

インスタグラムのランディングページが公開されました!どのように見えるかをプレビューするには、「ライブページを見る」ボタンをクリックしてください。

インスタグラムのランディングページをプレビューする

あとは、新しいページのURLをインスタグラムのバイオや広告に追加して、WordPressサイトにターゲットとなるトラフィックを送り始めるだけだ。

インスタグラムのランディングページ事例ベスト4(リアルブランド編)

インスタグラムでどのタイプのランディングページを使うべきかわからない場合は、ここにいくつかの素晴らしい例を挙げよう。

1.Scribd - プロモーションオファーページ

タイププロモーション・オファー・ランディングページ
最適サブスクリプション型サービス
Key Elements:
🔹目を引くヒーローセクション
🔹複数の無料トライアルCTA
🔹価格比較表
🔹顧客の声とロゴ

1つ目は、Scribdのスポンサー付きインスタグラム投稿。30日間の無料トライアルを申し込むという明確な行動喚起とともに、視覚的に訴える画像が特徴的だ。

スクリブド・インスタグラム広告

広告画像をクリックすると、インスタグラムのユーザーを有料顧客に変えるために作られたプロモーションページにランディングする。

スクリブド・インスタグラム・ランディングページの例

このページでは、無料トライアルオファーを何度も繰り返し、信頼シグナルを織り交ぜ、比較表を使って価値を示している。これは、インスタグラムから期間限定のオファーを宣伝するサービスベースのビジネスにとって素晴らしいモデルである。

2.ウォールストリート・ジャーナル - キュレーテッド・リンク・フィード

タイプバイオフィードのリンク
最適出版社およびメディア
主な要素:
🔹 Instagramスタイルの投稿レイアウト
🔹 記事への直接リンク
🔹 シンプルな見出しベースのCTA

ウォール・ストリート・ジャーナルは、サードパーティーのリンク・イン・バイオ・ツールを使って、厳選されたニュース記事をインスタグラム風のグリッドで紹介している。

ウォール・ストリート・ジャーナルのインスタグラム・ランディング・ページ

各投稿のサムネイルは記事全文に直接リンクしているため、読者はインスタグラムからWSJのサイトに簡単にジャンプできる。1つのCTAボタンが、WSJのホームページへの素早いルートを提供している。

このアプローチは、頻繁に投稿し、新鮮な記事、ビデオ、ポッドキャストのエピソードにフォロワーを誘導したい、コンテンツが多いブランドには効果的だ。

タイプミニマリストリンクハブ
最適中小企業およびクリエイター
主な要素:
🔹 シンプルなリンクリスト
🔹 気を散らさない
🔹 複数のオファーへのトラフィック誘導

HKTプロダクツは、サードパーティのツールを使って、インスタグラムの訪問者をサイトの特定のページに直接送るための最小限のリンクハブを構築した。

HKT Proucts インスタグラム・ランディングページの例

このページにはリンクがある:

この設定は素早く作成でき、訪問者を圧倒することなく、いくつかの重要なアクションだけに焦点を当てたいブランドにとって効果的である。

4.Etsy - ショッパブル・インスタグラム・ページ

タイプ商品ギャラリー
最適オンラインショップとマーケットプレイス
主な要素:
🔹 グリッド形式の商品画像
🔹 直接購入リンク
🔹 インスタグラムにマッチしたブランドレイアウト

エッツィーは、自社のウェブサイトにインスタグラム専用のランディングページを設け、インスタグラムのフィードにマッチしたキュレーション商品を宣伝している。

Etsyインスタグラム・ランディングページの例

買い物客はEtsyのサイトを離れることなく、直接商品を閲覧・購入することができる。

この形式は、インスタグラムからチェックアウトまでの購買ジャーニーを短縮し、視覚的に魅力的な商品を扱うeコマースブランドにとって理想的だ。

よくある質問

インスタグラムのランディングページは本当に必要か?
インスタグラムのランディングページは、訪問者を顧客に変えるのに役立つ。ユーザーをエンゲージメントのためにデザインされた特定のページに誘導し、リードの獲得、製品のプロモーション、結果の追跡を容易にします。ランディングページがなければ、インスタグラムのトラフィックはうまくコンバージョンしないかもしれない。
インスタグラムでランディングページをシェアするには?
ランディングページのURLをコピーし、自分のバイオに貼り付けてインスタグラムで共有する。投稿やストーリーに、"link in bio "にユーザーを誘導するコールトゥアクションを追加する。また、Instagram Storiesのリンクステッカー機能を使って、ランディングページを直接シェアすることもできる。
インスタグラムのランディングページを無料で作るには?
SeedProdのページビルダー・プラグインの無料版や、Linktree、Carrd、Canvaなどの無料ツールを使って、インスタグラムのランディングページを作ろう。サインアップしてテンプレートを選び、リンク、画像、テキストを追加する。ページのリンクをコピーして、インスタグラムのバイオやストーリーに載せれば、より多くの訪問者を得ることができる。
ランディングページとインスタグラムのリンクページの違いは?
リンクページは、インスタグラム用にデザインされたランディングページの一種です。通常、ブログ、ショップ、登録フォームなど、他のコンテンツへのボタンやリンクが含まれています。

ソーシャルメディア・マーケティング・ガイド

このガイドが、WordPressでInstagramのランディングページを作成する方法を学ぶのに役立てば幸いです。

ビジネスの成長にもっと助けが必要な場合は、以下のソーシャルメディア・ガイドが役に立つだろう:

しかし、あなた自身のインスタグラム・ランディングページを始める準備ができているなら、下のボタンをクリックしてください。

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

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

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