2020.02.16ページ内にプロモーションが含まれています。Yahoo!ショッピングでネットショップを開店したら、意識しておきたいのがスマートフォンから見たショップのデザインです。その中のひとつとして「スマホ版用ストア画像(看板)」が挙げられます。※閲覧いただくタイミング等によっては、情報が異なる場合がございます。目次スマホ版用ストア画像(看板)とは?スマホ版用ストア画像の設定方法とはスマホ版用ストア画像のサイズについてYahoo!ショッピング/アプリ版の看板画像についてアプリの看板画像は連動しているOSの種類によって見え方が違う!?アプリ版の看板画像サイズについてまとめスマホ版用ストア画像(看板)とは?スマホ版用ストア画像とは、スマートフォンからショップを見た際に、上部に表示される画像のことです。看板画像なんて呼ばれ方もします。※以下は参考例として掲載しています。スマホ版用ストア画像の設定方法とはスマートフォン版用ストア画像を設定するには、Yahoo!JAPANストアクリエイターProにアクセスし、「ページ編集→ストアトップ→トップページ編集→スマートフォン用情報タブに切り替え→スマートフォン版用ストア画像」から行うことができます。スマホ版用ストア画像のサイズについてスマートフォン版用ストア画像を作成する際は、以下の点に注意する必要があります。画像サイズは任意(横幅640ピクセル推奨)35KBは意外と少ないです。画像の中に写真を複数入れて作成したい場合、あっという間にKBが超えてしまうケースも少なくありません。画像のサイズについては、横幅が640ピクセルと推奨されているので、同じか近いサイズで作成すれば問題ありません。縦幅は任意ですが、以降でお話する「Yahoo!ショッピング・アプリ版」を考慮した場合、注意しなければいけません。Yahoo!ショッピング/アプリ版の看板画像についてYahoo!ショッピングは、パソコンやスマホのWEBブラウザ以外にも、アプリをインストールして楽しむことができます。アプリでは、WEBブラウザでの表示とは異なり、アプリならではのUIで操作もなめらかだったりします。アプリならではの機能やキャンペーン等もあるので、使用されている人も多いのではないでしょうか。アプリの看板画像は連動している「スマートフォン版用ストア画像(看板)」を設定すると、実はアプリ内のショップにも反映されるようになっています。アプリから見た場合のスマートフォン版用ストア画像(看板)OSの種類によって見え方が違う!?実は、アプリ版のYahoo!ショッピングでは、OSの種類によって見え方が異なります。以下は、Android(アンドロイド)とiOS(アイオーエス)で看板画像を表示した場合の参考例です。※携帯機種によっても変わる可能性ありけっこう見た目が変わりますよね。iOSでは、看板画像に文字などがカブっていたり、画像の色に合わせて背景色が付くような仕様になっているようです。一方で、Androidでは文字のカブりはなく、画像エリアの背景色はありません。上部のメニューボタンや検索エリアのデザインや表示も若干違いがあります。個人的には、Androidアプリのほうが見やすく使いやすいといった印象です。アプリ版の看板画像サイズについて本来であれば、WEBブラウザ用とアプリ用で、それぞれ別々に「スマートフォン版用ストア画像」を設定できれば嬉しいのですが、そういった仕様になっていないのが現状です。そのため、WEBブラウザ用とアプリ用の両方の見え方を意識しながら、画像サイズを決めて作成したほうが良いと思います。横幅は640ピクセルで良いとして縦幅を何ピクセルで作成するかによって、見え方が変わってくるでしょう。縦幅を大きくとって画像をデザインした場合、iOSでは文字などがカブる部分が出てくる可能性があります。いった場合は、カブらない部分をメインにデザインする必要があるかもしれません。iOSを視野に入れて画像を作成するなら、縦幅は80~100ピクセルほどで作ると文字などにカブりづらいイメージで表示できるかと思います。まとめ「スマートフォン版用ストア画像(看板)」を設定する方法と作成のポイントについてお話しさせて頂きました。気を付けたいのは、WEBブラウザとアプリでは、Yahoo!ショッピングのデザインや表示のされ方が違うということです。アプリでもOSによって表示が異なる点も意識する必要があります。いずれにせよ、画像の容量とサイズを考えると、あまり凝ったデザインは難しい気がしますが、設定する上でご参考になれば幸いです。オリジナルショップ作りヤフーショップ制作代行ヤフーショップ作成、作り方でお悩みごとはございませんか?ネットショップ制作等、10年以上の経験やノウハウをもとに、あなたのお店作りのお手伝いをさせて頂きます。お気軽にお問い合わせください。詳細はこちらオリジナルショップ作りヤフーショップ制作代行ヤフーショップ作成、作り方でお悩みごとはございませんか?ネットショップ制作等、10年以上の経験やノウハウをもとに、あなたのお店作りのお手伝いをさせて頂きます。お気軽にお問い合わせください。Time(ケータイム)|ネットショップ制作に関するメディアサイト関連記事Yahoo!ショッピング作成クロスマ(旧アマヤフ)で作成されたヤフーショップページのデザインをリニューアル!AmazonとYahoo!ショッピングの併売を手軽にしてくれるシステム「クロスマ(旧アマヤフ)」。クロスマ(旧アマヤフ)に申し込むとショップページ作り等も代行してくれます。併売効率化だけでなく、デザインまで行ってくれるとても有り難いサー...Yahoo!ショッピング作成ヤフーショッピングはホームページビルダーで作れるのか!?試してみました。ホームページビルダー21からネットショップのページを作成することができるようになりました。この機能を使うことで「どの程度作り込むことができるのか」「またメリットやデメリットはあるのか」などを含めお話していきますので、購入を迷っている人は損しないためにもチェックしてみてください。Yahoo!ショッピング作成Yahoo!トリプルを契約する前に押さえよう!メリット・デメリットとは?Yahoo!ショッピングでネットショップをデザインする時、「トリプル」というサービスがあります。トリプルとは?どんな時に使用すればよいの?など、疑問を抱えている人もおられるのではないでしょうか。本記事は、以下のような疑問や悩みを持ってい...Yahoo!ショッピング作成ヤフーショッピング出店方法やデメリット等を初心者向けに解説ヤフーショッピングに出店する際の流れを知りたい、個人でも出店できる?、Yahoo!ショッピング出店のデメリットやメリットがあるなら押さえておきたい。このような疑問やお悩みを初心者の方向けに解説しています。Yahoo!ショッピング作成Yahoo!ショップの作り方・初心者が押さえるべきストア構築の流れとは?最後まで読んでいただくことで、Yahoo!ショッピングを始める際の基礎知識~ストア構築までの流れ(全体像)が把握できます。最終セクションでは「Yahoo!ショッピング・デザイン作成をする際のポイント」についてもお話しています。Yahoo!ショッピング作成ヤフーショッピングのライト出店が終了。プロフェッショナルでのお店作りとはYahoo!ショッピングでライト出店の運営が終了するため、プロフェッショナル出店に移行する流れになりました。出店者様からすると、この移行は時間がかかる作業になってしまいます。【月額0円】自分自身で更新をおこないたい人向けの制作プランはこちらわたしたちは、楽天・Yahoo!・カラーミーショップ等のデザインをおこなっている制作会社です。関連記事Yahoo!ショッピング・新ストアデザイン(トップページ)変更時に押さえておきたいこと2020.10.23Yahoo!トリプルを契約する前に押さえよう!メリット・デメリットとは?2020.08.22ヤフーショッピングのライト出店が終了。プロフェッショナルでのお店作りとは2019.01.262019.04.13ヤフーショッピングはホームページビルダーで作れるのか!?試してみました。検索トップ情報タイトルとURLをコピーしました。