[SEO]検索結果にレビューの星を表示するための構造化データ

EC-CUBEではバージョン4.2あたりから商品の構造化データがjson-ldでマークアップされています。Product/detail.twigに下記のようなコードがあれば、商品の構造化データが存在します。

ただ商品レビューがプラグインの機能であることもあって、検索結果にECサイトで重要なレビューの星が表示されません。この記事では検索結果にレビューを表示する簡単なカスタマイズをご紹介します。

<script type="application/ld+json">
{
    "@context": "https://schema.org/",
    "@type": "Product",
    "name": "{{ Product.name }}",
    "image": [
        {% for img in Product.ProductImage %}
            "{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}"{% if not loop.last %},{% endif %}

        {% else %}
            "{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}"
        {% endfor %}
    ],
    "description": "{{ Product.description_list | default(Product.description_detail) | replace({'\n': '', '\r': ''}) | slice(0,300) }}",
    {% if Product.code_min %}
    "sku": "{{ Product.code_min }}",
    {% endif %}
    "offers": {
        "@type": "Offer",
        "url": "{{ url('product_detail', {'id': Product.id}) }}",
        "priceCurrency": "{{ eccube_config.currency }}",
        "price": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
        "availability": "{{ Product.stock_find ? "InStock" : "OutOfStock" }}"
    }
</script>

<script type="application/ld+json">
{
    "@context": "https://schema.org/",
    "@type": "Product",
    "name": "{{ Product.name }}",
    "image": [
        {% for img in Product.ProductImage %}
            "{{ app.request.schemeAndHttpHost }}{{ asset(img, 'save_image') }}"{% if not loop.last %},{% endif %}

        {% else %}
            "{{ app.request.schemeAndHttpHost }}{{ asset(''|no_image_product, 'save_image') }}"
        {% endfor %}
    ],
    "description": "{{ Product.description_list | default(Product.description_detail) | replace({'\n': '', '\r': ''}) | slice(0,300) }}",
    {% if Product.code_min %}
    "sku": "{{ Product.code_min }}",
    {% endif %}
    "offers": {
        "@type": "Offer",
        "url": "{{ url('product_detail', {'id': Product.id}) }}",
        "priceCurrency": "{{ eccube_config.currency }}",
        "price": {{ Product.getPrice02IncTaxMin ? Product.getPrice02IncTaxMin : 0}},
        "availability": "{{ Product.stock_find ? "InStock" : "OutOfStock" }}"
    }
    {# EC-CUBE4.2の場合、既にld+jsonのscriptタグが存在するので、ここから下のif文セクションだけを追加 #}
    {% if ProductReviewAvg is defined and 0 < ProductReviewCount%}
    {# @see https://umebius.com/eccube/seo-review-stars/ #}
    ,"aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "{{ ProductReviewAvg }}",
        "bestRating": "5",
        "ratingCount": "{{ ProductReviewCount }}"
    }
    {% endif %}
}
</script>

検索結果にレビューの星を表示することは非常にSEO効果が高いのでぜひ実装してみてください。

レビュー機能をまだ導入していない方はレビュー導入も含めぜひご相談ください。