「ヤフーショッピングの看板サイズ」と「作るときのポイント」

ヤフーショッピングを開店される初心者の方向けに、看板サイズ、看板の設定方法、看板を作るときに押さえておきたいポイントなどをお話しています。

※閲覧いただくタイミング等によっては、情報が異なる場合がございます。ご了承ください。

ヤフーショッピングの看板サイズとは

まずは、ヤフーショッピングの看板サイズについてお話します。

ヤフーショッピングの看板サイズとは

ヤフーショッピングでは、主に以下の看板画像を設定することができます。

  • PC用の看板画像
  • スマートフォン用の看板画像

 

PC用の看板画像サイズ

PC画面では、デフォルトのショップ全体の横幅は「950」となっているので、ヘッダーエリアに入る看板画像も「横幅950ピクセル」のサイズで作ると良いと思います。

縦幅については、任意ですが「縦幅200ピクセル」のサイズで作るとバランスが良いと思います。

※ショップ全体の横幅を変更しているときは、その幅に合わせて看板画像を作成しましょう。

 

スマートフォン用の看板画像サイズ

スマートフォン用の看板画像は、管理画面(ストアクリエイター)にも記載があるように、「横幅640ピクセル」という推奨サイズがありますので、仕様に合わせて作成しましょう。

 

看板画像を作るときのポイント

看板画像は基本的にヘッダーエリアに設置されます。
そのため、訪問者さんが一番初めに目につく部分なので、訪問者さんが欲している情報やショップで伝えたい要素を入れるのが基本です。

例として、一般的に入れておいたほうが良い要素は以下の通りです。

  • ロゴ画像
  • キャッチコピー
  • 対応している決済画像
  • ○円以上購入で送料無料
  • 商品写真 など

 

看板画像を作るときの注意点

稀に、ショップとは関係のない写真などを使用し、看板画像を設置されているケースがあります。
画像によっては、ビジュアルとしての効果を期待できるかもしれませんが、それ以上の効果を期待するには難しいでしょう。

訪問者(お客様)さんが求めているであろう内容や、ショップに関係性のある写真等を使用することで、初めて「意味のある看板画像」になります。

意味のある看板画像は、お客様に優しいショップ作りになり、回遊性や滞在時間のアップも見込め、結果的に売上げにも繋がる可能性があります。

 

看板画像を作るときのソフトについて

使いやすい画像作成ソフトをお使いですか?

一般的に、WEB上で使用する画像(バナー等)は、画像編集ソフトを使って作成します。

無料で使える画像編集ソフトもありますが、使い勝手が悪かったり、ソフトによってはクオリティが落ちてしまう場合もあります。
そのため、ビジネスで使う場合、可能であれば有料ソフトなど出来るだけ良いものを選ぶようにしましょう。

有名どころでいうと、Adobe Photoshopなどがありますが、機能が豊富過ぎて初心者の方にはあまりおすすめできません。

初心者の方におすすめなのが、「バナープラス」という画像バナーなどを作成するための専用ソフトです。

バナーサンプルイメージ

使いやすく、クオリティの高いバナーやヘッダー用の画像が作成できるため、初心者の方にも人気のソフトです。

画像作成ソフト「バナープラス」の詳細はこちら

 

ヤフーショッピング看板画像の設定について

看板画像を作成したら、管理画面から設定し反映をおこないましょう。

PC用の看板画像の設定方法

管理画面(ストアクリエイター)にアクセスし、以下の場所から設定することが可能です。

【1】ストアデザイン→【2】ヘッダー・看板→【3】デザイン編集→【4】看板

※「看板」が見当たらない場合は、パーツの並び替えから追加してください。

PC用の看板画像の設定方法1

 

【5】画像(タイプ2)にチェックを入れる→【6】画像の参照から作成済みの看板画像を選択。

PC用の看板画像の設定方法2

後は保存後、反映作業をおこないます。

 

スマートフォン用の看板画像の設定方法

【1】ページ編集→【2】ストアトップ→【3】スマートフォン用情報→【4】スマートフォン版用ストア画像「参照」

スマートフォン用の看板画像の設定方法

画像を設定したら保存後、反映作業をおこないます。

 

ヤフーショッピング/看板のHTMLについて

上記では、看板を画像として作成した場合のお話をしましたが、HTMLを使用し作成することもできます。

ヤフーショッピング 看板 HTML

看板を画像で作成(1枚画像)した場合に比べ、HTML等を駆使すれば、色々な要素をそれぞれ分けて(例えば、ロゴにはトップページのリンクを貼って、決済画像には買い物ガイドのリンクを貼るなど)作成することができます。

知識をお持ちの方であれば、HTMLを使って看板エリアを作成されてもよろしいかと思います。
初心者の方は、画像として看板を作成することをおすすめします。

yahooショップホームページ制作
オリジナルショップ作り

yahooホームページ制作

ヤフーショップ作成、作り方でお悩みごとはございませんか?
デザイン性をアップすることで、回遊性、転換率アップにも繋がります。お気軽にお問い合わせください。

ヤフーショッピング 看板サイズ