EC欠品対策｜再入荷通知・代替商品・在庫切れUXの設計

ECの商品が欠品したとき、「在庫切れ」と表示するだけでは、購入意欲のある訪問者をそのまま離脱させてしまいます。 欠品そのものを完全になくすことが難しくても、再入荷通知、別カラー・サイズ、代替商品、入荷予定など、次に取れる行動を商品ページへ用意することはできます。

重要なのは、在庫切れ商品を無理に販売することではありません。 現在買えないことを正確に伝えたうえで、「待つ」「別の商品を選ぶ」「別のバリエーションを見る」という選択肢を分かりやすく提示します。

ECの欠品対策は「在庫を切らさない」だけではない

在庫管理側では、発注点、安全在庫、需要予測などを使って欠品そのものを減らします。

しかし、需要急増、仕入れ遅延、SNSでの拡散、季節変動などによって、欠品を完全に防げないこともあります。

そのとき商品ページで問題になるのが、購入者の次の行動がなくなることです。

EC商品が欠品したときに用意する7つの対策

対策1｜在庫切れをファーストビューで明確に表示する

商品を購入できない場合、購入者がページを開いてすぐ分かるようにします。

確認したいのは次です。

• 「在庫切れ」「売り切れ」など状態が明確
• 購入ボタンが誤って押せない
• カラー・サイズごとの在庫状態が分かる
• 在庫ありバリエーションと欠品バリエーションを区別できる
• 再入荷予定があれば確認できる
• 次に取れる行動が近くに表示されている

サイズ・カラー単位で表示する

商品全体が欠品しているとは限りません。

たとえば、

のような場合、商品ページ全体を「売り切れ」と扱うのではなく、選択肢ごとに状態を伝えます。

対策2｜再入荷通知で「待つ」という選択肢を作る

一時的な欠品で再入荷予定がある商品なら、再入荷通知は有力な選択肢です。

商品ページ上では、購入ボタンの代わりに次のような導線を用意します。

通知登録で分かるようにすること

• 何の商品・バリエーションを登録しているか
• どの方法で通知されるか
• 登録が完了したこと
• 通知＝在庫確保ではないこと
• 必要に応じて配信停止方法

バリエーション単位で登録できると分かりやすい

「ブラックL」が欲しいのに、商品全体の再入荷通知しか登録できないと、ネイビーMの入荷まで通知される可能性があります。

利用しているECシステムで対応できる場合は、商品だけでなくカラー・サイズなど対象バリエーションを明確にします。

再入荷後は購入できるURLへ直接戻す

通知を送る場合は、トップページではなく対象の商品・バリエーションへ戻れる導線を用意します。

購入者に再び商品を探させないことが重要です。

対策3｜別カラー・サイズに在庫があることを伝える

希望したSKUだけが欠品している場合、最初の代替候補は別商品ではなく、同じ商品の別バリエーションです。

たとえば、

• ブラックM → ブラックL
• ブラックM → ネイビーM
• 500ml → 750ml

のような候補です。

在庫ありの選択肢を分かりやすくする

欠品バリエーションを選んだとき、

「在庫がありません」

だけではなく、

「ブラックLは在庫切れです。ブラックM・ネイビーLは現在購入できます」

のように、次の選択肢へ誘導できると分かりやすくなります。

対策4｜代替商品は「似ている」ではなく購入目的で選ぶ

商品全体が欠品している場合は、別商品を候補として提示します。

ただし、同じカテゴリの商品を無作為に並べるだけでは十分ではありません。

代替商品では次を比較します。

代替候補は少数から始める

欠品ページに数十商品を表示すると、商品一覧へ戻ったのと同じ状態になります。

まず購入目的の近い候補を数件に絞り、

• 価格
• 主要な違い
• 在庫あり

が比較できるようにします。

対策5｜再入荷予定は「分かっている範囲」で具体化する

再入荷日が分かる場合は、購入者が待つか代替商品を買うか判断できる情報として表示します。

「近日入荷」だけでは判断しにくい

可能であれば、「近日」「まもなく」だけでなく購入者が待てるか判断できる情報へします。

ただし、自店で確認できない情報まで断定する必要はありません。

対策6｜予約販売・入荷待ち販売を正しく使い分ける

