Contact Us

Structured Data For Shopify : The Ultimate Guide

Structured Data For Shopify

Shopify - Image Banner

 

Shopify - {{ article.title }}

Browsing the Internet has become a day-to-day basis for everybody. Whether you are looking for a piece of specific information, need to quickly find an answer to a quiz question to impress your friends, or just feel like googling something to get away from work, you will most likely come across a Rich Snippet as seen on the screenshot above (two sentences in, and we’ve already scratched the topic; nice right?).   While typical search results offer fewer data than rich results such as title, meta description, and URL of a webpage, rich snippets offer us additional website data such as reviews, recipes, and events; these are more eye-catching and will most likely generate an increase in click rate; that’s their main benefit.


As an owner of a Shopify store, you might have more interest  in  Google suggesting  rich snippets for your store, rather than regular search results. To implement this, it is crucial to add structured data markup to your website. 

You need to have skills in Shopify Liquid, HTML, JSON-LD, and schema.org, but , even for an experienced Shopify developer, it could be  challenging to know how to  implement the exact type of data and properties for your Shopify store.

 

Luckily, you came to the right place! At HulkApps, we provide expert services for Structured Data & Schema Markup Setup, teaching you  how to  add structured data to your  Shopify store  whenever you need to do so. . Hopefull and by the end of this article, our  expertise and experience will  help you improve your understanding of structured data and show you ways to implement and use it properly. .

 

Additionally , if you need instructions and guidance with specific schema.org data properties, we can help out with that as well!



What is Shopify Structured Data?

The screenshot below shows  a structured data markup.

Shopify - Structured Data For Shopify : The Ultimate Guide

And this is how it looks like when implemented :

Shopify - Structured Data For Shopify : The Ultimate Guide

Search engines can find structured data markup valuable in finding more information about the website and its related content. As you implement structured data, it helps sieve information for Google that further encompasses ecommerce data such as quality ranking, price tags, and product reviews.

 

You can also utilize  Google to harness information related to your business such as  your business logo, your address, contact information, but  social media pages as well, which is crucial in todays commerce. 



Why does Google recommend  such information?

Using structured data is essential for search engines and web systems that  analyze your website. It enables Google to improve the accuracy rate while  analyzing it  and it also provides  full and complete details  about your web pages.

 

Additionally , structured data is a key factor for  creating rich snippets, as Google can easily automate the product feed for Google Shopping Ads. 

Side Note:

Google does not keep any data that confirms it creates  rich snippets even if webpages are marked up with structured data. An explicit statement can be found in Google's Structured Data Guidelines:

 

However,  if your website ingests structured data markup, in most cases, Google will ensure  your website comes up  rich snippets.


Structured Data Formats & Schemas

Structured Data Formats

According to the Google Webmaster Blog, a small line of fixed data structures that help  encode descriptive data are  called structured data formats.

 

Structured data formats are comprised of three types, which are: 

 

JSON-LD

Microdata

RDFa

As Google recommends using JSON-LD for structured data, we can safely say it’s their favorite format.



Shopify - Structured Data For Shopify : The Ultimate Guide

Source: Google, Understand how structured data

The takeaway: If you are using RDFa or Microdata, Google insists on  JSON-LD migration. The reason behind this is because  JSON-LD is faster and more user friendly, with flexible updates.  Apart from being dynamicaly data compatible, it also reduces the effort needed to work with  HTML codes to display structured data's whereabouts.

 

