ヤフーショッピングでページ作成をするポイント7選

トップページの重要性

Yahooショッピングなどモールの運営をする上で非常に大事になってくるのは、トップページや共通ヘッダー、レフトナビなど、いわゆるページ制作と呼ばれる部分です。

もっともアクセスが集まるところは商品ページのため、転換率の高いLPを作ることに注力をしがちですが、転換率には限界があります。100人アクセスをしてきて、100人が購入してくれることはないため、大多数の人は離脱をしてしまいます。

そのため、大切なのは商品ページから離脱をしようと考えているユーザーさんに、自店舗内で次の商品を提案し回遊できる構造があることです。それを可能にするために、トップページ、レフトナビ、共通部分などを構築していく必要があります。

 

ページ制作をする上で大切なポイント7選

ヤフーショッピングでページを作成する際に大事なポイントは全部で7つです。
弊社が制作をした際に利用をしたTOPページのワイヤーフレームを例にご説明します。

ヤフーショッピングのページ例

 

1, 看板

看板にはお店のロゴ、どんなお店か分かるキャッチコピー、お問合せ先、会社概要ページへのリンクなどを入れましょう。作り込む必要はそこまでありませんが、サイトの雰囲気を伝える上では非常に大事な部分です。また、ユーザーさんが疑問を持った際にすぐに問い合わせができるように、看板に電話番号を入れておくのも有効な方法です。

看板の編集方法

ストア構築>ストアデザイン>ヘッダー・看板>看板パーツから編集

 

2, 共通ヘッダー

共通ヘッダーとは、どの商品ページやカテゴリページを見ても上部にくっついてきて共通で表示をされる部分です。なおかつ1番上にあるため、お客様にとってもかなり目立つものとなります。入れるべきオススメの内容としては、

・今売り出したいトレンドアイテムや季節商材
・セール対象商品などを集めたアウトレットセール
・店内の人気商品を集めたカテゴリページ
・各商品カテゴリに飛べる、バナー

これらが挙げられます。

特に、型番商品をお持ちの会社様は各ブランドカテゴリに遷移するバナーを設置すると、回遊性が非常に良くなります。例としてあげた上記の画像における「Brand」というのがそれに当てはまります。

共通ヘッダーの編集方法

ストア構築>ストアデザイン>ヘッダー・看板>ストアサービスパーツから編集

 

3, メインコンテンツ

メインコンテンツは、Yahooのストアトップページにのみ表示をされる部分です。

商品ページが最もアクセスが取れるページになりますが、そこに入ってきたお客様が店舗トップページに戻った際に、1番目立つのがメインコンテンツとなります。

メインコンテンツには、売り出したい商品を2カラムにして計6枚〜8枚ほどのバナーで表示するのがオススメです。

メインコンテンツの編集方法

ストア構築>ストアデザイン>トップページ>フリースペース1(フリースペース2)で編集

 

4, レフトキャンペーンバナー

レフトキャンペーンバナーには、Yahoo!ショッピングが主催するウルトラセールや5のつく日などのバナーを毎日更新してお客様に告知をすることで、転換率を上げる狙いがあります。レフトナビにおいても一番上が最も目立ちやすく、お客様の目に触れるので、日々どんなキャンペーンをヤフーが行っているのか確認して、毎朝更新をするようにしましょう。また、レフトナビ最上段に画像を持ってくることで、コーディングをする際の表示崩れをおきにくくする狙いもあります。楽天なども同様に、お買い物マラソンや5倍DAYなどのバナーを入れているお店様も非常に多いです。

レフトキャンペーンバナーの編集方法

ストア構築>ストアデザイン>サイドナビ>フリースペース1を編集

 

5, レフトナビ

レフトナビは、お客様がページをスクロールしてみている時に、左にずっと表示される部分です。ページをスクロールしている最中に、「この商品じゃないな…」と思っても、レフトナビがあることによって、他の商品や、カテゴリに回遊をすることが容易になります。

オススメのコンテンツは、カテゴリ一覧です。カテゴリもただ単純に商品のカテゴリを並べるだけでなく、商品用途別のカテゴリを設けたり、送料無料や3,000円以下のカテゴリを横断的に設けることで、さらに回遊を促すことができます。

 

レフトナビの編集方法

ストア構築>ストアデザイン>サイドナビ>ストア内商品カテゴリパーツを編集

 

6, ランキングパーツ

ヤフーショッピングのトップページにオススメ商品や売れ筋のランキングを掲載することもお客様にとって分かりやすく、大事なコンテンツとなります。商品ページではなく、トップページを見ているユーザー様は、どの商品を買いたいか、まだまだ迷っている段階の方が多いため、ランキングは非常に参考になります。

ランキングパーツの編集方法

ストア構築>ストアデザイン>トップページ>おすすめ商品から編集

 

7, 共通フッター

共通フッターは、共通ヘッダーと同じく、全ページの下部に共通で設置されるものです。お客様が購入をされる際に疑問に思うようなことを事前に共通フッターに入れておきましょう。具体的には、

