コマース商品のメタタグの構造化データ
ストアの構造化データを使用してページのメタタグを動的に更新することで、充実した魅力的な検索結果を作成します。たとえば、式を使用して色やサイズなどの商品属性をメタタグに対応付けることができます。
必要なエディション
| サポートされているエディションを表示する。 |
どの Salesforce Commerce 製品がありますか?
メモ 構造化データは、B2B Commerce Aura ストアではサポートされていません。
| 項目 | 式 | 値の例 |
|---|---|---|
| Product Category Name (商品カテゴリ名) |
{!Record.ProductCategory.Name}
|
「Clothing (衣料品)」 |
| Product Attributes (商品属性) (バリエーション商品を使用する必要がある) |
{!Record.ProductAttributes.<custom field you created for variant
products>}
|
バリエーション商品について作成した項目に依存します。たとえば、サイズや色の「Medium (M)」や「Red (赤)」。 |
| Price Currency (価格通貨) |
{!Record.Offers.Currency}
|
"USD" |
| Price (価格) |
{!Record.Offers.Price}
|
"32.99" |
| ブレッドクラム |
{!Record.BreadcrumbList}
|
[{"@type":"ListItem","item":"https://domain.com/storeName/category/merchandise/0ZGxx000000004rGAA","position":1,"name":"Merchandise"},{"@type":"ListItem","item":"https://domain.com/storeName/category/merchandise/clothing/0ZGxx000000006TGAQ","position":2,"name":"Clothing"}]
|
| Default Product Image (デフォルトの商品画像) |
{!Record.ProductMedia.DefaultImage}
|
"https://domain.com/image1.jpg" |
| Product Detail Images (商品の詳細画像) |
{!Record.ProductMedia.ProductDetailImages}
|
["https://domain.com/image1.jpg","https://domain.com/image2.jpg"] |
メタタグで商品属性値を使用するには、まずバリエーション商品を設定してください。詳細は、「商品のバリエーションと属性」を参照してください。価格設定情報を使用するには、商品が標準価格表に属していることを確認してください。ブレッドクラムを使用するには、商品のプライマリカテゴリがナビゲート可能であることを確認してください。詳細は、「ブレッドクラムで使用する商品カテゴリの選択」を参照してください。
商品詳細ページのカスタム head タグに構造化データを追加するには、次の式が含まれるスクリプトを使用してください。詳細は、「コマースのページメタタグの設定」を参照してください。
例
<script type="application/ld+json">
[{
"@context": "https://schema.org/",
"@type": "Product",
"name": "{!Record.Name}",
"category": "{!Record.ProductCategory.Name}",
"color": "{!Record.ProductAttributes.ProductColor__c}",
"size": "{!Record.ProductAttributes.ProductSize__c}",
"material": "{!Record.ProductAttributes.ProductMaterial__c}",
"offers": {
"@type": "Offer",
"priceCurrency": "{!Record.Offers.Currency}",
"price": "{!Record.Offers.Price}"
},
"image": "{!Record.ProductMedia.DefaultImage}"
},
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": "{!Record.BreadcrumbList}"
}]
</script>
構造化データの検証
環境で構造化データを検証するには、ページの HTML ソースコードを調べて、例のように JSON-LD データを含む <script> タグに移動します。
組織で構造化データを検証する前に、スナップショットの手動更新を実行してください。「Provide Search Engines with Fresh Content Snapshots (検索エンジンへの新しいコンテンツスナップショットの提供)」を参照してください。
この記事で問題は解決されましたか?
ご意見をお待ちしております。
