ネットショップ運営担当者のブログ

新ストアデザインと看板のHTMLの入れ方!Yahooショッピング

 

こんにちは!楽しいECです

今回はYahooショッピングの新ストアデザインの看板について解説いたします

聞きなれない人には「新ストアデザイン」も「看板」も
何のことかさっぱり分からないと思いますが、

これからYahooショッピングに出店を考えている方には
必要な知識だと思いますので是非お読みください

新米店長
そもそも新ストアデザインの看板って
なんですか?
EC博士
そうですね!まずは看板の説明から解説して行きましょう

他にも看板の部分の編集する方法なども解説いたします

筆者は10年以上ネットショップ運営に携わる仕事をしており、
その経験を記事にお役に立てていきたいと思います!

新ストアデザインの看板とはどこのこと?

出典:https://store-info.yahoo.co.jp/

まず新ストアデザインの説明ですが

新ストアデザインとはYahooショッピングパソコン版ページのデザインのことです。
「新」とついていますが2021年にこのデザインになっただけで
今から出店するお店はデフォルトでこのデザインになっています

そのうち「看板」は
パソコン版のトップページ、商品ページ、カテゴリページなどを表示した際、上部に表示されるメニューです。

画像でもテキストでもほぼ(使えないHTMLもある)表示させることができ、何を入れてもいいですが
高さ200×横幅1,290ピクセルまでのエリアが表示され、広さの制限があります

新ストアデザインの看板の設定方法

新ストアデザインの看板ですが
設定は全てストアクリエイターProから可能です

ストアクリエイターProのトップから
商品・画像・在庫 > 新ストアデザイン > 左カラムの 看板
から設定が可能です

こちらのフォームにHTMLで入力すると
看板部分のエリアに表示されます

画像やテキストなど自由に表示することができますが
使用可能HTMLタグがあるのと10000文字しか入力できません

何が入れればいいか分からない方やHTMLが苦手な方の為に
HTMLをひとつ載せておきます

<div style="display:flex;justify-content:space-between;width:95%;">
<a href="URL"><img src="画像URL"></a>
<a href="URL"><img src="画像URL"></a>
<a href="URL"><img src="画像URL"></a>
</div>

400 × 200px のバナーを3つ作り、Yahooにアップロードし
URLと画像URLを編集して使ってください

色々とできるので
高さ200×横幅1,290ピクセルまでの目安として作ってみてください

今回は新ストアデザインと看板のHTMLの入れ方!について解説させていただきました

何かの参考になれば、幸いです!
ありがとうございました!