・送料(地域別も)
・決済方法について
・営業時間帯について
・問い合わせについて

など、インフォメーションを掲載しましょう。

 

共通フッターの編集方法

サイト構築>ストアデザイン>フッター>インフォメーションパーツから編集

 

ヤフーショッピングでページ作成をするための7つのポイントについてお伝えをしました。

このポイントを抑えてご自身でページを作成することはもちろん可能です。
ですが、画像の制作やコーディングは思った以上に時間がかかるものです。制作にかける時間がかかればかかるほど、販売の機会損失になってしまいますので、ぜひ一度外部委託も考慮してみてください。

当社では、ヤフーのトップページデザインを10万円からお受けしております。ご興味のある方は無料お問い合わせフォームよりご連絡をください。

お名前(必須)
会社名(必須)(個人の方は個人名を入力してください)
ご住所
メールアドレス(必須)
電話番号(必須)
ショップURL複数お持ちの場合は全て入力をお願いします。これから出店される場合には空欄で結構です。


お問い合わせ内容(必須)
お問い合わせ内容の詳細をご記入ください(必須)

担当者より2営業日以内にご連絡をさせていただきますので、しばらくお待ちください。

お取引先様一覧(一部) -多くのお客様に弊社サービスを導入頂いております-

楽天 Amazon Yahoo

ユーグレナ・オンライン様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10 Wowma!

チャップアップ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10 Wowma!

クリアネオ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo

ベルタ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10 Wowma!

ブレスマイル様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10

アクセサリー ジュエルVOX 様

運営代行、コンサルをさせて頂いております。

楽天 Yahoo Qoo10

セレクトショップMOMO様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10

美マルシェ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Yahoo Qoo10

プロ愛用ジェルネイル通販ジェルネ様

運営代行、コンサル、各種製作をさせて頂いております。

楽天

出島オンライン様

運営代行、コンサルをさせて頂いております。

楽天

スタイリンカー様

運営代行、コンサルをさせて頂いております。

Qoo10

ル・フタール様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Amazon Yahoo Qoo10

Smart Beam Laser正規代理店 MONCHUA様

運営代行、コンサル、各種製作をさせて頂いております。

楽天 Yahoo 製作

ヘアケアラボ様

コンサル、各種制作をさせて頂いております。

自社サイト

VENOSAN SHOP様

運営代行、コンサル、各種製作をさせて頂いております。

オウンドメディア

MUKUMI 様

オウンドメディアの構築、コンサルをさせて頂いております。

Qoo10

弾性ストッキングファクトリー様

運営代行、コンサル、各種製作をさせて頂いております。

制作 広告運用

東京血管外科クリニック様・ハンドベイン(手の血管)手術

広告運用代行、コンサル、各種製作をさせて頂いております。

制作

メンズスタイル様

同梱冊子の製作をさせて頂きました。

製作 広告運用

東京血管外科クリニック様・下肢静脈瘤手術

広告運用代行、コンサル、各種製作をさせて頂いております。

楽天 Yahoo 製作

ヘアケアプラス様

コンサル、各種制作をさせて頂いております。

楽天 Qoo10

Hera-Witch様

運営代行、コンサルをさせて頂いております。

楽天 Yahoo

フラコスメ様

運営代行、コンサル、各種製作をさせて頂いております。

オウンドメディア

beauty air様

オウンドメディアの構築、コンサルをさせて頂きました。

制作

株式会社ペンギントレード様

コーポレートサイトの制作をさせて頂きました。

オウンドメディア

ブランド図鑑.com 様

オウンドメディアの構築、コンサルをさせて頂きました。

製作

こころ卓球様

商品ページの製作をさせて頂きました。

制作

株式会社メディソリーゾ様

商品ページの製作をさせて頂きました。

オウンドメディア

住宅ローンSOS様

オウンドメディアの構築、コンサルをさせて頂いております。

制作

マハロネイルサロン 様

HPや販促チラシなどの製作をさせて頂きました。

制作

マハロヌイロア 様

HPや販促チラシなどの製作をさせて頂きました。

製作

アトリエKT-2様

HPや販促チラシなどの製作をさせて頂きました。

制作 Qoo10

海外ブランドならサウスコースト 様

運営代行、コンサル、各種制作をさせて頂いております。

Amazon Yahoo 制作 Qoo10

レディースシューズ ALETTA(アレッタ)様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 制作

美甘麗茶 楽天市場支店様

運営代行、コンサル、各種制作をさせて頂いております。

楽天 制作

palclair楽天市場支店様

運営代行、コンサル、各種制作をさせて頂いております。

楽天

靴ネット通販コア様

コンサルティングをさせていただいております。

SNS

SHOEZOO様

インスタグラムの運用をさせて頂いております。

楽天 Yahoo 製作

ヘアケアフェスタ様

コンサル、各種制作をさせて頂いております。

製作

カジヤ様

各種制作をさせて頂いております。

その他サービス