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

バイオ・ランディング・ページにリンクを張る簡単な方法が必要ですか？

Many influencers and social media personalities use custom link in bio pages to drive traffic to web pages and other social media profiles. They’re a great way to combat the problem of only being able to add one link to your bio on sites like Instagram and TikTok.

But what many people don’t realize is that you can easily build these pages in WordPress and drive lots of traffic to your business website. That’s why we’ve put together this guide, which will show you how to create a link page in WordPress.

このガイドでは

Why Use WordPress for Your Bio Link Page?

Before we dive into the how-to, let’s look at why creating your link in bio page in WordPress is a smart move:

• Complete Control and Customization: WordPress gives you unparalleled flexibility to design a page that perfectly matches your branding and website aesthetic.
• Seamless Integration: Manage your link in bio page alongside your website content, all within your familiar WordPress dashboard.
• Analytics Integration: Easily connect your page to powerful analytics tools like Google Analytics to track clicks, engagement, and conversions.
• Avoid Third-Party Limitations: Many third-party tools come with restrictions on design, features, or link quantities. WordPress puts you in the driver’s seat.
• Own Your Data: Keep your audience data within your WordPress ecosystem, ensuring privacy and control.
• Cost-Effective: Skip the recurring fees associated with third-party tools and leverage your existing WordPress investment.

How to Create a Link in Bio Landing Page

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

SeedProdは、市場で最高のWordPressドラッグアンドドロップページビルダーです。コードを書くことなく簡単にWordPressページをカスタマイズできます。

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

また、SeedProdを使用して、ソーシャルメディア用のバイオページにカスタムリンクを作成することもできます。

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

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

ビデオ・チュートリアル

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

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

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

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

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

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

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

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

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

• 近日公開
• メンテナンスモード
• ログイン
• 404

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

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

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

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

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

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

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

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

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

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

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

ロゴの追加

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

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

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

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

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

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

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

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

リンクの追加

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

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

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

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

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

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

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

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

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

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

背景の変更

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

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

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

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

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

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

5.バイオ・ランディング・ページにリンクを掲載する

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

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

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

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

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

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

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

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

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

ボーナス：バイオページのリンクにアナリティクスを追加する方法

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

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

MonsterInsightsはWordPressのための最高のGoogle Analyticsプラグインです。使い方はとても簡単で、WordPressのダッシュボード内でサイトのパフォーマンスを追跡することができます。

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

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

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

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

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

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

Set Your Bio Link Page Up for Success

Want to make your bio link page work harder for your brand? Check out the following guides to level up your landing page:

• Perfect your Layout: Anatomy of a Landing Page
• SEO Tips: WordPress Search Engine Optimization
• Choosing Fonts: Typography in Web Design
• Split Testing: A/B Testing for Landing Pages
• Creating Headlines: Landing Page Headline Formulas
• Better URLs: Landing Page URL Examples
• Optimization: Landing Page Optimization Tips

More Questions About Link in Bio Pages

これで完成だ！

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

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

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

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

お読みいただきありがとうございました！ご質問やご意見がありましたら、お気軽にコメントをお寄せください。

また、YouTube、X（旧Twitter）、Facebookでも、ビジネスの発展に役立つコンテンツを配信しています。