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

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

バイオ・ランディングページのリンクの作り方(リンクツリーのように)

バイオ・ランディングページのリンクの作り方(リンクツリーのように) 

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

初めてインスタグラムのバイオに複数のリンクを追加しようとしたときのことを覚えている。結局、LinkTreeを使ったが、私のブランドには全くマッチしなかったし、完全にコントロールできない第三者のサイトにトラフィックを送るのは好きではなかった。

そこで私は、ワードプレスを使って自分のリンク・イン・バイオ・ランディング・ページを作り始めた。そのページは、私のウェブサイトにマッチし、私が共有するリンクを完全にコントロールすることができました。何よりも、クリック数を追跡でき、追加料金なしでいつでも更新できた。

フォロワーをあなたのコンテンツや商品、オファーに導くより良い方法をお探しなら、SeedProdを使ってバイオ内リンクのランディングページを作成する方法をご紹介します。初心者にも優しく、コードも不要で、InstagramやTikTokなどで完璧に機能します。

バイオ・ランディングページのリンクの作り方:

このガイドで紹介するツールには、テンプレートとドラッグ&ドロップビルダーが含まれているので、同じようなページを同じようにきれいに、簡単にカスタマイズして作ることができる。

ハウツーに入る前に、なぜWordPressでバイオページにリンクを貼るのが賢い方法なのかを見てみよう:

  • 完全なコントロールとカスタマイズ:バイオリンク専用に作られた一般的なリンクインバイオツールでは、ブランドのルック&フィールに合わせるのが難しい場合があります。WordPressなら、思い通りにページをデザインできます。
  • シームレスな統合:使い慣れたWordPressのダッシュボードで、ウェブサイトのコンテンツと一緒にバイオページのリンクを管理します。
  • アナリティクスとの統合:Google Analyticsのような強力なアナリティクスツールにページを簡単に接続して、クリック、エンゲージメント、コンバージョンを追跡できます。
  • サードパーティの制限を避ける:サードパーティのリンクイン・バイオツールは、デザイン、リンクイン・バイオの機能、リンクの量に制限がある場合があります。WordPressは、あなたが運転席に座ります。
  • あなたのデータを所有する:別のバイオリンク・サービスを利用する場合、そのサービスはあなたのデータを保持します。WordPressのようなセルフホスティングのオプションでは、自分でデータを管理できます。
  • 費用対効果:Linktreeは、人気のある無料のリンクイン・バイオツールだが、できることやカスタマイズ方法が限られている。すでにワードプレスのウェブサイトを持っているなら、毎月追加料金を支払うことなく同様のページを作成でき、そのデザインを完全にコントロールできる。

リンクツリーとワードプレス:どちらを使うべきか?

LinkTreeのようなツールを使うか、WordPressで独自のリンクイン・バイオ・ランディングページを作るか、どちらを選ぶか決めているのであれば、その違いを簡単に並べてみましょう。

特徴WordPress + SeedProdリンクツリー(無料プラン)
デザインの柔軟性レイアウト、色、フォント、ブランディングの完全なコントロール限られたテンプレートとカスタマイズ・オプション
リンク制限リンク数無制限アップグレードしない限り、基本的なリンクタイプに制限される
ブランドの認知度あなたのドメインを使用(example.com/links)リンクツリーのブランドは、お金を払わない限り残ります。
データ所有権トラフィックとアナリティクスを完全にコントロールデータはリンクツリーのプラットフォームでホストされ、保存される。
コストすでにWordPressを使用している場合は無料 + SeedProd無料無料プランもあるが、機能は限定的
内蔵アナリティクスGoogle AnalyticsまたはMonsterInsightsに接続します。基本的なクリックトラッキングのみ

すでにWordPressのウェブサイトをお持ちの場合、SeedProdを使ってリンクページを構築することで、よりコントロールしやすくなります。

このチュートリアルでは、SeedProdを使用してWordPressのバイオリンクページを作成します。

