SNS のプロフィール用リンクページの作り方:並び順と見せ方
プロフィールに載せたリンクページは、SNS の投稿を見た人が最初に訪れる、小さな入口です。ここで迷わせてしまうと、せっかく興味を持った人が目的のページにたどり着けません。リンクを並べるだけのページでも、並び順と文言を整えるかどうかで、押される数は大きく変わります。
この記事では、リンクインバイオ(プロフィール用リンクページ)を作るときの考え方を、役割の整理から、並び順、文言、画像、スマホでの見え方、データでの見直しまで順に説明します。ページを作るサービスの選び方は、リンクまとめサービス の記事を参照してください。
リンクページの役割
リンクページの役割は、訪れた人を 1 回のタップで目的の場所へ送ることです。自己紹介の文章を長く載せる場所ではありません。プロフィール欄で興味を持った人は、すでに何かをしたいと思ってページを開いています。
したがって最初に決めるのは、このページで押してほしいリンクはどれかです。たとえば次のように優先順位を付けます。
- 一番成果につながるリンク(商品、予約、申し込み)
- 次に見てほしいリンク(ブログ、動画、ほかの SNS)
- 知っておいてほしいリンク(会社概要、問い合わせ)
優先順位が決まっていないと、どのリンクも同じ重さで並び、押す先を決める手間が見る人に回ります。
リンクの並び順
並び順は、押してほしい順に上から並べるのが原則です。スマホの画面では、最初に見える範囲が数個のボタンだけに限られます。この範囲に最優先のリンクを置きます。
数は多くしすぎない
リンクが 10 個以上並ぶと、探す手間が増えて、全体の押される割合が下がりやすくなります。最初の画面に入るボタンは 3 から 5 個程度に収め、それ以外は下にまとめるか、見出しでグループ分けします。使っていないリンクは非表示にして、定期的に整理します。
期間限定のものは上に置いて期限が来たら外す
キャンペーンやイベントのリンクは、期間中は最上部に置きます。終了後もリンクが残ると、古い情報を見せる原因になります。公開日と終了日をメモしておき、期限が来たら外します。リンク先を差し替えるだけで済むよう、短縮 URL の行き先変更 を使って入口の URL を固定しておく運用も有効です。
ボタンの文言と画像
ボタンの文言は、押したあとに何が起きるかが一目でわかる言葉にします。「こちら」「詳細」のような曖昧な言葉より、「商品を見る」「予約する」「ブログを読む」のように動詞を使います。文言の設計は ボタンの文言 の考え方がそのまま使えます。
| 避けたい文言 | 改善例 |
|---|---|
| こちら | 商品を見る |
| クリック | 予約する |
| リンク | 最新の記事を読む |
| ホームページ | 公式サイトへ |
画像の使い方
アイコンやサムネイル画像は、リンクの種類を直感で伝えるのに役立ちます。ただし、画像が大きすぎると 1 画面に入るボタンが減ります。ボタンと同じ高さに収まる小さなサムネイルから試します。
画像を使うときは、次の点に気を付けます。
- ファイルサイズを小さくする(読み込みの遅延を防ぐ)
- 文字入りの画像は、文字が小さくならないようにする
- 他人の画像や著作物を無断で使わない
- 代替テキストを設定できるサービスなら、内容を簡潔に入力する
プロフィール写真やロゴは、SNS のアイコンと揃えると、同じ人のページだと一目でわかります。
スマホで見やすくする
リンクページは、ほぼスマホで見られます。作ったあとは必ず、自分のスマホで実際に開いて確認します。確認する点は次のとおりです。
ボタンが指で押せる大きさか。隣のボタンと間隔が近すぎないか。文字が小さくて読みにくくないか。背景色と文字色のコントラストは足りているか。画像が読み込まれる前にレイアウトがずれないか。
スマホ向けページの設計 の基本は、そのままリンクページにも当てはまります。1 つの列に縦に並べる構成は、横スクロールを避けられるため、迷いも少なくなります。
アプリ内ブラウザでの表示
Instagram や TikTok からリンクを開くと、アプリ内ブラウザで表示されます。通常のブラウザと表示が少し異なる場合があるので、複数の端末で見え方を確かめます。外部サービスへのログインが必要なリンクは、通常のブラウザで開く案内を添えておくと親切です。
クリックデータで見直す
ページを公開したら、終わりではなく、そこから改善が始まります。見る数字は、ボタンごとのクリック数と、ページ全体の訪問数です。ボタンごとのクリック数を訪問数で割れば、各リンクの押される割合がわかります。
見直しの進め方
押される割合が低い上位のリンクは、文言か画像を変えて様子を見ます。押される割合が高い下位のリンクは、位置を上げます。変更は 1 回につき 1 か所にとどめ、1〜2 週間ほど期間を置いて、結果を比べます。複数を同時に変えると、どの変更が効いたのかがわかりません。
短縮 URL を各ボタンに割り当てておくと、サービスの計測機能に頼らずに クリック数 を自分で確認できます。リンクページを構成するリンクごとに別の短縮 URL を用意し、SNS ごとにも分ければ、どの SNS のどのボタンが押されているかが分かります。
プロフィールの見直しは、フォロワーを増やす取り組みとも関係します。フォロワーを増やす方法 もあわせて確認してください。
よくある失敗
作り込みすぎて更新が止まるのが、最も多い失敗です。凝った装飾やアニメーションは、見た目は良くても読み込みを遅くし、更新の手間も増やします。まずは文字のボタンと小さな画像だけで公開し、数字を見て必要な部分だけを足します。
次に多いのが、古いリンクの放置です。終了したキャンペーンや、削除した記事へのリンクが残っていると、押した人は行き止まりになります。月に 1 回、すべてのボタンを自分で押して確認する日を決めておきます。
もう一つは、すべてのリンクを同じ見た目で並べてしまうことです。最優先のボタンだけ色を変える、幅を広げるなどして差を付けると、迷いが減ります。ただし、目立たせるボタンは 1 つに限ります。強調が複数あると、どれも目立たなくなります。
作成の手順(例)
プロフィール用のリンクページを新しく作る場合の流れを示します。例として、料理のレシピを発信するアカウントを想定します。
- 押してほしい順に、リンクを書き出す。例として「レシピ本の購入ページ」「最新のレシピ記事」「動画チャンネル」「問い合わせ」の 4 つとする。
- 各リンクの文言を動詞で決める。「レシピ本を見る」「新しいレシピを読む」「動画を見る」「問い合わせる」。
- リンクごとに短縮 URL を発行し、ボタンに設定する。
- 自分のスマートフォンで開き、最初の画面に最優先のボタンが入っているかを見る。
- プロフィール欄にリンクを設定し、1 週間後にクリック数を確認する。
この例では、最優先のレシピ本を最上段に置き、最新記事を 2 番目にします。問い合わせは必要な人だけが探すリンクなので、最下段で十分です。
目的別の構成例
アカウントの目的によって、最適な並び順は変わります。
| 目的 | 最上段に置くもの | 補助的に置くもの |
|---|---|---|
| 商品を売る | 商品ページ | 使い方の記事、問い合わせ |
| アフィリエイト | 紹介ページのまとめ | ブログ、他の SNS |
| イベントの集客 | 申し込みページ | 過去の開催の様子 |
| 発信者の紹介 | 代表的な作品や記事 | 連絡先、他の SNS |
アフィリエイトで紹介するリンクを置く場合は、広告であることが分かる表示を添えてください。広告表示のルールは、リンクページにも当てはまります。
見た目を整えるときの目安
- 背景と文字の色は、明るさの差を大きくして読みやすくする。
- 1 つのページで使う色は、背景、文字、強調の 3 色程度に抑える。
- ボタンの幅と高さは揃え、角丸の大きさも統一する。
- 余白を十分に取り、指で押し間違えないようにする。
- ページを開いてから 3 秒以内に表示が完了するように、画像は軽くする。
見た目は個性を出すより、読みやすさを優先します。ブランドの色やロゴがある場合は、それに合わせて統一すると、プロフィールとの一体感が出ます。
運用を続けるための習慣
リンクページは、作ったあとに放置されがちです。更新を続けるために、次の習慣を決めておきます。
- 月初に、全リンクを自分で押して、リンク切れがないかを確認する。
- 月末に、クリック数の少ないリンクを見直す。
- 新しい投稿で紹介した内容は、1 週間以内にリンクページへ反映する。
- 終了したキャンペーンは、期限の当日に外す。
短縮 URL の行き先を差し替える方法を使えば、リンクページ自体は編集せずに、遷移先だけを変えられます。更新の手間を減らす方法として、覚えておくと役に立ちます。
まとめ
リンクページの目的は、訪れた人を 1 回のタップで目的の場所へ送ることです。押してほしい順に上から並べ、最初の画面に入るボタンは 3 から 5 個に絞ります。ボタンには動詞を使った具体的な文言を付け、画像は軽く小さくします。公開後はボタンごとのクリックを見て、1 回に 1 か所ずつ見直します。
Boostlink では、リンクごとに短縮 URL を作ってクリック数を確認でき、LP としてプロフィール用のページも作れます。独自ドメインにも対応しているので、自分の名前の URL でプロフィールを運用できます。
発信の土台になるアカウントをすでに育った状態から始めたい場合は、Boostshop での SNS アカウントの購入も選択肢になります。