コンバージョン率の高いリンクインバイオページの構造

スクロールの途中で、誰かがあなたのプロフィールリンクをタップします。スマートフォンの明るさは40%、親指はすでに戻るボタンへ向かいかけています。その人はあなたのページを読んでいるのではありません。注文前にメニューボードをざっと見るように、ページをスキャンしています。最初の一瞬で、視線は決まった順番に動きます。上部の画像、画像の前にある小さな円、その下の最初のテキストブロック、そして下に並ぶリストです。それぞれの場所で疑問に答えられれば、訪問者は先へ進みます。どこか一つでも意味がわからなければ、商品名を見る前に離れてしまいます。store.fan/usernameページは、リンクの一覧ではありません。訪問者の視線が動く順番に積み重ねた、5つの意思決定ポイントです。装飾ではなく、建築のように組み立てましょう。

第1層：カバー写真は、誰かが一言読む前にページの雰囲気を決める

カバー写真はヘッダーの背景に表示される横幅いっぱいの画像で、訪問者が名前やプロフィール文、商品を一つでも認識する前に役割を果たします。写真が答えるのは、声にならない一つの問いです。私はどんな世界に足を踏み入れるのか。ぼやけたスマートフォンのスクリーンショット、引き伸ばしたロゴ、古いカンファレンスの名札写真では、その問いにうまく答えられません。

• 横長の写真を撮るか選びましょう。デスクに向かう自分、使っている商品、最新動画の一場面など、実際の瞬間が伝わるものにします。スライド資料から抜き出したグラフィックは避けます。
• 分野に合わせて色温度を選びます。ライフスタイルやコーチングなら暖かく黄金色に、テクノロジーや生産性なら涼しげで鮮明に、フィットネスやゲームならコントラストを強めます。
• 画像に文字を埋め込んだ情報量の多いカバーは避けましょう。訪問者には、数ピクセル下に読むべき名前とプロフィール文がすでにあります。

第2層：アバターはロゴ枠ではなく、信頼のシグナル

カバーの前に表示されるアバターは小さく、画面の15%ほどしか占めないかもしれません。それでも存在感は大きくなります。見知らぬ人がページ上で実在する人間の顔を見られる唯一の場所だからです。明るく撮った実際の顔を円形のアバターに使ったストアフロントは、ロゴやぼやけた集合写真を使ったものより、一貫して信頼できそうに見えます。オファーが個人的であるほど、この違いは重要です。1:1のコーチングや「あなた」からの講座には顔が必要です。テンプレートパックなら、もう少しブランド寄りでも構いませんが、それでも顔のほうが効果的です。カバーとアバターは似た照明とトーンに揃えましょう。そうすれば、ヘッダー全体が無関係な画像を2つ並べたものではなく、意図を持って設計された一つのまとまりに見えます。多くのクリエイターが飛ばす、5分でできる調整です。

第3層：名前とプロフィール文は、1行で役割を果たす必要がある

視線がアバターに着いた直後、表示名とプロフィール文へ移ります。訪問者が商品に到達する前に、純粋なテキストで伝えられるのはここだけです。自己紹介ではなく、見出しとして機能させましょう。「私のページへようこそ」や職種だけの表示は避けます。あなたをまったく知らない人でも2秒で理解できる形で、得られる変化やカテゴリーを示してください。

• 弱い例：「Sarah | コンテンツクリエイター」——あなたの説明であって、訪問者が得られるものを説明していません。
• 強い例：「新米コーチが最初の10人のクライアントを獲得できるよう支援します。下にテンプレートと相談枠があります」——成果を示し、次に何があるかも伝えています。
• 複数の読者層に向けているなら、ここではより大きな読者層を選びましょう。2つ目の読者層には、下のほうに置くテキストブロックで語りかけられます。

第4層：商品の順番は、ページ上で最も効果の大きい判断

