インスタグラムのランディングページを作りたいですか？
インスタグラム用のランディングページを作ることは、インスタグラムのトラフィックをウェブサイトに直接誘導する最も簡単な方法です。そしてその結果、そのトラフィックをリード、購読者、有料顧客に変えることができる。
この記事では、WordPressでインスタグラムのランディングページを簡単に作成する方法を紹介します。
その前に...
なぜインスタグラム用のランディングページを作るべきなのか？
前述したように、インスタグラム用のランディングページを作成することは、潜在顧客をビジネスウェブサイトに誘導する最良の方法である。
さらに重要なことは、インスタグラムのプロフィールにはクリック可能なリンクを1つしか追加できないということだ。したがって、あなたのバイオに追加するリンクは、あなたの最も重要な資産の1つ、つまりコンバージョンの高いランディングページでなければなりません。
ウェブサイトに作成できるインスタグラムのランディングページにはいくつかの種類があります。
まず、LinkTreeのようなリンクイン・バイオ・ランディングページを作り、そこにブログ記事やウェブサイトのページ、他のソーシャルメディア・プロフィールへのリンクを追加することができる。このタイプのランディングページの明確な利点は、ブランド認知度を高め、ウェブサイトへのトラフィックを促進することです。
Instagram広告にリンクしたランディングページを作成することもできます。例えば、ユーザーが広告をクリックすると、特別オファーを表示するウェブサイト上のランディングページに移動します。
当然ながら、このタイプのランディングページは、フォームで連絡先情報を収集し、限定オファーでコンバージョン率を高める最良の方法だ。
インスタグラムのプロフィールにランディングページを作る利点がわかったところで、いくつかの例を見てみよう。
インスタグラム・ランディングページの例
インスタグラムでどのタイプのランディングページを使うべきかわからない場合は、ここにいくつかの素晴らしい例を挙げよう。
1.Scribdインスタグラム広告ランディングページ
1つ目は、Scribdのスポンサー付きインスタグラム投稿。視覚的にアピールする画像が特徴で、30日間の無料トライアルを申し込むようアクションを呼びかけている。
広告をクリックすると、そのオファーを宣伝するランディングページが表示される。
そのページにはこうある：
- 注目を集めるヒーロー・エリア
- 複数の無料トライアル・コール・トゥ・アクション（CTA）ボタン
- 価格比較表
- お客様の声とレビュー
- 社会的証明のためのクライアントのロゴ
その結果、インスタグラム広告のクリック後、ユーザーはオファーに登録せざるを得なくなる。
2.ウォールストリート・ジャーナル・インスタグラム・ランディングページ
ウォールストリート・ジャーナルは、バイオリンクのランディングページで異なるアプローチをとっている。サードパーティのアプリを使い、厳選したニュース記事をインスタグラム風のレイアウトで表示している。
各画像をクリックすると、そのウェブサイトの記事に直接ジャンプします。または、CTAボタンをクリックすると、そのサイトに直接移動できます。
3.バイオページにHKT製品へのリンク
典型的なリンク・イン・バイオ・ページを作りたいなら、HKT Productsの簡単な例がある。サードパーティのリンク・イン・バイオ・ツールを使って、ウェブサイトのさまざまなページにリンクするミニマルなページを作った。
例えば、彼らはこうリンクしている：
- 製品個別ページ
- 製品チュートリアル
- 社内ポッドキャスト
- YouTubeチャンネル
- ニュースレター購読ページ
- さらに
その結果、リード、売上、フォロワーを増やすために特別にデザインされたページにファンを送り込むことができる。
4.Etsyインスタグラム商品ページ
最後は、EtsyのInstagramページだ。ここでも、ソーシャルメディアのランディングページとは全く異なるアプローチだが、ゴールは同じ-自社製品のプロモーションだ。
Etsyは、インスタグラムのオーディエンスに合わせたページをウェブサイトに開設した。ここでユーザーは、インスタグラムのフィードからキュレートされた人気商品を閲覧し、サイトから直接購入することができる。
上記のインスタグラムのランディングページの例は、それぞれインスタグラムのトラフィックをウェブサイトに誘導するユニークな方法を示している。
ということで、自分のための作り方を探してみよう。
インスタグラム・ランディングページの作り方
このチュートリアルに従うには、いくつかのものが必要だ：
- ドメイン名
- ウェブサイトのホスティング
- ビジネスウェブサイト
すでに確立されたウェブサイトを持っている場合は、これを心配する必要はありません。しかし、そうでない場合は、ビジネスウェブサイトを作成する必要があります。
私たちは、あなたのサイトを作るためにWordPressを使用することをお勧めします。最も人気のあるウェブサイト・プラットフォームで、インターネット上の全ウェブサイトの約41％を運営しています。
WordPressは無料でオープンソースであり、何千ものウェブサイトデザインや拡張機能があらかじめ用意されています。非常に柔軟性が高く、ウェブサイト所有者が利用できるほとんどすべてのサードパーティツールやサービスと連動する。
ウェブサイトの運営にも使っている！
WordPressでウェブサイトを作成する方法については、こちらのステップバイステップガイドをご覧ください。
ウェブサイトの準備ができたら、どのタイプのインスタグラム・ランディングページを作るかを決める必要がある。
リンクインバイオページを作成する方法については、私たちのガイドに従うことができますし、WordPressでよりパーソナライズされたInstagramのランディングページを作成するには、以下の手順を実行することができます。例えば、広告にリンクできるようなものです。
準備はいいかい？さあ、飛び込もう！
ステップ1：SeedProdのインストールと有効化
このチュートリアルでは、SeedProdを使ってInstagramのランディングページを作ります。SeedProdは、市場で最高のWordPressページビルダープラグインです。
ドラッグ＆ドロップのビジュアルエディターで、リアルタイムにページをデザインできます。また、大量のテンプレートとカスタマイズオプションがあり、あなたのページを思い通りに仕上げることができます。
さらに、あなたのページを人気のEメールマーケティングサービスと統合して、Eメールリストを増やすことができます。さらに、どのWordPressテーマともシームレスに連動し、高速で効率的な体験を提供します。
それを念頭に置いて、SeedProdを始めるにはここをクリックしてください。その後、WordPressウェブサイトにプラグインをインストールし、有効化してください。
注： SeedProdには無料版もありますが、私たちが必要とする高度な機能のためにPro版を使用します。
このステップで助けが必要な場合は、WordPressプラグインのインストールに関するこちらのガイドに従ってください。
SeedProdをインストールした後、SeedProd " Settingsに進み、ライセンスキーを入力します。
ライセンスキーをお持ちでない場合は、SeedProdウェブサイトのアカウントセクションで見つけることができます。
ステップ2：新しいランディングページの作成
ライセンスキーをアクティベートした後、SeedProd " Pagesにアクセスしてください。
このページでは、次のことができる：
- 近日公開ページの作成と有効化
- メンテナンス・モードの起動
- カスタム404ページを作る
- カスタムWordPressログインページの設定
- WordPressで独立したランディングページを作成する
SeedProdのページモードの利点は、複数のWordPressプラグインをインストールすることなく、サイトに追加機能を追加できることです。
このガイドでは、独立したランディングページを作成したいと思います。そのためには、Add New Landing Pageボタンをクリックします。
ステップ3：ランディングページのテンプレートを選ぶ
次の画面では、何百ものレスポンシブなランディングページのテンプレートから選ぶことができます。
上部のタブをクリックすることで、デザインを絞り込むことができる：
- すべて
- 近日公開
- メンテナンス・モード
- 404ページ
- 売上高
- ウェビナー
- リード・スクイーズ
- ウェビナー
- ログイン
最良の方法は、実現したいデザインに近いテンプレートを探すことです。次のステップで簡単にカスタマイズできます。
その簡単さをお見せするために、まずはメンテナンスページのミニマルテンプレートから。
テンプレートのサムネイルにマウスカーソルを合わせ、チェックアイコンをクリックしてインポートしてください。
次に、ページ名とURLを入力するための視覚的な合図が表示されます。これは、あなたのインスタグラムのファンが簡単に認識できるものにすることをお勧めします。
保存してページの編集を開始」ボタンをクリックすると、ビジュアルエディタでテンプレートが起動します。
ステップ4：ランディングページのデザインをカスタマイズする
さあ、ドラッグ＆ドロップビルダーでインスタグラムページのカスタマイズを始めましょう。
右側にページのライブプレビューが表示されます。ページ要素を編集するには、項目をクリックするだけで、左側に編集メニューが表示されます。
さらに、左側のオプションパネルには、ランディングページのデザインにドラッグ＆ドロップできる要素があります。
では、ブロックやカスタマイズを追加して、テンプレートをインスタグラムのページらしくしてみよう。
ブロックの編集と削除
まず、ランディングページの見出しを変更し、ユーザーがなぜそこにいるのか、そのページが何についてのページなのかを知ることができるようにしよう。
これを行うには、見出しテキストのどこかをクリックし、カスタムメッセージに置き換えます。
削除したい要素があれば、ブロックの上にマウスカーソルを置いてゴミ箱アイコンをクリックするだけです。
カスタム画像のアップロード
では、デフォルトの画像をあなたのウェブサイトから人気のある投稿に置き換えてみましょう。既存の画像をクリックし、左側のパネルにあるゴミ箱アイコンを使って削除するだけです。
そこから、「Use Your Own」ボタンをクリックして、パソコンやWordPressのメディアライブラリから画像をアップロードすることができます。
同じ画像設定パネルでリンクを追加できるので、画像をクリックした人は直接関連するブログ記事に飛ぶことができます。
ページブロックと行の複製
ここで、画像の行をもうひとつ追加したいとします。これを素早く行うには、既存の行を複製します。
行の上にマウスカーソルを置いて、「行の複製」アイコンをクリックするだけです。その後、上記のプロセスを繰り返して、画像と投稿リンクを追加してください。
ランディングページにオプトインフォームを追加する
インスタグラムのファンからメールアドレスを集めることが目的の1つであれば、SeedProdのオプトインフォームブロックを使えば簡単にできます。
ブロックをページにドラッグし、クリックするだけでフォームの設定ができます。例えば、コールトゥアクションボタンのテキスト、色、フォーム入力ラベルなどを変更することができます。
画面上部の「接続」タブをクリックし、メールマーケティングサービスに接続します。
各メールマーケティングプロバイダーとの接続方法については、メール統合のドキュメントをご覧ください。
グローバルカラー、フォント、背景のカスタマイズ
ページのルック＆フィールを統一するには、グローバル設定パネルを使用します。
左下の歯車アイコンをクリックすると、以下のグローバル設定が表示されます：
- フォント
- カラー
- 背景
- カスタムCSS
例えば、フォント・セクションでは、デフォルトのフォント・カラーを白に変更し、カラムの背景画像に対して目立つようにしました。
ランディングページの見た目に満足したら、右上の緑色の保存ボタンをクリックします。
ステップ5：インスタグラムのランディングページを公開する
ほとんどのインスタグラムユーザーがスマートフォンやタブレットからこのプラットフォームを閲覧していることを考えると、ページを公開する前にモバイルデバイスで見栄えが良いことを確認するのは素晴らしいアイデアだ。
SeedProdのライブモバイルプレビュー機能を使えば簡単にできます。下のナビゲーションバーにあるモバイルプレビューアイコンをクリックするだけです。
その後、モバイルでページをプレビューし、必要な編集を行うことができます。
最後に、変更を保存し、Saveボタンの隣にあるドロップダウン矢印をクリックして、Publishをクリックします。
インスタグラムのランディングページが公開されました！どのように見えるかをプレビューするには、「ライブページを見る」ボタンをクリックしてください。
あとは、新しいページのURLをインスタグラムのバイオや広告に追加して、WordPressサイトにターゲットとなるトラフィックを送り始めるだけだ。
それだけだ！
このガイドが、WordPressでInstagramのランディングページを作成する方法を学ぶのにお役に立てば幸いです。
SeedProdでほとんどのページを作成できます。チュートリアルをご覧ください：
- 動的ランディングページとは何か（＋WordPressで作る方法）
- GetResponseランディングページの作り方
- 10 イベント用ランディングページ（とその作り方）
- サインアップページのデザイン方法（+7例）
Twitter、YouTube、Facebookで、あなたのビジネスに役立つコンテンツをお届けします。
