構造化データの「image」が機能しない

日本語 ディスカッション 技術的なQ＆A
1

お世話になります。shopifyでECを運営しております。技術的なことについては初学者レベルです。

DAWNをベースにしたテーマを使用しております。

リッチリザルトテストを実施した際、項目「image」がありませんと表示されるのですが、shopify側のmain-product.liquidのコードを確認すると、imageの記述があります。

リッチリザルトテストでimageがないというアラートが出る原因がわからず、ご教示いただきたいです。

よろしくお願いいたします。

コード.png
コード.png1552×544 95.1 KB

リッチリザルトテストの結果.png
リッチリザルトテストの結果.png1600×523 128 KB

2

初めまして。

product.selected_or_first_available_variant.featured_media

は商品のバリアント（サイズや色などの異なるバージョン）が存在していない場合には値が入ってきません。

そのため、バリアントがない場合にはproduct.featured_imageを使うようにしてください。

また、そもそも商品画像が存在していない商品の場合には、product.featured_imageも存在しませんので

ダミー画像（プレースホルダー画像）を用意して、そのURLを書いてください。

下記が参考のコードです。

{% if product.selected_or_first_available_variant.featured_media %} // バリアントが存在している商品の場合
    "image": {{ product.selected_or_first_available_variant.featured_media | image_url: width: 1920 | prepend: "https:" | json }},
  {% elsif product.featured_image %} // バリアントが存在していない商品の場合
    "image": {{ product.featured_image | image_url: width: 1920 | prepend: "https:" | json }},
  {% else %} // 商品画像が存在しない商品の場合
    "{{ 'path/to/default-image.jpg' | json }}", // ダミー画像のurlを設定してください
  {% endif %}

ご参考までに。

3

ありがとうございます。

ご教示いただいた方法で試してみます。