Add Product Schema Markup to an Elementor Single Product Template

Adding schema markup to your custom product pages will make them eligible for rich results in search, increasing visibility, and engagement with the right users. Structured data markup helps Woocommerce websites in two ways.

  • Schema markup creates context for the content on your web pages so search engines can better understand and match your products with a user’s search intent.
  • Structured data markup enhances how your store and products appear in search engine page results.

Woocommerce adds this markup by default. When you use the Elementor Single Product template to create your custom single product, the single product template overrides the default Woocommerce template.

The Woocommerce summary hooks contain the WC_Structured_Data::generate_product_data() hooks, it is how Woocommerce creates the schema markup on a ld+json format.

    /**
     * Hook: woocommerce_single_product_summary.
     *
     * @hooked woocommerce_template_single_title - 5
     * @hooked woocommerce_template_single_rating - 10
     * @hooked woocommerce_template_single_price - 10
     * @hooked woocommerce_template_single_excerpt - 20
     * @hooked woocommerce_template_single_add_to_cart - 30
     * @hooked woocommerce_template_single_meta - 40
     * @hooked woocommerce_template_single_sharing - 50
     * @hooked WC_Structured_Data::generate_product_data() - 60
     */

We added a Bew Summary feature to add the schema markup on the Elementor Single Product template. Just select the section/column where you have your custom summary and enabled it, quick and easy.

It is how Google shows your product page when you have your Schema Markup enabled.

Schema Markup simulation

Leave a Reply