Here’s how a JSON-LD shows up on a product page:

 

                <script id="productLd" type="application/ld+json">

                {

                    "@context": "http://schema.org/",

                    "@type": "Product",

                    "name": "Shopify Structured Data for E-commerce",

                    "image": "https://cdn.shopify.com/s/files/1/1564/7647/products/StructuredDataforE-commerce_600x600.jpg?v=1587479185",

                    "sku": "",

                    "description": "In an SEO setting, &quot;structured data&quot; ordinarily alludes to actualizing a few sorts of markup on a webpage, in order to supply extra detail around the page’s substance. This mar...",

                    "brand": {

                    "@type": "Thing",

                    "name": "HulkApps"

                    },

                    "offers": {

                    "@type": "Offer",

                    "priceCurrency": "USD",

                    "price": "149.0",

                    "priceValidUntil" : "2020-08-19",

                    "url" : "https://www.hulkapps.com/products/structured-data-for-e-commerce",

                    "availability": "http://schema.org/InStock"

                    },

                    "review": {

                    "@type": "Review",

                    "reviewRating": {

                        "@type": "Rating",

                        "worstRating": "0",

                        "ratingValue": 5,

                        "bestRating": "5"

                    },

                    "author": {

                    "@type": "Person"

                    }

                }

                }</script>

 

With JSON-LD implemented on your Shopify store, it helps search engines detect products and offer data. As a result, it will boosts organic search results and traffic as well



Structured Data Schemas

Different terms and properties such as ‘website,’ ‘organization,’ ‘person,’ ‘description,’ ‘logo,’ and ‘name’ all consist of  structured data schemas. They also include:

 

data-vocabulary.org, and

Schema.org

Note: As Data-vocabulary.org is out of date, it  will no longer provide support for Google to parse rich results features as of January, 29th, 2021. You will need to replace data-vocabulary.org markup with schema.org markup moving forward. Learn more about sunsetting support for data-vocabulary here.

Shopify - Structured Data For Shopify : The Ultimate Guide

Now that you are familiar with structured data, why you should use it, the chosen structured data format (JSON-LD) and schema (schema.org), let’s move further with implementing everything you’ve learned so far! 

Key considerations before implementing structured data

First and foremost, our advice would be following  these three crucial things:

 

  • Carefully read Google's Webmaster Guidelines & General Structured Data Guidelines for details.
    Image
  • Mark your primary page types; (In Shopify, primary pages include the homepage, collection, blog, articles, and product page)
  • Decide which types and properties from schema.org should each of your Shopify pages contain (homepage, product page, collection page)  For example, the below screenshot is how a structured data markup should look like
    Image

 

The image above  clearly shows that structured data encompasses types and that each type contains a set of properties. For example, product  type has a set of common properties such as description, productID, name, weight, mpn, and height, etc.

 

Each type represents and follows other types in the hierarchy. For instance, the Product type can include Offer types. Your product variants are part of those Offer types and they  contain  different properties such as availability and price.

 

“The fundamentals of schema.org now incorporate 615 Types, 901 Properties, and 114 Enumeration Values.”

Please keep in mind that only  a few numbers of Types, Properties, and Enumerations are available, but before we do anything with Types and Properties for your  Shopify page , it is important  to know and understand different ways on how we can  implement structured data



What are the ways to incorporate structured data into the Shopify website?

To incorporate structured data into the HTML of your Shopify store, you can find two ideal methods:

 

  • If you are a skilled HTML developer, you can do it manually.  You need to understand  programming languages such as  Shopify Liquid, HTML, schema.org, and JSON-LD to be able so successfully incorporate structured data However, if you do not possess such skills or you lack an in-house team that can  help you with the implementation, our advice would be to outsorce the service. . 
  • Reach out to Shopify experts with a click of a button!  We at HulkApps offer a wide range of SEO services such as SEO audit, Structured data optimization, Shopify site speed optimization, TF-IDF Reporting, and others, and we would be more than happy to guide you through strutured data and its implementation. To get you started, here’s a free article on how to add the structured data to the web pages of your Shopify store. 




Moving further,  let's take a look at the various forms and properties of schema.org data you need to apply to different pages on your website.


What does your Shopify homepage contain as structured data markup?

  • There are two types of data to add to your homepage:


    WebSite data

    Organization data

WebSite data

Schema.org defines 'WebSite' as a set of related web pages that usually share the same domain. You have to include the following properties in the WebSite data type:

  • URL - your website's URL
  • target - "Indicates a target EntryPoint for an Action" (source: schema.org)
  • query-input - this is a text search deep link with -input that inlines "the resulting value of -input properties into action URLs" (source: schema.org)

