CSS 商品ページは、Google に登録されている商品データと一致している必要があります。顧客エンゲージメントを高めるには、質の高いコンテンツを作成し、ユーザーが価格比較を行えるようにする必要があります。
この記事では、CSS 商品ページの定義、要件、おすすめの方法について説明します。
この記事の内容
CSS 商品ページと CSS パートナーが成功するためには、質の高いエクスペリエンスをユーザーに提供することで、商品を高い精度で検索できるようにする必要があります。
ユーザーは CSS にアクセスしたときに、複数の異なる販売者の商品が商品ページに表示されることを期待します。Google に表示される価格は、そのうちの 1 つの販売者が提示している価格と一致している必要があります。
CSS 商品ページを登録する方法
CSS 商品ページの URL は、次の属性を使用して登録できます。
- CPP リンク
[cpp_link]: 価格比較ページにユーザーを誘導します。 - CPP モバイルリンク
[cpp_mobile_link]: モバイル デバイス向けバージョンの価格比較ページにユーザーを誘導します。スマートフォンやタブレットを使用しているユーザーには、この CSS 商品ページが表示されます。
最小要件
Google で CSS 商品ページを表示するには、次の要件を満たしている必要があります。
商品とオファーを明確に表示する
- 次のような商品ページを登録します。
- CSS Center に関連付けられたドメインにある。ユーザーを他のドメインに自動的にリダイレクトすることはできません。
- 1 つの商品とその説明を目立つように表示している。
- その商品の在庫を持ち、オンラインですぐに購入できるようにしている独立した販売者が少なくとも 2 社あり、商品の価格と販売条件を表示している。
- 以下のことを確認します。
- CSS 商品ページと販売者の商品ページの商品が、商品データに登録した商品と類似している。タイトル、商品説明、商品画像は、商品データの内容と多少異なっていてもかまわない。
- CSS 商品ページの価格と販売条件が、販売者の商品ページのそれと一致している。
- 注: 税金を商品価格に含めることが義務付けられている国の場合は、CSS 商品ページに常に税込み価格を表示し、それと同じ価格を商品データとして登録してください。
- ユーザーは、CSS 商品ページに表示されている価格で商品を販売者から購入でき、カートに追加した商品を配送してもらうことができます。
- ユーザーが商品を購入できるように、CSS 商品ページ上のリンクは、販売者の商品ページに直接誘導するものでなければなりません。
- 該当する商品の省エネ性能情報をページに表示します。
- ページの重要な要素を隠してしまうレイアウトは避けてください。たとえば、ポップアップやバナーによってユーザー向けの重要な情報が隠れることがないようにする必要があります。
- 注: 一部の商品では、商品ページに移動する前に別のページにユーザーをリダイレクトすることが地域の法律により義務付けられています。たとえば、ユーザーがサイトにアクセスする前に、ユーザーの年齢確認が必要な場合があります。リダイレクト先のページを経由したユーザーに表示される商品ページが、ここに示すガイドラインをすべて満たすようにしてください。
ヒント
ニュースレターの配信登録や言語設定などのポップアップをランディング ページに表示する場合は、ボックスを閉じることができるようにし、ボックスによって商品の詳細が隠されないようにします。
ヘッドライン オファーを目立つように表示する
ヘッドライン オファーとは、商品ページで目立つように表示されるオファー、または上位 3 つのオファーの中に含まれ、異なる販売者の価格および販売条件とともに表示されるオファーのことです。
- ヘッドライン オファーの製品価格を目立つように表示する商品ページを登録します。ヘッドライン オファーの製品価格と同じ価格を提示している販売者を、商品ページに目立つように表示するか、最初に表示してください。詳しくは、ヘッドライン オファーの製品価格
[headline_offer_price]属性についての記事をご覧ください。 - 目立つように表示されている販売者からユーザーがオンラインで商品を購入できるようにします（つまり、カートに追加した商品を配送してもらえるようにする）。ヘッドライン オファーの商品が在庫切れの場合は、ヘッドライン オファーを変更してください。
- ヘッドライン オファーの商品の状態が商品データと一致していることを確認します。詳しくは、ヘッドライン オファーの条件
[headline_offer_condition]属性についての記事をご覧ください。
複数の場所にわたって一貫したコンテンツを表示する
例
たとえば、ドイツに拠点を置く CSS について考えてみましょう。商品データによると、この CSS は商品をドイツで掲載し、ユーロ建ての価格を登録して、ドイツ語を使用しています。
この CSS がソファーの CSS 商品ページを登録する場合、このページには、ポーランドからアクセスした場合にも同じソファー（商品と販売者のオファーの主要な要素をすべて含む）が表示されなければなりません。
具体的には、この CSS 商品ページは次の条件を満たしている必要があります。
- ソファーの写真を表示する
- ドイツの販売者のリストを含んでいる
- 同じ価格を使用している
- ドイツ語を使用している
- 通貨にユーロを使用している
- すべての場所で CSS 商品ページのコンテンツが統一されるようにします。オファーの順序の変更など、コンテンツの軽微なカスタマイズは行うことができます。通常は、ユーザーの IP アドレスなどに基づいてウェブサイトのコンテンツを変更します。
- 商品データと同じ言語で表示します。複数の公用語がある国であっても、商品データに登録した言語と一致する言語でウェブサイトに商品を表示します。たとえば、商品をポーランドで掲載している場合に、商品データを英語で登録し、CSS 商品ページをポーランド語で表示することはできません。
- 常に商品データと一致する通貨を表示します。
- 同じ国のすべての地域で同じ価格を表示します。
- 登録して表示する価格などの情報はすべて、現地の規制に準拠する必要があります。
ページが正しく動作していることを確認する
- CSS 商品ページが有効で、作成中になっておらず、404 などのエラーが表示されていないことを確認します。
- ファイルやメールではなく、ランディング ページを使用します。画像、音声ファイル、動画、ドキュメント、PDF にはリンクしないようにしてください。
- モバイル デバイスとタブレット向けに、モバイル用ランディング ページを使用します。モバイル デバイスによっては正しく動作しない可能性のある Flash、Silverlight、ActiveX などのデザイン要素を含めないでください。
- ユーザーが [戻る] ボタンを使用できるようにします。ユーザーがブラウザの [戻る] ボタンをクリックすると、CSS 商品ページにアクセスした後で表示されたページに戻るようにしてください。
- CSS Center のドメインにのみリンクします。CSS Center で提供しているドメイン以外の別のウェブサイトにユーザーを自動的にリダイレクトすることはできません。
おすすめの方法
- CSS 商品ページ の URL で、適切な商品バリエーションがあらかじめ選択された状態にしておきます。商品にバリエーション（色、サイズ、柄、素材、その他のカスタマイズ）がある場合は、商品データと一致するバリエーションが CSS 商品 ページに表示されるようにします。
- CPP リンク
[cpp_link]属性に加えて、CPP モバイルリンク[cpp_mobile_link]属性を登録して、モバイル デバイス向けに別途用意しているランディング ページを表示します。 - リダイレクト回数はできる限り少なくします。リダイレクトを挟むと、ユーザーがリスティングをクリックしてから CSS 商品ページが読み込まれるまでの時間が長くなります。JavaScript やメタタグなど、http 302 以外のリダイレクト方法を使用することを強くおすすめします。
その他のガイドライン
下記の商品カテゴリについては、各セクションを確認してガイドラインに従い、商品ページでユーザーが快適に購入できるようにしてください。問題や不承認がある場合は、CSS Center にアラートが表示されます。