【ヤフショ５分講座】Yahoo!ショッピングストア構築の方法

◯サイズ設定

width:1175px の 1175 の部分に関しましては先ほど設定したストアの横幅を設定してくだ さい。
height:280px の 280 の部分に関しましては作成したバナーの縦のサイズを測りその数字を 入れて下さい。

◯リンク先の設定

<a href=”リンク先 URL“>に関してはこのバナーをクリックした場合に飛ばしたいページ の URL を入れて下さい。
もしどこにも飛ばしたくない場合は、下記のソースの様に URL の部分を消してこの様に作 成して頂ければ大丈夫です。

<div style＝”width:1175px;height:280px;”>
<img src＝”ストアクリエイタプロで登録した画像 URL” border=”0″ alt=”写真の名前”></a>
</div>

◯バナーの入力

<img src＝”ストアクリエイタプロで登録した画像 URL” border=”0″ alt=”写真の名前”></a>
</div>

こちらにはストアクリエイタプロの画像登録で登録した際の URL を入力してください。

この様に同じ内容のソースを2つ続けていけば挿入しますと、この様に 2 つバナーが並びます。

ここで画像 URL を変えれば違う画像が入ります。

<div style＝”width:1175px;height:280px;”>

<a href＝”リンク先 URL“>
<img src＝”ストアクリエイタプロで登録した画像 URL” border=”0″ alt=”写真の名前”></a>
</div>

<div style＝”width:1175px;height:280px;”>

<a href＝”リンク先 URL“>
<img src＝”ストアクリエイタプロで登録した画像 URL” border=”0″ alt=”写真の名前”></a>
</div>

こちらを反映させるとこの様になります。

 

ヘッダー設定後の流れ

これを設定していくんですが、設定する場所は
ストアデザインのストアデザインメニューの
『ヘッダー・看板』をクリックして下さい。
そうしますとこういった画面ができます。
こちらの画面の『看板』をクリックして下さい。

 

そうしますとこの様な画面が下に出てきますので、
こちらの HTML の部分に先ほど作成したソースを入力して下さい。

 

（※必ず保存する前にプレビューを確認して下さい。）

続いてサイドナビについてご説明していきます。
サイドナビとは、商品説明文の左側にあるバナーですね。
こちらもお客さんがついでに興味を持った商品をクリックしたりしてくれますので、ここにもちゃんと情報を入れてあげて回遊率を上げていきましょう。

 

では具体的にどの様に設定していくかご説明していきます。
まずはストアデザインのストアデザインメニューの
『サイドナビ』をクリックして下さい。

そこでまずは『パーツの並び替え』をしていきます。

 

ここで必要な項目を右に持っていくとその項目が使える様になるといった感じです。

種類は、

・フリースペース 1
・フリースペース 2
・フリースペース 3
・人気ランキング
・カスタムページ表示
・ストア内検索
・カレンダー
・ストアサービス
・ストア内商品カテゴリ
・おすすめ商品
・トピックス
・店長紹介

ではそれぞれ説明していきたいと思います。
まずフリースペースですが、こちらは好きなバナーや好きな文字を入力することが可能です。

入力方法は『デザイン編集』をクリックしまして、
『フリースペース』をクリックしま す。

 

<div style=”padding-bottom:下のバナーの間の希望余白(5~10 がオススメ)px;”>

<a href=”リンク先 URL“>

<img src=”ストアクリエイタプロで登録した画像 URL” border=”0″ alt=”写真の名前“></a></div>

※黄色い部分は絶対に変えないでください

※サイドナビのバナーを作成する際は必ず横幅を 180px で作成して下さい。

次に人気ランキングです。
こちらを設定しますとこんな感じで表示されます。

 

好きなパターンを入力選択してください。
ほとんどのセラーが『タイプ 2』か『タイプ 3』を選んでいる傾向にありますね。

次にストア内検索です。
こちらを設定しますとこんな感じで表示されます。

デザイン編集で『ストア内商品カテゴリ』をクリックしますと、
こちらの画面になります。

 

次はカレンダーです。
こちらを設定しますとこんな感じで表示されます。

 

次はストアサービスです。
こちらを設定しますとこんな感じで表示されます。

 

オークションストア以外は全部入力する事をおすすめします。 画像の作成に関しては全て 180px で作成して下さい。

 

こちらもパターンを選択していただく様になります。
一般的には『タイプ 3』と『タイプ 5』を使っている
ショップが多いですね。

他にも
・カスタムページ表示
・おすすめ商品
・トピックス
・店長紹介 がありますが今回全て入れてしまうと
かなり長くなってしまいますので、
今回紹介した物をまずは入れて頂く事をオススメします。

最後に作業が終わったら必ず『反映』作業をして下さい。
こちらをしないと公開にならないので必ず忘れず行ってください。

以上、Yahoo!ストア構築法を図解で説明してきました。
如何でしたか。

手を動かしながら取り組んでもらってもよし、
外注さんに丸投げしてもよし、
あなたの資源に合わせてスピーディかつ効果的に見えるような
ストア構築を行なっていきましょう。