Implementing schema.org into your Storefront

Implementing schema.org into your Storefront

Introduction

This guide describes how to implement http://Schema.org structured data into your UltraCart Storefront. Adding http://Schema.org markup helps search engines better understand the content of your website, improving search visibility and potentially generating rich snippets in search results.

What is Schema.org?

http://Schema.org is a collaborative project initiated by major search engines (Google, Bing, Yandex, Yahoo!) to create a shared vocabulary for structured data markup on web pages. By embedding structured data using http://Schema.org formats (such as Microdata, RDFa, or JSON-LD), webmasters provide additional context to search engines about the content on their pages.

Implementing http://Schema.org :

  • Improves visibility in search engine results pages (SERPs).

  • Enables rich snippets that enhance listing appearance and increase click-through rates.

  • Helps search engines better understand your page content for more accurate search indexing.

For more information, visit Schema.org.

Prerequisites

Prerequisite: You must have Storefront access in your UltraCart account.

Enabling schema.org Markupfor your Storefront

Steps to Add http://schema.org Markup

Navigate: Main Menu → Storefronts → Choose Host → Storefronts Menu → Search Engine Optimization

Follow these steps to enable http://Schema.org markup on your Storefront:

  1. Access Your Storefront

    • Log in to your UltraCart account.

    • Navigate to Storefronts and select your desired Storefront host.

  2. Navigate to SEO Settings

    • From the Storefront menu, select Search Engine Optimization.

  3. Enable http://Schema.org Markup

Note: Once enabled, UltraCart automatically outputs Microdata format structured data for supported content types.

Configuring Schema.org via Visual Builder

In addition to the default schema output, you can configure specific schema settings using the UltraCart Visual Builder.

Using the ITEMSTRUCTUREDDATA Element

Screenshot image of View of ITEMSTRUCTUREDDATA Visual Builder element in the Hierarchy Panal.
View of ITEMSTRUCTUREDDATA Visual Builder element in the Hierarchy Panal.

You can add the ITEMSTRUCTUREDDATA element to your item form via the Visual Builder:

  1. Open your Storefront in the Visual Builder.

  2. Navigate to the Hierarchy view.

  3. Insert the ITEMSTRUCTUREDDATA element into the desired location within your item page.

Configuring the ITEMSTRUCTUREDDATA Element

screenhot image of ITEMSTRUCTUREDDATA Visual Builder Element Settings panel.
ITEMSTRUCTUREDDATA Visual Builder Element Settings panel.

The element includes one configurable setting:

Setting

Description

Setting

Description

Default Price Valid For Days

The number of days the price is valid. The default is 7 days, but you can adjust this value as needed.

Once configured, the Visual Builder will render http://Schema.org structured data within the page source code automatically.

Tip: Use browser developer tools to verify the generated schema markup in your page source.

 

Frequently Asked Questions

Question: How to add schema.org to my storefront template?
Answer: The storefront visual builder themes have settings for enabling schema.org for the storefront and a visual builder element called ITEMSTRUCTUREDDATA that will insert the schema into the page source for each item in the page. You do not edit the template. Instead you enable the schema.org via the checkbox setting in the Storefront Search Engine Optimization settings, and also add the Visual Builder element into item pages.

Conclusion

By enabling http://Schema.org markup and utilizing the Visual Builder's ITEMSTRUCTUREDDATA element, your Storefront will deliver enhanced structured data to search engines, improving your site's search presence and potential click-through rates.

Next Steps