成約につながるブロック順:store.fanページのレイアウト設計ガイド

追加するコンテンツブロックの内容よりも、積み重ねる順番のほうが重要です。売上上位のクリエイターが実践する順序を紹介します。

2026/5/11 · 8 分で読めます

The Block Order That Converts: A Layout Playbook for Your store.fan Page

store.fanページにまったく同じブロックを配置しているクリエイターが2人いるとします。同じお客様の声、同じFAQ、同じ商品カード、同じ告知バー。それでも、一方の成約率がもう一方の3倍になることがあります。その差は、より優れたコピーや見栄えのよいテーマによるものとは限りません。ほとんどの場合、違いを生むのは順序です。リンクインバイオページでは、訪問者の注意力が急速に落ちていきます。最初の3ブロックが説得の大部分を担い、それ以降は、すでに半分納得している人のための仕上げになります。多くのクリエイターは、思いついた順にブロックを追加してページを作ります。ここに商品、あそこに自己紹介、集められたときにお客様の声。売上上位のクリエイターは、代わりにページをファネルとして設計します。各ブロックに1つの役割を持たせ、その役割を最大限に果たせる位置に配置するのです。

ブロックの種類ではなく、ファネルの段階で考える

store.fanページを訪れる人は誰でも、小さく圧縮されたファネルのどこかにいます。認知(これは誰か?)、興味(何を販売しているのか?)、信頼(信じてよいのか?)、行動(今すぐ買うべきか?)です。コンテンツブロックはページに散りばめる飾りではありません。それぞれが、この4段階のうち1つの問いに答えます。ところが、多くの初心者はブロック単位でページを設計します。誰かがようやく送ってくれたからお客様の声を追加し、商品が完成したから掲載し、顧客から質問のメールが来たからFAQを追加するのです。メールで届いた順に積み重ねると、信頼、興味、行動、信頼というように、問いに答える順番がばらばらになります。混乱した訪問者は、そのまま離脱します。

解決策は、まず各ブロックをファネルの段階に割り当て、その後、作成した順ではなく段階の順にページを並べることです。この1つの転換が、設計の基本すべてです。以下では、他の順序よりも安定して成果を出している具体的な配置を紹介します。

ランダムに積むより成果が出る5つの枠

以下が、各枠の順番と、その位置に置く理由です。

枠ブロックの種類役割
1ヘッダー(カバー+アバター+プロフィール文)興味喚起:このページはスクロールする価値があると一目で伝える
2主力商品のカード興味:購入意欲の最も高い商品を何より先に見せる
3お客様の声/ソーシャルプルーフ信頼:もう一度購入を促す前に、他の購入者から推薦してもらう
4その他の商品+無料のリードマグネット枠2に進む準備ができていない訪問者にも選択肢を広げる
5緊急性/告知+FAQ行動:最後の疑問を解消し、今行動する理由を加える

枠1 — 興味を引くブロックの役割は、スクロールさせること

カバー写真、アバター、プロフィール文は自己紹介ではなく、訪問者をふるいにかける要素です。訪問者は2秒未満で、このページをさらにスクロールする価値があるか判断します。だから、「ようこそ」ではなく、誰のためのページなのか、何を得られるのかを伝える必要があります。まだこの部分を調整中なら、ストアデザイナーで変更をリアルタイムにプレビューできます。推測だけで弱いフックを公開する理由はありません。

枠2 — 最も売りたい商品を、最も簡単に売れる商品より先に置く

これはページ上で最も影響の大きい判断であり、多くの販売者が逆にしてしまう部分です。無料ダウンロードから始めるのは、最も安全な提案に感じるからです。しかし、有料コースにたどり着くまでに3つの無料コンテンツを見た訪問者は、あなたをすでに「無料のものを配る人」と認識しています。最も主力で、成約率の高い有料商品を最初に置きましょう。まだどれが主力かわからない場合は、最も確かな実績があるもの、または利用前後の変化を最も明確に示せるものを確認し、売上データが別の答えを示すまでそれを先頭に置きます。

枠3 — ソーシャルプルーフはページ下部ではなく、提案の直後に置く

主力商品のすぐ下に置いたお客様の声は、ページ最下部に置いたまったく同じお客様の声よりも大きな効果を発揮します。価格を見て迷い始めた、その瞬間に生まれる疑問へ答えられるからです。商品を見ても購入しなかった訪問者は、すでに「これは本当に効果があるのか?」と考えています。4回もスクロールした後ではなく、すぐに答えましょう。