SeedProd最高のWordPressランディングページ・プラグイン

SeedProdは、人気のWordPressドラッグアンドドロップページビルダーです。コードを書かずにWordPressのページを簡単にカスタマイズできます。

SeedProdでは、あらゆるタイプのランディングページを作成することができ、そのビジュアルエディタにより、簡単にページを作成、編集、カスタマイズし、リアルタイムで変更を確認することができます。

また、SeedProdを使用して、ソーシャル・プロフィールのバイオページにリンクを作成することもできます。

このガイドでは、Instagramアカウントのファンに複数のリンクを表示できるように、Instagramのバイオリンクランディングページを作成することに焦点を当てます。とはいえ、このチュートリアルを使って、他のソーシャルメディアネットワーク用の同様のマルチリンクページを簡単に作成することができる。

それを念頭に置いて、チュートリアルに飛び込もう!

ビデオ・チュートリアル

書面による説明をお読みになりたい場合は、以下の手順に従ってください。

1.SeedProdプラグインのインストールと有効化

最初のステップは、以下のリンクをクリックしてSeedProdプラグインをダウンロード、インストール、有効化することです。

WordPressサイトへの追加については、WordPressプラグインのインストール方法についてのチュートリアルをご覧ください。

注:SeedProdには、無料でWordPressのランディングページを作成できる無料版または無料プランがあります。しかし、今日は高度な機能とテンプレートのために有料プランを使用します。

プラグインを有効化した後、SeedProd " Settingsにアクセスして、SeedProdのライセンスキーを入力してください。この情報はダウンロードセクションのSeedProdアカウントエリアにあります。

SeedProdライセンスキーを入力

2.新しいランディングページを作成する

次のステップは、SeedProd " Pagesにアクセスして、新しいランディングページを作成することです。

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

このページの上部には、ワンクリックで起動できるいくつかのページモードがあります:

そのセクションの下には、SeedProdプラグインで作成したランディングページが表示されます。WordPressのカスタムページは好きなだけ作ることができます。

新しいランディングページを追加]ボタンをクリックして、新しいページを作成します。

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

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

次の画面で、バイオリンクページの出発点として使用するランディングページのテンプレートを選択できます。

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


このガイドでは、Personal Linksテンプレートを使用します。PersonalLinksテンプレートは、Lead Squeezeフィルターをクリックして見つけることができます。

個人リンク・ランディングページのテンプレートを選ぶ

このテンプレートを選択するには、サムネイルの上にマウスを置き、オレンジ色のチェックマークをクリックしてください。

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

次に、ページ名を追加するポップアップが表示されます。ページ名はランディングページのデザインには表示されませんが、ページのURLを設定します。そのため、インスタグラムのバイオにリンクを追加する際に、ファンが納得するような名前を選びましょう。

バイオ・ランディング・ページにリンクの名前を入力します。

これで、「保存してページの編集を開始する」ボタンをクリックすることができます。

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

テンプレートを起動すると、SeedProdのページビルダー画面が表示されます。ドラッグ&ドロップのインターフェイスで、テンプレートのあらゆる部分を編集できます。

SeedProdのドラッグ&ドロップ式ページビルダー

左側のサイドバーには、ページにドラッグ&ドロップできるブロックが豊富に揃っています。ブロックがページに表示されたら、そのブロックをクリックして、コンテンツ、テンプレート、高度なカスタマイズ設定を表示することができます。

ロゴの追加

インスタグラムのバイオリンク・ページを作るので、メイン画像とプレースホルダー・テキストを削除する。

そのためには、画像にカーソルを合わせてゴミ箱アイコンをクリックします。

既存の画像ブロックを削除する

次に、次のポップアップで「はい削除」をクリックします。同じ手順でプレースホルダ・テキストを削除できます。