Organization data

For example, organization data could be presented as Store, SportsOrganization, Corporation, LocalBusiness, BikeShop, BookStore, WorkersUnion, hardware store, etc. Note that the more specific the Organization type is, the better. You have to include the following properties in the Organization data type:

 

  1. name - your Shopify store or website's name
  2. URL - your website's URL
  3. description - a description of your business (who you are, what you do/sell, how your product/service benefits customers, etc.)

3. logo - Google displays your logo in search results and in the Knowledge Graph

    Shopify - Structured Data For Shopify : The Ultimate Guide

      1. image
      2. sameAs - links to your social media profiles (Facebook business page, Twitter profile, YouTube account, Instagram account, etc.)
      3. address (PostalAddres) - streetAddress (street and number), addressLocally (city), postalCode, address Country (country)

      Other than the aformentioned , information such as  contact information , price range (priceRange) or geolocation could be benefitial as well..

      What structured data markup to add to your Shopify product pages?

    You need to use three kinds of structured data for your product pages:

    Product data

    Offer data

    BreadcrumbList data

        Product

        Product type data  refers to products themselves, including product SKU, size, barcode, etc. As product variants encompass offer types  for  one kind of product, there needs to be one type of offer for the product variant. If a product variant is unavailable, other properties can refer to price, barcode, and SKU. Shopify ingests all these details as a default variant - this variant can act as your offer type in your Shopify store.

         

        Required properties are:

        1. offers - variants of products
        2. name - product name
        3. image - Link of the product photo or imageObject

        Recommended properties are:

        1. brand
        2. review
        3. productID
        4. description
        5. aggregateRating
        6. gtin8/gtin13/gtin14/isbn/mpn - global identifier or unique product identifiers

        The recommended properties, as seen above, are  used  by  your Shopify store to help Google identify and work with your product search queries.

         

        You can use GTIN or Global Trade Item Number as a barcode and utilize this  with your product variant. Keep in mind that GTIN performs both as MPN and productID.


        Offer data

        The types of offer data (Essential properties) are:

        1. Price
        2. availability (OutOfStock, InStock)
        3. priceCurrency


        Suggested properties are:

        1. URL (the product page URL)
        2. priceValidUntil (ISO 8601 date format)
        3. itemOffered
        4. SKU 
        5. itemCondition


        BreadcrumbList data

        If you want your product page to outstand in the crowd of thousands of Shopify stores and their product presentation,  Breadcrumb can help you out with that by adding markups to your product pages.  This will help  Google categorize those pages and show off your products the way the’re meant to be exibited. . BreadcrumbList is the markup type that a product page must have  and it contains one ListItem type with the following properties:

         

        1. id
        2. position
        3. item
        4. name

            What structured data to choose for Shopify collection pages?

            As mentioned above, the CollectionPage type, including ListItem type, are a part of your Shopify collection page.


            CollectionPage

            Recommended properties for collection page

              1. URL - the collection page URL
              2. description - collection page description
              3. name- collection page name
              4. image- collection page primary image

              ListItem:

              1 .URL - the product page URL

              1. position- the place value of the product within the collection page. If the product comes at the third position, it is place value is ‘3.’

              Side Note:

              Make sure your collection pages include the breadcrumb markup; on the  breadcrumb markup, you can find the markup section for the product page.

            What type of structured data does your Shopify blog page include?

              1. URL - the blog URL 
              2. name- the blog name
              3. about- the blog description4. keywords- your target keyword

              The BlogPosting types should interact with the Blog type in numerous numbers. Each of them has a direct link to an article or a publication. Keep in mind that  there are number properties that the blog posting type must contain which are:


              1. mainEntityOfPage- the canonical URL
              2. headline
              3. URL  -the page URL 
              4. image (ImageObject)
              5. dateCreated
              6. dateModified
              7. datePublished
              8. logo
              9. author
              10 .publisher

                Structured Data Markup Testing

                You can use the following tools to check if your pages are marked up correctly and if you’re eligible for rich results:

                 

                Google Structured Data & Rich Result Testing Tool

                The structured data testing tool allows you to test URLs or code snippets as seen on the images below:

                Shopify - Structured Data For Shopify : The Ultimate Guide

                Shopify - Structured Data For Shopify : The Ultimate Guide

                Kindly note  that if the Structured Data Testing Tool detects an error, fixing it would be smart  as it might (and probably will) hurt your rankings. Warnings, on the other hand, are not something you should lose sleep over - usually, they  refer to recommended properties you could include in your markup.

                1. Rich Results Test

                Rich Results Test is just as easy to use. All you have to do is paste your website's URL in the "Enter a URL to test" field as seen below:

                Shopify - Structured Data For Shopify : The Ultimate Guide

                The, click on Test URL and wait for a few seconds.

                Shopify - Structured Data For Shopify : The Ultimate Guide

                Preview the results

                Shopify - Structured Data For Shopify : The Ultimate Guide

                You  can also test code snippets.

                Shopify - Structured Data For Shopify : The Ultimate Guide

                Quick Recap

                Structured data markups could be a great addition to your Shopify store!  As we’ve learned today, they help search engines understand what your website is all about,   and they increase the chances of your Shopify store  getting rich results. This , in turn, increases user engagement and your CTR - all of which leads to more sales and growth in business. 

                 

                We’ve also became experents in understanding that data-vocabulary.org and schema.org are two types of structured data formats .that ‘build’ our website in a way which makes it easier for search engines to read, comprehend, and index them. 

                There are hierarchically arranged properties and data types in schema.org markup or structured data markup and we’ve learned why it’s ideal to add structured data to your Shopify store elements such as homepage, collection pages, product pages, blog pages, and article pages. Let’s refresh our memory, and  take a look at a brief overview of properties and data types your Shopify website should have for each page:



                 

                Page Data Types Properties
                Homepage
                Website
                url, target, query-input
                Organization
                Required: name, url, description, logo, image, sameAs, adress
                Recommended: priceRange, telephone, geo (latitude, longitude)
                Product Pages
                Product
                Require: name, image, offers
                Recommended: productID, aggregateRating, brand, description,
                review, sku, gtin8 / gtin13 / gtin 14 / mpn / isbn
                Offer
                Required: availiability, price, priceCurrency
                Recommended: itemOffered, priceValidUntil, url, itemCondition,
                sku
                BreadcrumbList
                Position, item, id, name
                Collection Pages
                CollectionPage
                name, url, description, image
                ListItem position, url
                BreadcrumbList
                Position, item, id, name
                Blog Page
                Blog
                about, name, url, keywords
                BlogPosting
                headline, mainEntityOfPage, imageObject, url, datePublished,
                dateModified, dateCreated, description, author, publisher,
                logo (publisher), url (publisher), name (publisher)
                Article Page
                Article
                headline, mainEntityOfPage, imageObject, url, datePublished,
                dateModified, dateCreated, description, author, publisher,
                logo (publisher), url (publisher), name (publisher)

                 

                Just before you leave us, let’s quickly recall one more time on how you can add structured data to your Shopify website:

                 

                1. Manual overhaul
                2. In-house assistance

                 

                As we’ve explained already, If you seek support on implementing  structured data to your Shopify website or optimize SEO of your website, you came to the right place! With with a click of a button, HulkApps is locked and loaded to guide you through all the steps we’ve talked about today.

                Your turn!

                You came here hoping to find a solution to a problem, and that's exactly what you did. We are confident enough to say that we have answered all of your questions today, and that’s just what we do; we can’t help it. However, if you need any additional information, have a question or two, want to one-up your skills, or just want to talk about growing your brand and business with the passion we both share, feel free to reach out. You'll receive some advice, and we'll gain a little social media exposure; win-win! Whatever it is, HulkApps always makes it personal, and always steps up. Happy selling!  



                Leave a comment

                Please note, comments must be approved before they are published.

                Cart

                Your cart

                Close

                Your cart is currently empty.

                Total