In this knowledgebase article, we’ll walk you through how you can use Rank Math PRO to import JSON-LD Schema Markup.
What is JSON-LD Markup?
JSON-LD or JavaScript Object Notation for Linked Data is a lightweight data interchangeable format that uses the vocabulary of Schema.org to describe what a web page is about.
JSON-LD is used in the page in such a way that it does not impact the existing HTML structure and tags. Web- developers use JSON-LD as it follows the JSON syntax and is simple to implement. JSON-LD helps to create an overall better web by annotating the elements on a page and structuring the data which is further used by the search engines to organize and connect data easily.
How to Import JSON-LD Schema with Rank Math
Before importing Schema from HTML code please ensure that you’ve enabled the Schema module from Rank Math > Dashboard > Modules section. The Schema Module is available in the PRO version and we recommend installing the Rank Math PRO plugin and make the most of the Schemas supported by the plugin.
If you’re using the Schema Markup for the very first time, we recommend you to go through our massive guide on Configuring Schema Markup with the help of the Rank Math plugin.
Without further ado, let’s walk you through the steps on how to import JSON-LD Schema using Rank Math:
1 Navigate to the Schema Generator
At first, navigate to your post editing screen. Then open Rank Math in the Gutenberg sidebar by clicking on the Rank Math SEO icon for the page. Or you can also click the three vertical dots in the top right-hand corner of the edit page and select Rank Math in the Plugins section – as shown below:
Then in the Schema tab of Rank Math’s meta box, click on Schema Generator.
2 Navigate to the Import Tab
Click on the Import tab in the Schema Generator.
3 Select the JSON-LD/Custom Code Option in the Import Tab
In the Import tab, select JSON-LD/Custom Code option from the drop-down list as shown below:
4 Enter the JSON-LD/Custom Code
Enter the JSON-LD Custom Code in the corresponding box and click on Process Code. For example, the following is an example for a local restaurant.
Once you click on Process Code the Schema will be imported within a fraction of seconds. And that’s it! You can then utilize the imported Schemas on your website and make changes as per your preferences. You can then check your Schema with the help of the Schema Testing Tool.
If you still have any questions, please feel free to contact our support team who are available 24×7 and will help you out as soon as possible.