在庫0でも注文を受ける方法がありますが、すべての欠品商品で利用する必要はありません。

商品がまだ発売前なのか、既存商品の再入荷待ちなのかも分けて考えます。

Google Merchant Centerでも、未発売商品を受注する`preorder`と、既存商品が現在欠品しているが入荷後に発送する`backorder`は区別されています。

購入前に伝える情報

• 現在すぐ発送できないこと
• 発送予定時期
• 通常商品と同時注文した場合の発送方法
• 決済タイミング
• キャンセル条件
• 予定変更時の連絡方法

対策7｜一時欠品なら商品ページをすぐ削除しない

再入荷する商品のページを、欠品するたびに削除して新しいURLで作り直す必要はありません。

一時的な欠品なら、商品ページを維持して在庫状況を更新する方法を検討します。

Google Merchant Centerでも、一時的に受注できない商品について商品そのものを削除するのではなく、在庫状況をout_of_stockとして正しく更新する方法が案内されています。

ページを残す場合に表示する内容

• 商品情報
• 在庫切れ表示
• 再入荷通知
• 再入荷予定
• 代替商品
• 別バリエーション

販売終了商品は別に判断する

今後一切販売しない商品と、一時的な欠品商品は同じではありません。

販売終了の場合は、後継商品・代替商品への案内なども含め、ページを維持するかリダイレクトするか個別に判断します。

欠品した商品ページでの表示優先順位

すべての案内を同じ強さで表示すると、かえって迷いやすくなります。

私は次の順番を基本にします。

欠品商品の代替商品カードに表示する情報

「おすすめ商品」より理由を付ける

単に「おすすめ」と表示するより、

• 同じサイズで価格が近い
• 同じ用途で使える
• 後継モデル
• 機能が近い

など、なぜ代替候補なのかを説明できると比較しやすくなります。

EC欠品UXで確認するKPI

欠品ページの改善後は、単純なページ離脱だけでなく、その後の行動を確認します。

欠品理由も在庫改善へ戻す

UXで離脱を減らすだけでなく、欠品が多い商品は在庫管理側へ戻します。

• 販売速度が急増した
• 発注点が低かった
• 仕入れが遅れた
• 在庫差異があった
• 販促予定を発注へ反映できなかった

欠品ページの閲覧数が多いSKUは、次回の発注・安全在庫を見直す候補にもなります。

EC欠品対策・UXチェックリスト

• 欠品状態が商品ページ上部で分かる
• 欠品商品を誤って購入できない
• カラー・サイズ単位で在庫状況が分かる
• 購入可能な別バリエーションを案内している
• 再入荷通知を登録できる
• 通知対象の商品・SKUが分かる
• 通知が在庫確保ではないと分かる
• 再入荷予定が分かる場合は表示している
• 未確定の再入荷日を断定していない
• 代替商品を少数表示している
• 代替商品の在庫を確認している
• 代替理由を説明できる
• 予約と再入荷待ちを区別している
• 入荷待ち注文では発送予定を表示している
• 商品ページと商品フィードの在庫が一致している
• 構造化データの在庫状況も確認している
• 一時欠品商品を無条件に削除していない
• 再入荷通知登録を計測している
• 代替商品クリックを計測している
• 再入荷後の購入まで確認している

EC欠品対策のFAQ

まとめ｜EC欠品対策は「在庫切れの次の行動」を設計する

ECで欠品が起きたとき、商品ページを「売り切れ」で終わらせる必要はありません。

特に重要なのは、「元の商品を待ちたい人」と「今すぐ別の商品を買いたい人」の両方へ選択肢を用意することです。

再入荷通知登録、別バリエーション選択、代替商品クリック、再入荷後購入まで確認し、欠品によって失われている販売機会を分析してください。 そして欠品が繰り返されるSKUは、在庫管理側の発注・安全在庫にも改善結果を戻します。

参考にした公式情報

• Google Merchant Center「在庫状況 [availability]」
• Google Merchant Center「商品データ仕様」
• Shopify Help Center「Selling out of stock products」
• Shopify Help Center「Product recommendations」

在庫切れ時の販売可否、予約・入荷待ち、商品推薦、在庫フィードの仕様は利用するECカート・モールによって異なります。 実装時は利用中サービスの最新仕様を確認してください。