Yahoo!ショッピングでは、多くのユーザーが検索結果から直接商品ページに訪れます。そのため、商品ページ自体がランディングページとなり、そのページの作りが転換率を大きく左右します。ページ内にストア内回遊導線を設置しておくと、希望のサイズや色がなかったユーザーに対しても、店舗内の別商品を案内でき、ストア内の回遊性を高めることにつながります。この記事では、回遊導線の考え方と、具体的な設置方法を解説します。
回遊導線とは？ユーザーの離脱を防ぐ仕組み
回遊導線とは、訪問者が1つの商品ページから店舗内の別の商品ページへ移動できるようにする仕組みのことです。
Yahoo!ショッピングの商品ページは、検索結果からそのまま訪れるユーザーが多いため、ページ内に他の商品への案内がないと、欲しい条件に合わなかった時点でそのまま検索結果に戻り、他店舗の商品を探されてしまいます。たとえば、希望するサイズやカラーの在庫がない場合、回遊導線がなければユーザーはそのまま離脱してしまいますが、類似商品や他のバリエーションへの案内があれば、店舗内にとどまってもらえる可能性が高まります。
回遊導線を設置する目的は、離脱を防ぎながら店舗内で購入につなげることです。まずは自店の売れ筋商品ページに、他の商品への案内があるかを確認してみましょう。
どんな商品を導線として設置するか
回遊導線として設置する商品は、閲覧中の商品と関連性が高いものを優先することが基本です。
具体的には、同じカテゴリの類似商品や関連商品、一緒に購入されることの多い商品、セール対象品やポイント加算対象の商品、ギフトラッピングに対応した商品などが挙げられます。たとえば、洋服のページであれば同じデザインの色違いやサイズ違い、食品のページであれば一緒に食べられる商品や詰め合わせセットを案内すると、ユーザーの興味を引きやすくなります。
閲覧中の商品とまったく関係のない商品を並べても、クリックされる可能性は低くなります。「今見ている商品を買おうとしている人が、次に欲しくなりそうな商品は何か」という視点で選ぶことが実践のポイントです。
導線を置く場所とスマホ表示での注意点
回遊導線は、ユーザーの目に留まりやすい位置に設置することが効果的です。商品説明文を読み進める前や、購入ボタンを押す直前など、ユーザーが離脱しやすいタイミングの近くに導線を配置すると効果が出やすくなります。
Yahoo!ショッピングを利用するユーザーの多くはスマートフォンから訪れるため、パソコン画面のようにヘッダーやサイドナビが常に表示されるわけではありません。スマートフォン表示では、ページ内の導線がより重要になります。設置方法の一つとして、スマートフォン用フリースペースの活用が挙げられます。スマートフォン用フリースペースを活用すると、アプリ版スマートフォンページの「商品」タブの隣にある「詳細」タブのページに情報を掲載できます。商品説明で書ききれなかった情報に加えて、セールバナーや関連商品へのリンクを設定することで、ストア内の回遊性を高められると案内されています。
よくある失敗は、パソコン画面での見え方だけを確認し、スマートフォン画面で導線がどこに表示されるかを確認していないことです。商品ページを作成したら、必ずスマートフォン表示で導線の見え方を確認しましょう。
商品ページ改善でよくある失敗
商品ページ改善でよくある失敗は、回遊導線を一度設置したまま、その後の効果を確認しないことです。
季節が変わっても同じ商品を案内し続けていたり、在庫切れの商品への導線を残したままにしていたりすると、クリックされてもユーザーをがっかりさせてしまいます。また、導線を増やしすぎて商品ページ自体が縦に長くなりすぎ、本来の商品説明が埋もれてしまうケースもあります。
対策としては、季節や在庫状況に合わせて導線先の商品を定期的に見直すこと、導線の数を増やしすぎず、ページ全体の見やすさとのバランスを保つことが実践のポイントです。設置後は、ページビュー数や転換率の変化を確認し、効果が出ているかを検証しましょう。
まとめ
Yahoo!ショッピングで転換率を上げるには、商品ページにストア内回遊導線を設置し、ユーザーの離脱を防ぐことが有効です。閲覧中の商品と関連性の高い商品を選び、スマートフォン表示でも見やすい位置に配置することで、店舗内での購入につなげやすくなります。まずは自店の売れ筋商品ページに、他の商品への案内があるかを確認してみてください。
回遊導線の設計や商品ページの改善に迷う場合は、お問い合わせください。商品ページの現状を確認したうえで、具体的な改善策をご提案します。
Yahoo!ショッピング運用の教育ツールとしても活用可能！
ノウハウを社内で共有し、チームの底上げをサポート
あわせて読みたい記事
-
Yahoo!ショッピングで選ばれる商品画像とは？魅力を伝える見せ方
転換率アップの航海術
-
ランキング情報で商品ページの安心感を高める！購入を後押しする見せ方
転換率アップの航海術
-
Yahoo!ショッピングで購入前に見られる情報とは？整えるべきコンテンツ
転換率アップの航海術
-
Yahoo!ショッピングで型番商品を売るには？価格競争を避ける訴求のコツ
転換率アップの航海術
-
写真がなくても商品ページを充実！Yahoo!ショッピングのコンテンツ作成法
転換率アップの航海術
-
Yahoo!ショッピングのギフトページ改善！選ばれるために必要な情報
転換率アップの航海術
-
転換率アップにつながるユーザーベネフィットとは？商品訴求への活かし方
転換率アップの航海術
-
Yahoo!ショッピングの商品説明文を改善！伝わる文章の作り方
転換率アップの航海術
-
Yahoo!ショッピングの商品動画活用法！購入を後押しする見せ方
転換率アップの航海術
-
Yahoo!ショッピング『AIお買い物メモ』とは？目的買いに対応する商品ページ改善
転換率アップの航海術
-
Yahoo!ショッピングの商品検索導線とは？商品を探しやすくする設置方法
転換率アップの航海術
-
生成AI時代の商品説明文とは？Yahoo!ショッピングで伝わる書き方
転換率アップの航海術
-
Yahoo!ショッピングのボーナスストアPlus対策！商品ページと導線の整え方
転換率アップの航海術