これで、デフォルトのページヘッダーをあなたのビジネス名、キャッチフレーズ、ロゴに置き換えることができます。ロゴを追加するには、左側のパネルで画像ブロックをクリックし、ページの上部にドラッグします。

ランディングページに画像ブロックを追加する

ブロックをクリックすると、左側に設定が表示されます。自分の画像を使用する]ボタンをクリックして、メディアライブラリからロゴを追加するか、コンピュータからロゴをアップロードします。

バイオ・ランディング・ページのリンクにロゴを追加する

同じパネルで、画像サイズ、配置、画像へのリンクを変更できます。

テンプレート]タブをクリックすると、いくつかのプリセット画像スタイルから選択できます。

画像用テンプレートを選択する

また、Advancedタブでは、スタイル、パディング、マージンなどをコントロールできる。

画像ブロックのスタイルを設定する

リンクの追加

それでは、ページにカスタムリンクを追加する方法を見ていきましょう。まず始めに、既存のリンクをあなた自身のコンテンツでカスタマイズすることができます。

これを行うには、いずれかのリンクボタンをクリックし、左側のコンテンツを編集します。

任意のボタンリンクをクリックして内容を編集する

コンテンツパネルでは、以下の項目を変更できる:

  • ボタンテキスト
  • サブテキスト
  • ボタンのリンク
  • アライメント
  • サイズ
  • アイコン

ボタンの外観を完全に変更したい場合は、「テンプレート」タブをクリックしてください。このエリアには、いくつかのプリセットボタンスタイルがあります。

テンプレートタブでボタンリンクのテンプレートを選択します。

任意のスタイルをクリックすると、ボタンリンクに即座に追加されます。

別のスタイルが必要な場合は、カスタムカラー、ボタンスタイル、フォントなどを選択できる「詳細設定」タブをクリックします。

詳細タブをクリックし、カスタムボタンのリンクカラーを選択する。

ページにリンクを追加するには、カスタマイズしたリンクボタンを複製します。リンクの上にカーソルを置いて、ブロックの複製アイコンをクリックするだけです。

ボタンブロックを複製する

すると、そのブロックのコピーが元のブロックの下に表示されます。あとは、前と同じようにコンテンツをカスタマイズするだけです。

ボタンリンクに別のアイコンを追加したい場合は、コンテンツ設定のアイコンセクションまでスクロールダウンし、アイコン画像をクリックして、アイコンライブラリから新しいアイコンを選んでください。

リンクに新しいボタンアイコンを追加する

背景の変更

バイオテンプレートのリンクのデフォルトの背景色は、あなたのウェブサイトやブランディングと一致しない場合があります。良いニュースは、グローバル設定パネルで簡単に変更することができます。

これを見つけるには、画面の左下にある歯車のアイコンをクリックします。背景、フォント、色、CSSをカスタマイズし、変更をページに適用するためのさまざまなオプションが表示されます。

ランディングページのグローバル設定を調整する

注:このオプションを使用しても、ブロックの詳細設定で設定したスタイルは上書きされません。

背景色を変更したい場合は、「背景 」の見出しをクリックしてください。このエリアでは、デフォルトの背景色を変更したり、グラデーションの背景効果を追加することができます。

バイオ・ランディング・ページの背景色を変更する

同じパネルを使って、カスタム背景画像、ビデオ、スライドショーを追加することもできます。

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

保存ボタンをクリックする

ページの準備ができたので、公開する前にもうひとつやることがあります。それは、モバイルでプレビューすることです。そうしないと、モバイルユーザーのユーザーエクスペリエンスが損なわれる可能性があります。

これを行うには、画面下部のモバイルプレビューアイコンをクリックします。

モバイルプレビューアイコンをクリック

これは、あなたのページがモバイルデバイスでどのように見えるかのプレビューを表示します。

モバイルのバイオ・ランディング・ページでリンクをプレビューする

上の画像でお分かりのように、モバイルではボタンリンクが大きすぎて、見栄えが悪くなっています。これを変更するには、デスクトップ表示と同じように任意のブロックをクリックし、お望みの形になるまで編集するだけです。

