---
title: "Commerceメタレンダリング"
slug: "commerce-meta-renderings"
abstract: "Commerceレンダリングに付属するメタレンダリングの概要。"
---
# Commerceメタレンダリング

ストアフロントページにはメタレンダリングが含まれており、ページにメタデータを追加します。レンダリングはストアフロントテンプレートのすべてのページで使われるメタ部分デザインに含まれています。

メタレンダリングは、メタ部分設計を編集する際にツールボックス内で利用可能です。このトピックでは、ツールボックス内の**Commerce Experience Accelerator**セクションからアクセス可能なレンダリングについて説明しています。

エクスペリエンスエディターでは、コマースメタデータの部分的なデザインは以下の通りです。

![Metadata in the partial designs.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/AAE8C4C0E9F34942A7FB4B8913364B60.png)

## アンチフォージェリーのメタレンダリング

Antiforgeryメタレンダリングを使って、アンチフォージェリートークンを含む <form> タグを部分的なデザインに挿入します。アンチフォージャリートークンは、Commerceレンダリングが行うすべてのJavaScript APIコールに渡されます。これにより、サイト間からのリクエスト攻撃がウェブサイト上で行われるのを防ぎます。

> !重要商取引レンダリングはアンチフォージェリーのメタレンダリングに依存しています。すべてのストアフロントページにアンチフォージェリーのメタレンダリングを含めることで、コマースのレンダリングが期待通りに動作するようにしてください。

SXAストアフロントテンプレートでは、反偽造メタレンダリングが商取引メタデータ部分設計の <body> に含まれており、サイトが要求する反偽造トークンHTMLを生成します。

ライブストアフロントでは、ホームページのアンチフォージェリーレンダリングがHTMLソースで次のように表示されます:

![Antiforgery rendering in the HTML source on the live storefront](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/AntiforgeryRenderingHTML.png)

## メタデータメタレンダリング

メタデータのメタデータレンダリングを使って、HTMLページに標準的なURLを注入し、検索エンジンのカテゴリや商品インデックス化を改善します。ライブストアフロントサイトでは、メタデータのメタデータレンダリングがタイトルと標準的なURLを返します。以下のようになります:

![Metadata meta rendering showing title and canonical URL on the live storefront](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/MetaDataCanonicalRef.png)

> !注タイトルタグには、商品ページ上では商品タイトル、カテゴリページ上ではカテゴリ名が含まれます。

コマースメタデータおよびコマースメタデータカタログの部分設計には、いずれもメタデータのメタデータレンダリングが含まれています。これは、カタログの正しいタイトル、コンテンツ、標準URLが表示されることを保証するためです。

Twitter統合マークアップ、OpenGraph、Favicon、カスタムメタデータなど、他のサイトメタデータを含めるには、ストアフロントサイトを作成する際に[SiteMetaData](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/the-metadata-partial-design.html)モジュールを選択する必要があります。デフォルトでは、SiteMetaDataモジュールにはSXA CanonicalUrlとブラウザタイトルコンポーネントが含まれています。しかし、これらのコンポーネントはURLがカタログ項目を指している場合、正しいデータを出力しません。これを修正するために、通常ページとカタログページの両方で正しい内容をレンダリング表示するために、以下の方法が可能です:

-   Commerceメタデータ部分設計およびCommerce Metadata Catalog Items部分設計の継承を削除し、必要なSXAメタデータコンポーネントのみを追加してください。
    
-   部分デザインの設定とマッピングを変更し、カタログデータ(Commerce Metadata)を走査する際に使用される部分デザインと通常のページ(メタデータ)に違いを出します。
    
-   メタデータのメタレンダリングには以下のパーソナライズルールを適用します:
    
    ![Personalization rule to remove duplicate site metadata](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/MetaWorkaroundRule.png)
    

## サイトバインディングのメタレンダリング

SXA[のサイト管理](https://doc.sitecore.com/xp/en/developers/sxa/100/sitecore-experience-accelerator/en/manage-multiple-sites-with-the-sxa-site-manager.html) 機能を使って、Site Bindingsのメタレンダリングを使い、サイトバインディング属性や関連設定を管理します。

サイトバインディングのレンダリングがページに追加されると、サイトの現在のバインディングに関するメタデータ情報がHTML出力に隠されたフィールドとして表示されます。クライアント側のスクリプトはこれらの隠されたフィールドにアクセスできます。サイトバインディングのレンダリングはHTMLソースに以下のフィールドを挿入します:

-   SiteVirtualFolder – 現在のサイトの仮想フォルダ。
-   SiteRootPath – 現在のサイトのルートアイテムパス。
-   SiteStartPath – 現在のサイトの開始項目。
-   SiteContentStartPath – 現在のサイトのコンテンツ開始項目。

ライブストアフロントでは、ストアフロント内のページのサイトバインディングのメタレンダリングが以下の通りに表示されます。

![Site Bindings meta rendering on the live storefront live.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/101/sitecore-experience-commerce/images/SiteBindingsMeta.png)