ヘッダーの下には、訪問者が実際に見に来たものがあります。ただし、商品を並べる順番は、商品そのものと同じくらい成果を左右します。視線は上から下へ動きます。多くの訪問者は最初の2〜3枚のカードを見て、このページに注意を向ける価値があるかを判断します。だからこそ、一番強いオファーは購入意欲の低い商品に埋もれさせず、最上部に置きます。

1. 1ベストセラーか主力オファーを先頭に置く——最も確かな実績、明確な成果、または実際に売りたい最高価格の商品を選びます。今月の最優先事項がリスト作りでない限り、無料のリードマグネットから始めないでください。
2. 2無料のリードマグネットは2番目か3番目に置き、最下部には埋め込まない——まだ購入する準備ができていない訪問者にも、後でリストにつながる、簡単に選べるものを用意します。
3. 3似た価格帯の商品をまとめることで、ページが雑然としたガレージセールのように見えるのを防ぎます。間に何もない状態で$9のテンプレートと$900のパッケージを並べると、高級感ではなく整理不足に見えます。
4. 4古くなった商品は終了するか順番を変える——数週間売れていないなら、価格設定か見せ方が合っていないか、より新しい商品を目立たせるために下げるタイミングです。

ページの最上部の商品は、単に一番いいオファーというだけではありません。初めてあなたを見るすべての訪問者が目にする商品なので、見知らぬ人にも伝わる必要があります。— store.fanチーム

ここでレイアウトの選択が効果を発揮します。Spotlightレイアウトは、他の商品より上に主力商品を一つ配置します。すべての訪問者に最初に見てほしい主力講座やバンドルが一つある場合に適しています。GridやBentoレイアウトは複数の商品を同等に扱います。3つ以上の商品を似た価格帯で販売していて、どれか一つを付け足しのように見せたくない場合に向いています。

第5層：コンテンツブロックは、商品カードで答えられない疑問を解消する

訪問者が商品を通り過ぎる頃には、すでに「購入」をタップしたか、具体的な疑問を抱えてためらっています。自分にも効果があるのか、返金できるのか、このクリエイターは本当に信頼できるのか。商品カードだけでは、こうした疑問に答えられません。そのために商品下部のコンテンツブロックがあり、置く順番も重要です。

• 最上部の商品直下に置く推薦コメントは、自分で書いた説明文をもう1段落追加するよりもコンバージョンに貢献します。購入者は、クリエイター自身の説明より他の購入者の言葉をはるかに信頼します。名前付きの短い引用が2〜3件あるだけでも、何もないより効果的です。
• FAQは次に置き、そうでなければ受信トレイに届く疑問を対象にします。返金ポリシー、ファイル形式、アクセスできる期間、初心者向けかどうかなどです。
• テキストブロックは、プロフィール文に入れられなかった背景を補足する短い「私について」として機能します。信頼をもう一段積み重ねる必要がある、高価格帯のコーチングや講座では特に有効です。
• 告知ブロックはこの並びの上部に置きます。ただし、販売期間、コホートの開始日、期間限定の割引コードなど、本当に期限のある情報がある場合だけにします。中身のない「続報をお待ちください」という表示は、信頼を築くどころか損ないます。

全体の流れをつなげる

自分に初めて会う人になったつもりで、ページを上から下まで見直しましょう。カバー写真は1秒以内に雰囲気を伝えていますか。アバターは実在する人に見えますか。プロフィール文は職種ではなく成果を示していますか。最も強いオファーが、訪問者の最初の目に入っていますか。コンテンツブロックは、見知らぬ人が実際に抱く疑問に、適切な順番で答えていますか。

この5つの層を整えるために、全面的なリデザインは必要ありません。多くはストアデザイナーでそれぞれ15分ほどあれば調整でき、公開前にすべての変更をリアルタイムで確認できます。コンバージョンの高いクリエイターは、最も凝ったテーマを使っている人ではありません。訪問者がそのスクロール位置で無意識に抱く疑問への、意図的な答えとして各層を扱っている人です。3秒は長くありません。それでも、土台の構成が役割を果たしていれば十分です。