枠4 — 主力商品で成約しなかった人を受け止める

すべての訪問者が、今日すぐに主力商品を買う準備ができているわけではありません。それで問題ありません。この枠は、その人たちのためにあります。低価格の商品、バンドル、無料のリードマグネットを、「まだ準備ができていないなら、ここから始めよう」という選択肢として配置します。特定のキャンペーンに紐づけた割引コードをここで使うのも効果的です。購入を迷っている人の背中を静かに押しながら、購入意欲の高い訪問者に最も力を注ぐ枠を散らかさずに済みます。

枠5 — 緊急性とFAQで最後まで導く

本物の緊急性、たとえばコホートの開始日、期間限定の割引、深夜0時に終了する特典は、ページの終盤、FAQの直前またはFAQに組み込んで配置します。これは決断前の最後の後押しであり、見知らぬ人が最初に目にするものではないからです。「最新情報をお楽しみに!」のように時間的な期限のない告知ブロックは、信頼を損ないます。この枠は、背後に本当の理由があるときだけ使いましょう。FAQでは、他の要素で答えきれなかった疑問を解消します。返金ポリシー、ファイル形式、アクセス期間、初心者でも使えるかどうかなどです。

ページは、販売するものの一覧ではありません。ブロックを1つずつ見ながらスクロールを続けるか決めている見知らぬ人との会話です。各ブロックはその会話を前に進めるか、止めるかのどちらかです。— store.fanチーム

今日できる簡単なチェック

5分でできるブロック順チェック

0/6

新しいコンテンツは必要ありません。ほとんどのクリエイターは必要なブロックをすでに持っています。ただ、訪問者の注意が実際に進む順序ではなく、作成した順に積んでいるだけです。ストアデザイナーで既存のブロックを並べ替えるのにかかる時間は数分です。変更はリアルタイムでプレビューできるため、新しい順序を1週間試し、ページの売上に何が起きるかを確認してから採用できます。この配置を抽象的な説明ではなく実際に確認したいなら、実例のストアで、実際のページにフック、実績、提案、緊急性の順序がどのように使われているかを見ることができます。

気にしているプラットフォーム手数料より、順番が重要な理由

ページの順序を決める前に、プランや手数料体系の比較に時間を使いたくなるかもしれません。しかし、成約率1%のページは、手数料0%のプランでも、手頃な料金のプランで成約率4%を出すページほど稼げません。まずファネルを整えましょう。Store.Fanの有料プランでは、標準的な決済処理手数料を除き、プラットフォーム手数料は0円です。ブロックの順序で実際に成約できるようになれば、売上のより多くがStripeやPayPal経由で直接アカウントに入ります。別のウォレットも、出金の遅延もありません。まずページの順番を決め、その後でプランを最適化しましょう。

いいえ。5つの枠は、すべて埋めなければならないチェックリストではなく、基本の型です。強いフック、主力商品1つ、お客様の声1つを正しい順番に置いたページのほうが、10個のブロックをランダムに積んだページより高い成約率を得られます。

1つを無理に「主力商品」に選ぶのではなく、枠2でまとめて配置しましょう。グリッドレイアウトで同等の商品として見せれば、前後の順序に関する原則はそのまま適用できます。

いいえ。緊急性は、本物で期限があるときにだけ機能します。実際のローンチや割引期間中に表示し、それ以外は削除しましょう。そうしないと、訪問者は無視するようになります。

新商品をローンチしたときや、既存商品の売上が落ちてきたときに見直しましょう。特定のブロックの動作がわからない場合は、よくある質問を確認するか、レイアウトについて別の意見が必要ならサポートに問い合わせることもできます。

はい。商品が1つなら、さらに簡単です。最初にフック、2番目に商品、3番目に手元にあるお客様の声や実績を置きます。商品が増えたら、さらに枠を追加できます。

この順序を自分のページで試してみませんか?

無料で始める

成長しても、この基本の設計は大きく変わりません。変わるのは、各枠に入る商品の数です。一度正しい順序を作れば、その後に追加する新商品やキャンペーンにも、入れるべき場所が自然に決まります。このような施策をさらに知りたいなら、ブログで、価格設定の心理からメール配信の頻度まで、ストアフロントに関する情報を紹介しています。目的はすべて同じです。見知らぬ人が通り過ぎるページを、実際に購入してもらえるページに変えることです。

あなたのストアを、ひとつのリンクに

デジタル商品・講座・コーチング・コミュニティをプロフィールから販売。手数料0%。

続けて読む