ストアクリエイティブガイドライン
ページセクションとタイル
ストアページには、タイルのカスタマイズ可能なセクションがあります。各タイルには、テキスト、画像、動画、商品などのコンテンツを含めることができます。
ページあたりの上限セクション数
各ストアページにはヘッダーセクションが組み込まれており、追加コンテンツタイルが1つ以上必要です。
各ページには、合計で最大20個のセクションを設定できます。セクションを構成するタイルの最大数は次のとおりです。
- 4つの背景動画タイル
- 1つの商品グリッドタイル
- 1つのギャラリータイル
- 1つの限定セールタイル
- 1つのおすすめ商品タイル
これらのタイルの種類のいずれかが上限数に達した場合、その種類の既存のタイルを削除しない限り、別のタイルを追加することはできません。または、その種類の既存のタイルのコンテンツを変更することもできます。
分割セクション
分割セクションには、さまざまなレイアウトに配置できる複数のタイルが含まれています。
単一行の分割セクションは、高さが可変です。高さを設定するには、歯車アイコンをクリックし、高さ調整コントロールを使用します。
タイルサイズ
ストアのタイルには、基本タイルと高さ可変タイルの2つのカテゴリーがあります。
基本タイル
基本タイルは、特定のアスペクト比にロックされます。4つの基本のタイルサイズがあります:フルワイド、ラージ、ミディアム、スモール。
タイルタイプ別の利用可能なサイズ
タイルタイプ | フルワイド | ラージ | ミディアム | スモール |
テキスト | 可 | 可 | 可 | 可 |
画像 | 可 | 可 | 可 | 可 |
テキスト付き画像 | 可 | 可 | 可 | 可 |
ショッパブル画像 | 可 | 可 | 可 | 可 |
動画 | 可 | 可 | 可 | 不可 |
背景動画 | 可 | 可 | 可 | 不可 |
ギャラリー | 可 | 不可 | 不可 | 不可 |
商品 | 可 | 可 | 可 | 可 |
商品グリッド | 可 | 不可 | 不可 | 不可 |
ベストセラー | 可 | 不可 | 不可 | 不可 |
おすすめ商品 | 可 | 不可 | 不可 | 不可 |
限定セール | 可 | 不可 | 不可 | 不可 |
高さ可変タイル
高さを調整可能なタイルでは、コンテンツの高さに応じてタイルの縦横比を変更できます。画像タイルとテキストタイルは、高さを調整できます。
- 分割セクションの高さを設定するには、歯車アイコンをクリックし、高さ調整コントロールを使用します。
- フルワイド画像とテキストタイル付き画像の場合は、画像をトリミングして高さを短くします。
タイルタイプ
ヘッダー
ヘッダーはストアの上部に表示され、ヒーロー画像、ブランドロゴ、ナビゲーションバーが含まれます。
ヘッダーのヒーロー画像
ヒーロー画像は、ストアのすべてのページの上部にあるナビゲーションバーの上に表示され、ストアのナビゲーションとコンテンツをAmazonとは別のものにするのに役立ちます。
各ページのヒーロー画像は、購入者がストアにアクセスしたときに最初に表示される画像であるため、慎重に選択することをおすすめします。ヒーロー画像による視覚的な挨拶で、購入客に強い印象を与えることができます。
ヒーロー画像のセーフゾーン
ヒーロー画像があらゆるデバイスで見栄え良く表示されるように、画像の中央にセーフゾーンが必要です。セーフゾーンは、常に表示されます。
- 場合によっては、ヒーロー画像の最大30%がトリミングされます。左右両側から15%ずつトリミングされる場合もあります。
- ヒーロー画像のすべての重要な部分は、購入客に高品質のディスプレイを提供するために、セーフゾーン内に配置する必要があります。
ヘッダーのブランドロゴとナビゲーションバー
ナビゲーションバーはヒーロー画像の下に表示され、ストアのホームページから始めて、ストア内のすべてのページへのリンクが含まれます。
ブランドロゴはホームボタンとして機能し、すべてのページのナビゲーションに表示されます。
ヘッダーの仕様
ヘッダー要素 | 最小画像サイズ | 最大ファイルサイズ |
ヒーロー画像 | 3,000 × 600ピクセル | 5 MB |
ブランドロゴ | 400 × 400ピクセル | 5 MB |
テキストタイル
テキストタイルにはフリーフォームのテキストが含まれており、ストアページまたは商品詳細ページにリンクできます。
テキストは、左、右、中央、または両端揃えにできます。
画像タイル
画像タイルは、ストアページまたは商品詳細ページにリンクすることができます。
リンク付き画像タイルのセーフゾーン
画像タイルにリンクタイトルを追加すると、画像の一部が隠れてしまいます。
長方形の画像(ミディアムおよび全幅のタイル)にリンクタイトルが追加されると、画像の下部の約19%が隠れます。
リンクによって19%の高さが隠れている
正方形の画像(スモールタイルやラージタイル)にリンクタイトルが追加されると、画像の下部の約12%が隠れます
リンクによって12%の高さが隠れている
モバイル画像
すべての画像タイルでは、オプションのカスタム画像とモバイルデバイス用のレイアウトを使用できます。
- 特定のテキストフィールドは、カスタムモバイルレイアウトオプションではサポートされておらず、デスクトップを利用する購入客にのみ表示されます。
- このオプションを選択した場合は、タイルをモバイルとデスクトップの両方でプレビューし、それぞれで高品質の結果が得られるようにします。
- フルワイド、ラージ、およびミディアムの画像タイルのカスタムモバイルレイアウトは、特定のアスペクト比に制限されないため、デスクトップのレイアウトとは異なる高さや形状になる場合があります。
画像に埋め込まれたテキスト
テキストが埋め込まれた画像をアップロードすることはお勧めしません。このようなテキストは、検索エンジンで読み取ることができず、スクリーンリーダーを使用してストアに移動するユーザーにも検出されません。画像にテキストを追加するには、「テキスト付き画像」タイルオプションを使用します。
画像タイルの仕様
タイルサイズ | 最大ファイルサイズ | 最小画像サイズ(デスクトップ) | 最小画像サイズ(カスタムモバイル) |
フルワイド | 5 MB | 1,500 × 20ピクセル* | 1,680 × 20ピクセル* |
ラージ | 5 MB | 1,500 × 1,500ピクセル | 1,680 × 20ピクセル* |
ミディアム | 5 MB | 1,500 × 750ピクセル | 1,680 × 20ピクセル* |
スモール | 5 MB | 750 × 750ピクセル | 750 × 750ピクセル |
* 高解像度ディスプレイの場合、どのデバイスであっても幅3,000ピクセルの画像を推奨します。画像タイルにタイトルを追加する場合、画像の高さは32ピクセル以上にする必要があります。
テキストタイル付き画像
テキスト付き画像タイルには次の2つのレイアウトオプションがあります。
画像上のテキスト
このレイアウトでは、テキストを画像に直接オーバーレイできます。次を行うことができます。
- ストアページまたは商品詳細ページにリンクする
- 接頭辞、見出し、本文、リンクテキストなどの複数のテキスト要素を追加する
- テキストサイズ、位置合わせ、コンテンツのパディングを選択する
- 画像のテキストオーバーレイの色と配置場所を設定する
画像の横にあるテキスト
このレイアウトでは、画像の横にテキストを追加できます。これには、見出しと説明テキストが含まれます。
テキスト付き画像タイルの仕様
レイアウト | タイルサイズ | 最小画像サイズ |
画像上のテキスト | フルワイド | 3,000 × 1,500ピクセル |
画像上のテキスト | ラージ | 1,500 × 1,500ピクセル |
画像上のテキスト | ミディアム | 1,500 × 750ピクセル |
画像上のテキスト | スモール | 750 × 750ピクセル |
画像の横にあるテキスト | フルワイド | 1,500 × 1,500ピクセル |
画像の横にあるテキスト | ラージ | 1,500 × 1,500ピクセル |
画像の横にあるテキスト | ミディアム | 750 × 750ピクセル |
画像の横にあるテキスト | スモール | 750 × 750ピクセル |
ショッパブル画像タイル
ショッパブル画像では、インタラクティブポイント付きの最大6個の商品を紹介します。購入客は、ポイントを操作して、主要情報を参照し、購入に進むことができます。
- 商品名、画像、プライムバッジ、価格、星評価、ショッピング行動などの情報が表示されます。
- 各商品は、商品詳細ページにリンクしています。
ショッパブル画像の仕様
タイルサイズ | 最大ファイルサイズ | 最小画像サイズ |
フルワイド | 5 MB | 1,500 × 750ピクセル* |
ラージ | 5 MB | 1,500 × 1,500ピクセル |
ミディアム | 5 MB | 1,500 × 750ピクセル |
スモール | 5 MB | 750 × 750ピクセル |
* すべてのデバイスにおいて高解像度ディスプレイの場合は、幅3,000ピクセル、高さ1,500ピクセルの画像を推奨します。
動画タイル
動画タイルは、購入客がクリックして再生できるプレーヤー内に表示されます。動画の再生と一時停止、音量の調整、動画の全画面表示が可能です。
- 動画ファイルとカバー画像の両方が必要です。
- カバー画像は、動画の静止状態(ユーザーが再生をクリックする前)に使用されます。
- モバイルデバイスの全画面表示で再生されます。
- デスクトップ上でインラインで再生します。全画面表示に展開するオプションもあります。
動画タイルの仕様
タイルサイズ | カバー画像の最小サイズ | 最低動画解像度 | アスペクト比の最小~最大 | ファイルの要件 |
フルワイド | 3,000 × 1,500ピクセル | 1,280 × 640ピクセル | 6:4~8:3 | MP4ファイル形式。H.264ビデオコーデック。 |
ラージ | 1,500 × 1,500ピクセル | 640 × 640ピクセル | 3:4~4:3 | MP4ファイル形式。H.264ビデオコーデック。 |
ミディアム | 1,500 × 750ピクセル | 450 × 320ピクセル | 6:4~8:3 | MP4ファイル形式。H.264ビデオコーデック。 |
背景動画タイル
背景動画は、画面内に表示され、サイレントで自動再生および自動リピート再生されます。デスクトップおよびモバイルでインラインで再生されます。
- 背景動画では、購入客に動画プレーヤーコントロールは提供されません。背景動画は、トーンを設定し、ページの視覚的体験を充実させることを目的としています。
- 動画ファイルのみが必要です。カバー画像は必要ありません。
背景動画タイルの仕様
タイルサイズ | 最低動画解像度 | 最大の高さ | 動画の最小長 | アスペクト比の最小~最大 | ファイルの要件 |
フルワイド | 1,280 × 640ピクセル | 1,500ピクセル | 2秒から20秒 | 6:4~8:3 | MP4ファイル形式。H.264ビデオコーデック。 |
ラージ | 1,280 × 640ピクセル | 640ピクセル | 2秒から20秒 | 3:4~8:3 | MP4ファイル形式。H.264ビデオコーデック。 |
ミディアム | 1,280 × 640ピクセル | 320ピクセル | 2秒から20秒 | 6:4~8:3 | MP4ファイル形式。H.264ビデオコーデック。 |
ギャラリー
ギャラリーセクションには、フルワイドのグリッドレイアウトで最大8枚の画像が表示されます。
ギャラリーの仕様
最小画像サイズ |
1,500 × 750ピクセル |
商品タイル
分割セクションで使用する場合、商品タイルには単一商品がハイライト表示され、価格とプライムステータス、および商品詳細ページへのリンクが表示されます。
ミディアム商品タイルには、カスタマイズした商品名と説明を含めることができます。
フルワイドの商品タイルには、次の2つのレイアウトオプションがあります。
- 商品詳細: 商品詳細ページの情報および「カートに入れる」などのCTAを自動的に表示します。
- 商品についての記事: カスタムのタイトルと説明が含まれます(ミディアムタイルで利用可能)。
商品タイルの仕様
レイアウト | タイルサイズ | タイトル | 説明 |
商品詳細 | フルワイド | 商品詳細ページから取得 | 商品詳細ページから取得 |
商品編集 | フルワイド | カスタム | カスタム |
テキスト付き商品 | ミディアム | カスタム | カスタム |
商品グリッド
商品グリッドには、フルワイドグリッドレイアウトで4つ以上の商品が表示されます。
- 商品名、画像、プライムバッジ、価格、星評価、ショッピング行動などの情報が表示されます。
- 各商品は、商品詳細ページにリンクしています。
商品リストを追加することができます。
- 手動: キーワードまたはASINを検索。
- 手動: 最大500個のASINのリストを入力。
- ストアがカタログ内のブランドに関連付けられている場合、キーワードを自動的に使用します。
商品グリッドのレイアウトオプションには、標準とトールの2種類があります。
標準の商品グリッド
商品は正方形のグリッドに表示されます。このスタイルは、正方形または幅の広い長方形の画像を使用する商品カテゴリーに適しています。
「カートに入れる」ボタンを使用すると、購入客はストアから直接Amazonカートに商品を追加できます。商品が以下に該当する場合、ボタンは表示されません。
- 購入前に複数のバリエーション(サイズ、色など)を選択する必要があるもの
- 切り抜きクーポンが可能です
- サードパーティの出品者からは購入可能であるが、出品者においては在庫切れである
- 「アパレル」カテゴリーに分類されます
トール商品グリッド
商品はトールグリッドに表示されます。このスタイルは、ファッションカテゴリーなど、縦長の画像を使用する商品カテゴリーに適しています。
「カートに入れる」ボタンは、トールグリッドのすべての商品に対して非表示になっています。
ベストセラー商品タイル
「ベストセラー」タイルには、ブランドに関連けられている売れ筋商品が表示されます。一度に5つの商品が自動的に表示されます。
このタイルは、ストアがカタログ内のブランドの商品に関連付けられている場合にのみ選択できます。ベストセラー商品がない場合、タイルは表示されません。ストアビルダーにこのタイルが表示されない場合は、サポートにお問い合わせください。
おすすめ商品タイル
おすすめ商品タイルには、以前の購入履歴に基づいて、購入客に推奨されるブランドに関連付けられている商品が表示されます。一度に5つの商品が自動的に表示されます。
このタイルは、ストアがカタログ内のブランドの商品に関連付けられている場合にのみ選択できます。おすすめ商品がない場合、タイルは表示されません。ストアビルダーにこのタイルが表示されない場合は、サポートにお問い合わせください。
限定セールタイル
限定セールタイルには、有効なプロモーションが実施されている商品が表示されます。プロモーションが続く限り、商品が自動的にタイルに表示されます。プロモーション期間が終了すると、プロモーションに紐づけられていた商品はタイルに表示されなくなります。
タイルに表示されるプロモーションには、「お買い得情報」、「本日の特選商品」、「期間限定セール」、「クーポンを使用したプロモーション」が含まれます。
タイルに表示する商品を選択することができます。
- 「すべての商品」: 有効なセールが実施されているストアのすべての商品およびストアに関連付けられたカタログ内のすべての商品がタイルに表示されます。
- 「厳選された商品のセット」: 注目を集めたい特定の商品のASINを入力します。これら厳選された商品は、有効なセールが実施されており、在庫がある場合にタイルに表示されます。商品は入力した順序で表示されます。子ASINを使用してください。親ASINはサポートされていません。
有効なプロモーションが実施されている場合、タイルは次のように購入客に表示されます。
商品4点以上
商品は、「限定セール」のタイトルの下にある4列のグリッドセクション(全幅)に表示されます。
2~3個の商品
商品は、「限定セール」タイトルの下にある中央揃えのセクションに表示されます(以下に2つの商品の例を示します)。
商品1点
単一商品は、全幅のセクションに表示されます。「限定セール」のタイトルは表示されません。
商品なし
現在限定セールが実施されていないことを購入客に知らせるバナーが表示されます。