コマースメタレンダリング
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ストアフロント ページには、ページにメタデータを追加するメタ レンダリングが含まれています。レンダリングは、Storefrontテンプレートのすべてのページで使用されるメタパーシャルデザインに含まれています。
メタレンダリングは、メタパーシャルデザインを編集するときにツールボックスで使用できます。このトピックでは、ツールボックスのCommerce Experience Acceleratorセクションからアクセスできるレンダリングについて説明します。
エクスペリエンス エディターでは、Commerceメタデータのパーシャル デザインは次のように表示されます。
偽造防止メタレンダリング
偽造防止メタレンダリング
偽造防止メタレンダリングを使用して、偽造防止トークンを含む <form> タグをパーシャルデザインに挿入します。偽造防止トークンは、Commerceレンダリングが行うすべてのJavaScript API呼び出しに渡されます。これにより、Webサイト上でのクロスサイトリクエスト攻撃が防止されます。
コマースレンダリングは、偽造防止メタレンダリングに依存しています。すべてのストアフロントページに偽造防止メタレンダリングを含めて、コマースレンダリングが期待どおりに動作することを確認する必要があります。
SXA Storefrontテンプレートでは、偽造防止メタ レンダリングがCommerceメタデータ パーシャル デザインの <body> に含まれているため、サイトに必要な偽造防止トークンHTMLが生成されます。
ライブストアフロントでは、ホームページの偽造防止レンダリングはHTMLソースに次のように表示されます:
メタデータ メタ レンダリング
メタデータ メタ レンダリング
メタデータメタレンダリングを使用して、正規のURLをHTMLページに挿入し、カテゴリと製品の検索エンジンインデックスを改善します。ライブストアフロントサイトでは、メタデータメタレンダリングは、次のようなタイトルと正規URLを返します。
タイトルタグには、商品ページ上の場合は商品のタイトル、カテゴリページの場合はカテゴリの名前が含まれます。
CommerceメタデータとCommerceメタデータ カタログのパーシャル デザインには、どちらもメタデータ メタ レンダリングが含まれています。これは、カタログの正しいタイトル、コンテンツ、および正規URLが表示されるようにするためです。
Twitter統合マークアップ、OpenGraph、Favicon、カスタムメタデータなどの他のサイトメタデータを含めるには、ストアフロントサイトを作成するときにSiteMetaDataモジュールを選択する必要があります。デフォルトでは、SiteMetaDataモジュールにはSXA CanonicalUrlコンポーネントとBrowser Titleコンポーネントが含まれています。ただし、これらのコンポーネントは、URLがカタログ項目を指している場合、正しいデータを出力しません。これを修正して、レンダリングでカタログ ページだけでなく通常のページにも適切なコンテンツが表示されるようにするには、次の操作を行います。
-
Commerceメタデータ パーシャル デザインとコマース メタデータ カタログ アイテム パーシャル デザインのメタデータの継承を削除し、必要なSXAメタデータ コンポーネントのみを追加します。
-
パーシャル デザインの構成とマッピングを変更して、カタログ データ (Commerceメタデータ) と通常のページ (メタデータ) をトラバースするときに使用するパーシャル デザインに違いが生じるようにします。
-
次のパーソナライゼーションルールをメタデータメタレンダリングに適用します。
サイトバインディングメタレンダリング
サイトバインディングメタレンダリング
サイト バインディング メタ レンダリングを使用して、SXAサイト管理 機能を使用してサイト バインディング属性と関連設定を管理します。
サイト バインディング レンダリングがページに追加されると、サイトの現在のバインディングに関するメタデータ情報が非表示フィールドとしてHTML出力にレンダリングされます。クライアント側のスクリプトは、これらの非表示フィールドにアクセスできます。サイト バインディング レンダリングは、HTMLソースに次のフィールドを挿入します。
-
SiteVirtualFolder – 現在のサイトの仮想フォルダ。
-
SiteRootPath – 現在のサイトのルートアイテムパス。
-
SiteStartPath – 現在のサイトの開始アイテム。
-
SiteContentStartPath – 現在のサイトのコンテンツ開始アイテム。
ライブストアフロントでは、ストアフロントのページのサイトバインディングメタレンダリングは次のように表示されます。
