Support Articles

Stay Connected

How to Add Schema Markup to Your Site

Schema markup is a code that assists search engines to understand your content and better represent it in the search results.


You’ve probably already encountered marked-up content in the form of rich snippets:

Schema is an open-source lead by the web community to help define commonly represented things with a structured, predictable system. You can check the many types of schema at schema.org.

For more information about schema, please see our article about Schema on Snapps.

Types of Schema Markup

There are lots of different types of schema that exist on the schema.org website. But we have outlined below some of the most common types of schema that could boost your SEO strategy. 


  • Local Business Schema -  This tells Search Engines facts about the business, such as hours they’re open, address, phone numbers and more.
  • Organisational Schema - This highlights your company’s contact information, logo and social media links enhancing the visibility of this information on the SERP.
  • Product Schema - Very helpful for e-commerce sites. This schema is a perfect way to enrich the information a consumer receives when scrolling through their search results.
  • Article Schema - This type of schema can be used on news or blog pages and has the potential to increase your appearance in search engine results. 
  • FAQ Schema -  A list of questions and answers about the website or content on the page.

Snapps recommends only executing schema that is supported by search engines. Our recommendation comes from the fact that you can easily waste hours implementing schema for 100s of things across a site—but that provides a little value overall. But if you focus on what search engines support, you will be saving time and effort.

Custom Schema Markup Implementation

Step 1:   Learn the type of page you have and which type of schema markup fits it best.

Step 2:  Generate the schema markup. Generating JSON LD structured data is just easy. You can use an online generator of schema markup such as this one to easily generate your code.

Step 3:  Embed the schema markup on that specific page.

Step 4:  Validate everything.

Other Tools to Generate Schema Markup

There are lots of tools that you can use to generate the schema markup for your page.

But here are one of the tools that you can use to generate your schema markup. In this example, we will use Merkle’s Technical SEO Schema Generator.

  • Google’s Structured Markup Helper
    This tool allows you to select the type of schema you want to create and then helps you visually choose the data from the webpage you want to grab it from. This is perfect if the website is already published and you want to simply choose the data on the website. That being said, it is a bit incompetent to use.
  • Merkle’s Technical SEO Schema Generator 
    This tool is one of the best tools to use. You can quickly choose the type of schema you want to use and generate . Then, it’s just simple to use the text fields to fill in that data.
  • Rank Ranger’s Schema Generator.
    This is another easy tool to generate schema quickly by providing a scope of text input boxes.

To generate the schema for your page:

  1.  Visit the  Merkle’s Schema Generator.
  2. Choose the type of schema markup you want to generate from the drop-down. For example, Local Business Schema.
  3. Complete all fields listed. Then from the right corner, click the Copy button.

Embed Schema Markup on a Page


In order to embed the schema markup on a webpage, please follow these steps:


  1. Go to site editor, and click Pages from the left panel.
  2. Next to the page that you want to add or enable the schema markup, click the Settings button, then, choose SEO.
  3. Click or scroll to Header HTML, then, paste the schema markup in the box provided by Snapps.
  4. Republish the site to ensure the updated schema is live.



Note:


It is important that the schema markup must only be added to the webpages where the content that you used to produce the schema is represented. Remember, adding schema to every page of the site can confuse search engines as to what the schema is actually representing.


Tip:

There are many ways to represent schema such as RDFa, Microdata, and LD+JSON. Snapps recommend focusing on LD+JSON because it is the easiest to read and update, as well as as the most modern solution.

Validate or test the Schema Markup


Once you’ve added the schema and republished the site, you should test or validate your schema markup. To do that, please go to Google’s Structured Data testing tool, type the exact page URL, and then click Run Test.


The test returns the exact schema that Google sees when it crawls your page.

Related Article:


Schema on Snapps


What's

Snappin

Related Articles

HTML Widget

By Eddie Cruz • 24 Aug, 2021
Expand the capabilities of the website builder with custom HTML. This widget allows you to embed custom code into your site, and can be used to embed third-party widgets such as videos, contact forms, and more. While adding custom code can extend your site's functionality, we recommend you only add code from a trusted source. Only add code if you know exactly what it does and how to troubleshoot it if it does not work. To learn more about using HTML in Developer Mode, see Developer Mode.

Social Widgets

By Eddie Cruz • 24 Aug, 2021
The editor's interface has three main predefined sections: The top navigation bar, the left panel, and the content area. Each of these predefined sections plays an important role in letting you make your site as awesome as possible.

PayPal Button

By Eddie Cruz • 24 Aug, 2021
This widget makes it easy for website visitors to send you money using PayPal. You can use the PayPal button both for gathering donations and for selling products.
Share by: