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でBioページにリンクを貼る方法(Linktreeの代替手段)

リンク・イン・バイオページは、ソーシャルメディアから自分のサイトの複数のページに人々を送り込む人気の方法だ。実際、Instagramのインフルエンサーやソーシャルメディアの有名人、大手ブランドの多くが、より多くの訪問者を獲得するためにリンクインバイオページを使っている。

すでにサイトを持っている場合、サードパーティのサービスを利用して、バイオページにリンクを張るだけではお金の無駄に思えるかもしれない。私たちもそう思います。まだサイトを持っていないとしても、長期的な投資として、WordPressを使用してバイオページにリンクを作成することをお勧めします。

この投稿では、WordPressのバイオページにリンクを貼る理由と、その具体的な方法について説明します。

How to make a link in bio page in WordPress (Linktree alternative)

Instagram、Twitter、Facebookなどのソーシャルメディア・プラットフォームでは、プロフィールに個別リンクしか張ることができません。これでは、すべてのページ、セール、人気商品、その他の重要なコンテンツを宣伝することが難しくなります。

ユーザーを個別ページに送る代わりに、WordPressウェブサイトの複数のページにトラフィックを送るリンクをバイオページに作成することができます。

The WPBeginner Instagram page

LinkTree、ContactInBio、Bio.FMなど、バイオページへのリンクを作成できるサービスはたくさんあります。しかし、私たちは代わりにWordPressで作成することをお勧めします。

WordPressを使えば、Tシャツショップから オンライン・ポートフォリオまで、本格的なサイトを作ることができるからだ。つまり、バイオページにリンクを貼るためだけに個別サービスにお金を払うのではなく、そのページにWordPressを使い、オンラインプレゼンス用のサイトも作ることができるのです。

オンラインビジネスへの投資のようなもので、長い目で見れば多少の節約になると考えてください。

次の画像では、WPBeginnerで使用しているバイオページのカスタムリンクを見ることができます。

WPBeginner's link in bio page

ということで、WordPressでバイオ・ランディング・ページにリンクを作成する方法を見てみよう。

動画チュートリアル

Subscribe to WPBeginner

文章での説明をお望みの方は、このまま読み進めてください。以下のクイックリンクからチュートリアルを進めることができます:

ステップ1: SeedProdのインストールとセットアップ

バイオページにリンクを作成する最も簡単な方法は、SeedProdを使用することです。

SeedProdは、コードを記述することなく、WordPressでカスタムページを作成することができます最高のドラッグアンドドロップページビルダーです。

SeedProdには、90の既製ブロックと350以上のプロがデザインしたテーマとテンプレートがあります。これには、WordPressのリンクインバイオページの作成に最適な「パーソナルリンク」テンプレートが含まれています。

その他、SeedProdを使って、レストランサイトから交通・物流サイトまで、様々なサイトを作ることができます。

このガイドでは、Instagramのバイオリンクページの作成に焦点を当てます。しかし、どのサイトネットワークでも同じページデザインを使うことができます。

最初に行う必要があるのは、SeedProdプラグインのインストールです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

注: SeedProdには無料版もありますが、ここではより多くの機能とテンプレートがあるPro版を使用します。さらに、もしあなたがオンラインで商品を販売しているのであれば、SeedProd proはWooCommerceとも統合できます。

有効化した後、SeedProd ” Settingsに進み、ライセンスキーを入力してください。

Enter SeedProd license key

この情報は、SeedProdサイトの自分のアカウントの下にあります。ライセンスを入力した後、「Verify Key」ボタンをクリックしてください。

ステップ2:プロがデザインしたテンプレートを選ぶ

ランディングページを作成するには、SeedProd ” ランディングページにアクセスし、「新規ランディングページを追加」ボタンをクリックしてください。

SeedProd's page design templates

新規ページのテンプレートを選択することができます。

SeedProdのテンプレートは、近日公開、サンキュー、セールスページなどのキャンペーンタイプ別に構成されています。画面上部のタブをクリックすると、キャンペーンタイプ別のテンプレートを見ることができます。

バイオページにリンクを作成するには、「Lead Squeeze」タブをクリックし、「Personal Links」テンプレートにマウスオーバーします。外観が表示されたら、オレンジ色の「チェックマーク」をクリックします。

Select SeedProd page template

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

説明的なURLは、検索エンジンがそのページの内容を理解するのに役立ち、適切なユーザーに表示することができます。

その後、’Save and Start Editing the Page’ボタンをクリックします。

Name new bio link page

テンプレートを選択すると、SeedProdはそのデザインをドラッグ&ドロップエディターで開きます。

右側にページのライブプレビュー、左側にいくつかの設定が表示されます。

SeedProd page editor

Personal Linksテンプレートにはすでにいくつかのブロックが付属しており、これらはすべてSeedProdデザインの核となる部分です。

これらの既製ブロックをカスタマイズするには、レイアウト内のブロックをクリックして選択するだけです。その後、左側のメニューにある設定を使ってブロックをカスタマイズできます。例えば、次の画像では「見出し」ブロックのテキストを変更しています。

Adding a headline block to your link in page

デザインに新しいブロックを追加するには、左側のメニューでブロックを見つけるだけです。そして、レイアウト上にドラッグします。

上記と同じプロセスでブロックをカスタマイズすることができます。

Adding blocks to a link in page

Instagramのバイオリンクページを作成するのだから、メイン画像を削除することから始めよう。

これを行うには、マウスを画像の上にオーバーするだけです。そして、「ゴミ箱」アイコンをクリックし、「はい、削除!」を選択します。

Delete content block

これにより、非常にシンプルなページレイアウトになり、バイオページへのリンクを作成するのに最適です。

次に、ヘッダーをあなたの名前、ブログ、またはビジネス名に置き換えることができます。

リンクの上の短いコピーには、プレースホルダーのテキストを置き換えて、訪問者にフォローを促すための短い経歴と行動喚起を追加するとよいでしょう。プレースホルダーのテキストをクリックし、コンテンツを変更することでこれを行うことができます。

文章力に自信がない場合は、いつでも「AIを編集する」ボタンをクリックしてください。

Editing a text block in SeedProd with AI

その後、ポップアップで「新規プロンプト」をクリックする。

AIコンテンツジェネレータが表示され、AIにあなたのページにふさわしい短い経歴コピーを作成させることができます。

Creating a new content generation prompt with SeedProd AI

あとはプロンプトを入力するだけで、AIが何をジェネレータとして生成すべきかがわかる。

プロンプトはシンプルで、「[X]のバイオページにリンクするために、[X]の略歴を書いてください。それは次の情報をコンテナする必要があります。

Inserting a prompt into SeedProd's AI content generator

完了したら、「テキストをジェネレータ」をクリックするだけだ。

その後、必要に応じてコピーを短くしたり、長くしたり、シンプルにしたり、トーンを変えたりすることができる。

テキストに問題がなければ、「インサーター」をクリックするだけだ。

Inserting the AI-generated text made with SeedProd

ページの上部にロゴを追加するには、左側のメニューからImageブロックをドラッグしてレイアウトにドロップします。

Select image block

それができたら、クリックしてレイアウトの「Image」ブロックを選択します。

次に、左側のメニューから「Use Your Own Image」を選択し、メディアライブラリから画像を選択するか、コンピューターから新しいファイルをアップロードします。手順はWordPressで画像を追加するのと全く同じです。

Upload new image logo

画像を追加したら、左側の設定で画像のサイズや配置などを変更できます。

ホームページやWordPressブログの他のページにリンクを追加することもできます。これを行うには、「リンク」フィールドにアドレスを入力するだけです。

Designing a custom link in bio page using SeedProd

画像を本当に目立たせるには、CSSアニメーションを追加したり、ボックスシャドウを使ったりするとよい。

初期設定では、テンプレートには3つのリンクがあります。カスタマイザー・ホームページや最新のセールスページ、その他の重要なコンテンツなど、あなた自身のコンテンツへのリンクに置き換えてください。

まず、プレースホルダーのURLをクリックして選択します。次に、「リンク」フィールドに新しいURLを入力します。

Adding links to a custom page using SeedProd

これらの設定を使用して、ボタンのテキスト、サイズ、配置などを変更することもできます。ボタンの全体的なデザインを変更したい場合は、先に進んで「テンプレート」をクリックしてください。

ここでは、さまざまなデザインのボタンから選ぶことができる。

Change button templates

ボタンをさらにカスタマイズしたい場合は、「詳細設定」タブをクリックしてください。

ここでは、ボタンのサイズを変更したり、異なる背景色を使用したりすることができます。

Change button color

ステップ6:モバイル版デザインのテスト

インターネット利用統計によると、世界のインターネット人口の90%以上がモバイル端末でインターネットを利用しています。 そのことを考えると、デスクトップコンピューターだけでなく、スマートフォンやタブレット端末に対応したデザインをすることが重要です。

良いニュースは、SeedProdは完全なモバイルレスポンシブなので、作成したページはすべてモバイル端末で美しく表示されるということです。

バイオページのリンクがモバイル端末でどのように表示されるかをプレビューするには、左側のメニューの一番下にある「モバイルプレビュー」ボタンをクリックするだけです。

Creating a mobile-friendly layout

経歴ページの見栄えに満足したら、「保存」をクリックする。

ページを公開するには、「保存」の隣にある矢印をクリックし、「公開する」オプションを選択します。

Publish SeedProd link in bio page

リンク・イン・バイオのページが公開され、すべてのソーシャルメディア・プロフィールにリンクを追加できるようになりました。

LinkTreeのようなサービスは、ページ分析も提供しており、何がうまくいっているかを把握し、改善できるエリアを見つけるのに役立ちます。

これは、バイオページのリンクを微調整したり、そのページの宣伝方法など、他の有効化を意味するかもしれません。こうすることで、ページビューを増やし、直帰率を減らすことができる。

バイオページに独自のリンクを作成する場合は、独自のアナリティクスを追加する必要があります。

MonsterInsightsはWordPress用の最高のGoogleアナリティクスプラグインで、WordPressサイトの統計情報をWordPressダッシュボードに直接表示します。これにより、あなたのリンクインバイオページのパフォーマンスを一目で確認することができます。

The MonsterInsights Google Analytics plugin

バイオページにあるリンクのクリックやボタンのクリックをトラッキングすることもできる。

注: MonsterInsightsには無料版もありますが、より多くのレポートがあり、リアルタイムでアナリティクスを表示できるプロ版を使用します。また、ページインサイトアドオンもあり、特定のページのパフォーマンスを見ることができます。

詳しくは、WordPressにGoogleアナリティクスをインストールする方法のステップバイステップガイドをご覧ください。

MonsterInsightsとGoogleアナリティクスをセットアップしたら、ページインサイトアドオンをインストールする必要があります。WordPress ダッシュボードのInsights ” Addons にアクセスするだけです。

次に「ページインサイト」を見つけ、アドオンをインストールして有効化する。

Add page insights addon

その後、ページ ” すべてのページを開き、作成したバイオページのリンクを見つけます。

ここで、グラフのようなアイコンの「Insights」をクリックする。

Click page insights icon

これにより、直帰率、入口数、ページ滞在時間などを含むページの統計情報が表示されます。

この洞察力を利用して、バイオページへのトラフィックを増やすことができる。

Page insights example data

MonsterInsightsは、このページが空白であっても慌てることはありません。

バイオページへのリンクは、ソーシャルメディアの訪問者があなたの他のプロフィールをチェックしたり、オンラインマーケットプレイスで商品を購入したりするのに便利です。しかし、WordPressはもっと多くのことに使えます!

バイオページへのリンクを拡張し、オンラインプレゼンスを確立する他の方法をご紹介します:

この投稿がWordPressでリンクイン・バイオページを作るのにお役に立てば幸いです。WordPressとMediumの比較や、WordPress移行サービスのエキスパートによるベストセレクションもご覧ください。

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

7件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi

    QUESTION…is there a way to track how many clicks each individual link/button on the link in bio page is getting?
    being able to see that analytics data would be super useful for optimizing which links to feature more prominently.
    awesome tutorial btw :-)

  3. NaNa

    Thank you, it was really helpful. I have already made the link page for two of my sites.

    • WPBeginner Support

      Glad our guide was helpful :)

      管理者

  4. Amit chopra

    This is very useful information for those who do not want to use third-party platforms including me as well.

  5. Jonny

    Nice..it was helpful

返信を残す

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