ファーストビューで購入判断を見える化する
固有の名称、選択されたバリアント、現在の価格と通貨、在庫状況、短い価値説明、そして明確な購入コントロールから始めてください。写真がデフォルトの商品を表すのか、選択中の色やサイズを表すのかを購入者に推測させてはいけません。価格、在庫、リードタイムがバリアントにより変わる場合は、即時に更新し、選択をテキストで明記してください。
最初の画面で製品の主要な阻害要因に答えを出してください：衣料ならサイズ感と素材、機器なら互換性、寸法、電力、同梱物などです。仕様、ケア、保証、返品は予測可能でキーボードアクセス可能なセクションに配置してください。
選択中のサイズ、色、構成、または契約期間を価格と購入ボタンの近くに表示してください。利用不可の組み合わせは、コントロールが静かに失敗するのを許さず、理由を説明してください。
セール、会員価格、単価、継続課金の価格を正確に示してください。会員資格や数量などの重要条件も明示してください。
適切な疑問を取り除くためにメディアとコピーを使う
各画像や動画に役割を与えてください：スケール、素材、フィット感、ポート、同梱部品、使用時の文脈、または意思決定に重要なクローズアップを示します。それに、商品名、対象ユーザー、素材の制約を明示するコピーを組み合わせてください。機能一覧は互換性やケアの詳細の代わりにはなりません。
画像が表す情報や機能に対する代替テキスト（altテキスト）を書いてください。W3Cは装飾的な画像（空の代替を許容）と機能的な画像ボタン（代替は動作を記述すべき）を区別しています。ギャラリーでは、画像を区別するための必要な詳細を伝えてください。
オプションが外観やハードウェアを変える場合は主要メディアを切り替え、ラベルを付けてください。アクセサリが含まれていないのに含まれていると示唆してはいけません。
選択支援に寄与する場合は、“緑のウールコート、正面”のように商品と差異となる属性を記述してください。
バリアント、在庫、配送、返品を一つの真実の体系にする
バリアントは購入可能なバージョンで、サイズ、色、素材、構成などを指します。SKU、価格、在庫状況、画像、フルフィルメント期待値は異なり得ます。利用可能な選択肢と変更を明確にし、選択された組み合わせが利用不可なのに製品ファミリーを“在庫あり”と表示してはいけません。
運用が支えられる配送約束を明示してください：取り扱いウィンドウ（handling window）、輸送サービスや推定到着日、配送先の制限、コストを変更する除外条件など。完全な返品ポリシーにリンクし、重要条件を強調してください。FTCは米国のオンライン販売者に対して明示または黙示の出荷表示に合理的根拠を求めています；法規は市場ごとに異なるため、ローカライズされた表示については資格のあるレビュアーに評価してもらってください。
カタログ属性、販売可能在庫、価格、配送適格性の所有権をマッピングしてください。在庫修正、プロモーション終了、遅延、運送業者制限の更新手順を文書化してください。
在庫や配送計算が利用不可の場合、誤った約束を防いでください。明確なフォールバックを使う、確認を求める、または影響を受けるオファーを一時的に削除する等の対応を取ってください。
レビューは装飾ではなく証拠として見せる
評価、レビュー数、そして評価全体への導線を表示し、それらが評価に役立つようにしてください。フィルタを提供する場合は、そのフィルタが正確なときに限って許可してください。販売者が選別、編集、報酬したレビューを独立した証拠として表示する場合は、必要な開示を行わずにそれを提示してはいけません。
FTCのConsumer Reviews and Testimonials Rule（消費者レビューと推薦に関するルール）は、欺瞞的・不公正なレビュー行為に対応します。スタッフガイダンスは文脈が重要であり安全地帯ではないと述べています。ソースと表示ルールを保持し、必要な場合は重要な利害関係を開示し、インセンティブ、モデレーション、抑制、推薦キャンペーンは法務レビューにエスカレーションしてください。これは教育的ガイダンスであり、法律アドバイスではありません。
商品レビューは商品に紐づけ、ストアレビューと区別してください。バリアントが性能やフィットに影響する場合は、その文脈を見つけやすくしてください。
肯定的な感想を条件にレビューを購入、作成、報酬にすることはしないでください。疑わしいレビューを調査するための記録を保持し、モデレーションを説明できるようにしてください。
表示される事実が信頼できる状態でのみ構造化データを追加する
構造化データは機械が読み取れるページ情報です。GoogleはProductおよびOffer マークアップを商用リスティング用に文書化しており、価格、在庫、配送、返品を含みます。これによりページがより豊かなショッピング体験の対象になり得ますが、表示はGoogleの裁量によります；マークアップ自体が扱いやランキングを保証するものではありません。
バリアントについてはGoogleはProductGroupと関連Productマークアップを文書化しています。マークアップされた各オファーは購入可能な選択とURLに合わせ、表示ページ、マークアップ、マーチャントフィードを整合させてください。リリース前とテンプレート変更後にGoogleのRich Results Test（リッチリザルトテスト）で検証してください。
情報が不明、または維持されていないプロパティは省略してください。誤った価格、在庫、ポリシーデータは信頼を損ないます。
商品テンプレートのデプロイに構造化データのテストを含めてください。単純なオファー、セール、在庫切れ、配送先制限のサンプルを用意してください。
トラフィックが露出する前に購入経路を保護する
多くの商品ページで最大表示要素はヒーローメディアです。Largest Contentful Paint（LCP）はビューポート内で最も大きな画像またはテキストブロックがレンダリングされた時点を測定します。web.dev は訪問の75パーセンタイルでLCPが2.5秒以内を目指すことを推奨しており、実ユーザーデータが正しい測定であると述べています。その目標を調査に使い、完成宣言の根拠にしないでください。
商品レスポンス、主要メディア、バリアント操作、カート追加、およびそれらの依存関係を計測してください。遅延の最も大きな要因を最適化し、単に画像を圧縮するだけにとどまらないでください；LCPはサーバ応答、リソースロードの遅延、リソースの所要時間、レンダリング遅延によって制限されます。メディアや動的ブロックのためにスペースを予約し、コントロールが移動しないようにしてください。
主要メディア、サードパーティスクリプト、重要なインタラクションの限界を設定してください。キャッシュがコールドな状態と典型的なモバイル条件で本番に近いページをテストし、プロモーション前に確認してください。
重要ページと依存関係を事前検査し、オーナーとロールバック手順を割り当て、ファイルサイズ過大なメディア、ブロッキングスクリプト、古い在庫データなどの再発原因を修正してください。