ランディングページのモバイル版を調整する

私たちの場合、ボタンテキストをすべて1行にしたかった。そこで、水平方向のパディング・スライダーを変更しました。

これで、WordPressでInstagramのバイオリンクページを公開する準備が整いました。そのためには、保存ボタンの隣にある下向き矢印をクリックし、公開をクリックします。

WordPressでバイオリンク・ランディングページを公開する

ポップアップボタンをクリックすると、ライブページが表示されます。

バイオ・ランディング・ページにWordPressのリンクを掲載

これであなたのページは公開され、Instagramのプロフィールや他のソーシャルメディアプロフィールにリンクを追加することができます。何よりも、あなたのカスタムページは完全にレスポンシブなので、ファンがどんなスクリーンサイズで見ても美しく見えます。

関連 TikTokバイオにリンクを追加する方法

LinkTreeのような多くのリンクインバイオツールは、ページ分析も提供しています。しかし、私たちの意見では、ウェブサイト分析を追跡する最善の方法は、Google Analyticsを使用することです。

WordPressウェブサイトにGoogle Analyticsを追加する最も簡単な方法の1つは、MonsterInsightsを使用することです。

MonsterInsights最高のWordPress Googel Analyticsプラグイン

MonsterInsightsは、WordPress用の強力なGoogle Analyticsプラグインです。使いやすく、WordPressのダッシュボード内でサイトのパフォーマンスを追跡することができます。

その結果、バイオリンクページのパフォーマンスを一目で確認することができます。WordPressにGoogle Analyticsを追加する方法については、こちらのステップバイステップガイドをご覧ください。

GoogleアナリティクスのアカウントでMonsterInsightsを設定した後、Insights " Addonsに移動します。そこからPage Insightsアドオンを見つけ、インストールして有効化します。

MonsterInsightsのページインサイトアドオンをインストールする。

次に、ページ " すべてのページを開き、先ほど作成したバイオページのリンクを見つけてください。

アナリティクスを見るには、リンクインバイオページのインサイトアイコンをクリックしてください。

次に、トラフィックグラフのようなインサイトアイコンをクリックします。

ページの統計情報、直帰率、流入数、ページ滞在時間などが表示されます。

ページのインサイトデータを見る

ソーシャルメディア・プロフィールにリンクを追加したのが最近の場合、このデータが表示されるまでには時間がかかります。

あなたのブランドのために、バイオリンクページをもっと機能させたいですか?あなたのランディングページをレベルアップするために、以下のガイドをチェックしてください:

リンク・イン・バイオのページを作る最良の方法は?

あなたのニーズと予算によります。Linktree、Shorby、Tap Bioは使いやすく、無料オプションもありますが、あまりカスタマイズできません。WordPressとSeedProdを使って自分のページを作れば、よりコントロールしやすくなりますが、WordPressのウェブサイトが必要で、セットアップも少し手間がかかります。すでにWordPressを使用している場合、SeedProdはあなたのサイトと連動し、支払いも一度だけなので、良い選択かもしれません。

インスタグラムのバイオにランディングページを追加するには?

インスタグラムのバイオにランディングページを追加するには、インスタグラムのアカウントにログインし、プロフィールの編集をクリックし、ランディングページのURLを貼り付ける。

これで完成だ!

この記事が、WordPressでバイオ・ランディングページにリンクを作成する方法を学ぶのにお役に立てば幸いです。

SeedProdを使ったWordPressページの作成とカスタマイズはとても簡単です。コードは一切不要で、開発者を雇う必要もなく、トラフィックをリードや販売に変換することに焦点を当てたランディングページが出来上がります。

それで、何を待っているんだい?

また、このステップバイステップのガイドに従って、インスタグラム広告のために特別にデザインされたインスタグラムのランディングページを作成することもできます。

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

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

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